'); background-repeat: no-repeat; background-position: right 20px center; padding-right: 35px; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .form-item select.form-control option { color: #16191B; } .form-item textarea { height: 100px; resize: none; } .notice-error { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; font-style: italic; font-weight: 500; font-size: 14px; line-height: 20px; color: #EF3F36; margin-bottom: 0; margin-top: 10px; } .notice-error svg { margin-top: 2px; -ms-flex-negative: 0; flex-shrink: 0; display: block; margin-right: 1rem; height: 16px; width: auto; } .modal-media { background-color: #131435; } .modal-media .modal-dialog { max-width: 100%; margin: 0; height: 100vh; } .modal-media .modal-content { border-radius: 0; background-repeat: no-repeat; background-position: top left; background-image: url('data:image/svg+xml, '); border: none; height: 100%; background-color: #131435; } @media (max-width: 767.98px) { .modal-media .modal-content { background-image: none; } } .modal-media .modal-header { padding: 56px 0 40px; border: none; } @media (max-width: 767.98px) { .modal-media .modal-header { padding-top: 12px; } } .modal-media .modal-header .btn-close { color: #EF3F36; font-weight: bold; font-size: 14px; line-height: 16px; text-transform: uppercase; padding: 2px; background-color: #131435; position: relative; } .modal-media .modal-header .btn-close:before, .modal-media .modal-header .btn-close:after { pointer-events: none; content: ""; position: absolute; left: 0; top: 0; border-top: 1px solid #EF3F36; width: 0; -ms-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; } .modal-media .modal-header .btn-close:before { left: auto; right: 0; top: auto; bottom: 0; } .modal-media .modal-header .btn-close:hover:before, .modal-media .modal-header .btn-close:hover:after, .modal-media .modal-header .btn-close:focus:before, .modal-media .modal-header .btn-close:focus:after { width: 100%; } @media (max-width: 767.98px) { .modal-media .modal-header .btn-close { font-size: 0; width: 40px; text-align: center; height: 40px; padding: 0; } } .modal-media .modal-body { padding: 0; padding-bottom: 76px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .modal-media .modal-body .video iframe { width: 100%; height: 568px; max-height: calc(100vh - 232px); } @media (max-width: 767.98px) { .modal-media .modal-body .video iframe { height: 159px; } } @media (max-width: 767.98px) { .modal-media .modal-body .video { margin-left: -10px; margin-right: -10px; } } .modal-media .modal-body .note { font-style: italic; font-weight: 500; font-size: 13px; line-height: 20px; text-align: center; color: #616161; margin-top: 1rem; margin-bottom: 0; display: block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 20px; } .modal-media .modal-body .album-slider .slider-wrapper { position: relative; } .modal-media .modal-body .album-slider .slider-wrapper .slider-controls { position: absolute; bottom: 66px; left: 40px; } .modal-media .modal-body .album-slider .slider-item { padding-left: 10px; padding-right: 10px; } .modal-media .modal-body .album-slider .slider-item .img { padding-top: 49.82456%; position: relative; overflow: hidden; border-radius: 6px; } .modal-media .modal-body .album-slider .slider-item .img img { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; } @media (max-width: 767.98px) { .modal-media .modal-body .album-slider .slider-item { padding-left: 0; padding-right: 0; } .modal-media .modal-body .album-slider .slider-item .img { border-radius: 0; } .modal-media .modal-body .album-slider .slider-wrapper .slider-controls { bottom: 50px; left: 10px; } } .modal-search .modal-content { background-image: url('data:image/svg+xml, '), url('data:image/svg+xml, '); background-repeat: no-repeat; background-position: top right, left bottom; } .modal-search .form { padding: 1rem 0; background-color: #131435; } .modal-search .form input { width: 100%; padding-bottom: 16px; font-weight: 900; font-size: 44px; line-height: 52px; text-align: center; color: #FFFFFF; background-color: transparent; border: none; border-bottom: 1px solid #fff; outline: none; margin-bottom: 1rem; } .modal-search .form input:hover, .modal-search .form input:focus { outline: none; } .modal-search .form input::-webkit-input-placeholder { color: #FFFFFF; opacity: 0.3; } .modal-search .form input:-moz-placeholder { color: #FFFFFF; opacity: 0.3; } .modal-search .form input::-moz-placeholder { color: #FFFFFF; opacity: 0.3; } .modal-search .form input:-ms-input-placeholder { color: #FFFFFF; opacity: 0.3; } .modal-search .form .note { margin-top: 0; display: block; font-size: 14px; line-height: 22px; color: #FFFFFF; opacity: 0.3; margin-bottom: 44px; } .modal-search .form .btn-primary { width: 140px; display: block; margin: 0 auto; } @media (max-width: 767.98px) { .modal-search .modal-content { background-image: none; background-image: url('data:image/svg+xml, '); background-size: 165px; background-position: top right; } .modal-search .form { padding: 0; margin-top: 41.25%; } .modal-search .form input { font-size: 20px; line-height: 23px; } .modal-search .form .btn-primary { margin-top: 45%; } } .header { background-color: #fff; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); position: fixed; z-index: 1001; min-width: 100%; } .header.scrolling .nav > ul > li > a { padding: 19px 0; font-size: 14px; line-height: 1.14286; } .header ul { list-style: none; padding-left: 0; margin-bottom: 0; } .header .wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header .nav { -ms-flex: 1; flex: 1; } .header .nav > ul { font-weight: bold; font-size: 16px; line-height: 1.1875; color: #16191B; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header .nav > ul > li { padding: 0 10px; } .header .nav > ul > li > a { text-transform: uppercase; padding: 24px 0 23px; word-break: break-word; color: inherit; text-align: center; display: block; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .header .nav > ul > li > a:hover { color: #EF3F36; } .header .nav > ul > li > a:hover svg path { fill: #EF3F36; } .header .nav > ul .has-child { position: relative; } .header .nav > ul .has-child > a { position: relative; } .header .nav > ul .has-child > a:before { content: ""; position: absolute; top: 0; left: 0; right: 0; max-width: 16px; margin: 0 auto; border-top: 2px solid #EF3F36; -ms-transition: transform 0.4s ease; -o-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; -webkit-transition: transform 0.4s ease; transition: transform 0.4s ease; -ms-transform: scaleX(0); -o-transform: scaleX(0); -moz-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); } .header .nav > ul .has-child .list-child { padding: 11px 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 80%; left: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; background-color: #EF3F36; color: #fff; font-weight: bold; font-size: 14px; line-height: 16px; z-index: 5; opacity: 0; visibility: hidden; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .header .nav > ul .has-child .list-child:before, .header .nav > ul .has-child .list-child:after { content: ""; position: absolute; top: 0; right: 50%; bottom: 0; width: 100vw; background-color: #EF3F36; z-index: -1; } .header .nav > ul .has-child .list-child:before { right: auto; left: 50%; } .header .nav > ul .has-child .list-child li { margin-right: 60px; padding: 3px 0; } .header .nav > ul .has-child .list-child li:last-child { margin-right: 0; } .header .nav > ul .has-child .list-child li a { white-space: nowrap; color: inherit; opacity: 0.8; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .header .nav > ul .has-child .list-child li a:hover { opacity: 1; } .header .nav > ul .has-child:focus > a:before, .header .nav > ul .has-child:hover > a:before { -ms-transform: scaleX(1); -o-transform: scaleX(1); -moz-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); } .header .nav > ul .has-child:focus .list-child, .header .nav > ul .has-child:hover .list-child { opacity: 1; top: 100%; visibility: visible; } .header .logo { margin: 0 40px; -ms-flex-negative: 0; flex-shrink: 0; width: 226px; height: 27px; } .header .logo a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .header .logo img { max-height: 100%; } .header .lang { position: absolute; top: 0; right: 30px; font-size: 12px; line-height: 14px; } .header .lang .current { padding: 0; background-color: transparent; border: none; padding-top: 20px; display: inline-block; color: #EF3F36; cursor: pointer; position: relative; font-weight: 800; } .header .lang .current:before { content: ""; position: absolute; top: 0; left: 50%; height: 14px; margin-left: -1px; border-right: 2px solid #EF3F36; } @media (max-width: 1023px) { .header .lang { margin-right: 30px; } } .header .btn-search { padding: 0; width: 30px; height: 30px; } @media (min-width: 1024px) { .header .btn-search-mob { display: none; } } .header .hamburger { width: 30px; height: 24px; padding: 0; background-color: transparent; border: none; } @media (min-width: 1024px) { .header .hamburger { display: none; } } .header .hamburger-box { width: 14px; display: block; margin: 0 auto; position: relative; } .header .hamburger-inner { transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-duration: 75ms; height: 2px; position: absolute; width: 100%; transition-property: transform; border-radius: 1px; background-color: #16191B; top: -1px; } .header .hamburger-inner:before, .header .hamburger-inner:after { height: 2px; position: absolute; width: 100%; transition-timing-function: ease; transition-duration: 0.15s; transition-property: transform; border-radius: 1px; background-color: #16191B; display: block; content: ""; } .header .hamburger-inner:before { top: -5px; transition: top 75ms ease 0.12s, opacity 75ms ease; } .header .hamburger-inner:after { bottom: -5px; transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19); } .header .hamburger.is-active .hamburger-box { width: 18px; } .header .hamburger.is-active .hamburger-inner { transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: rotate(45deg); } .header .hamburger.is-active .hamburger-inner:before { top: 0; transition: top 75ms ease, opacity 75ms ease 0.12s; opacity: 0; } .header .hamburger.is-active .hamburger-inner:after { bottom: 0; transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; transform: rotate(-90deg); } .header .nav-mob { background-color: #fff; z-index: 20; display: none; position: absolute; top: 100%; left: 0; right: 0; font-size: 20px; padding: 41px 0 50px; height: 100vh; max-height: 100vh; max-height: calc(100vh - 36px); } .header .nav-mob .box { height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .header .nav-mob .box::-webkit-scrollbar-track { -webkit-border-radius: 3px; border-radius: 3px; background-color: transparent; } .header .nav-mob .box::-webkit-scrollbar { width: 4px; background-color: transparent; } .header .nav-mob .box::-webkit-scrollbar-thumb { -webkit-border-radius: 3px; border-radius: 3px; background-color: #EF3F36; } .header .nav-mob .list > li { text-align: center; } .header .nav-mob .list > li + li { margin-top: 50px; } .header .nav-mob .list > li > a { text-transform: uppercase; display: inline-block; color: #000; font-weight: bold; } .header .nav-mob .list > li > a:hover { color: #EF3F36; } .header .nav-mob .list > li.has-child > a { position: relative; } .header .nav-mob .list > li.has-child > a:after, .header .nav-mob .list > li.has-child > a:before { content: ""; position: absolute; top: 50%; border-top: 3px solid #1375BC; right: -22px; width: 12px; margin-top: -1.5px; -ms-transition: transform 0.4s ease, opacity 0.4s ease; -o-transition: transform 0.4s ease, opacity 0.4s ease; -moz-transition: transform 0.4s ease, opacity 0.4s ease; -webkit-transition: transform 0.4s ease, opacity 0.4s ease; transition: transform 0.4s ease, opacity 0.4s ease; } .header .nav-mob .list > li.has-child > a:before { border-color: #EF3F36; -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .header .nav-mob .list > li.has-child > a.active { color: #EF3F36; } .header .nav-mob .list > li.has-child > a.active:after { opacity: 0; } .header .nav-mob .list > li.has-child > a.active:after, .header .nav-mob .list > li.has-child > a.active:before { -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .header .nav-mob .list > li.has-child .list-child { display: none; margin-top: 20px; padding: 30px 15px; background-color: #EF3F36; color: #fff; text-align: center; font-weight: bold; } .header .nav-mob .list > li.has-child .list-child li + li { margin-top: 26px; } .header .nav-mob .list > li.has-child .list-child li a { font-size: 18px; color: inherit; } .header .nav-mob .socials { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 53px; } .header .nav-mob .socials a { max-width: 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; font-weight: 500; font-size: 14px; line-height: 20px; color: #000; text-align: center; display: block; } .header .nav-mob .socials a + a { position: relative; } .header .nav-mob .socials a + a:before { content: "|"; display: block; left: 0; position: absolute; } .header .nav-mob .socials a:hover { color: #EF3F36; } @media (max-width: 1250px) { .header .wrapper { position: relative; } .header .wrapper .lang { right: auto; left: 100%; } } @media (max-width: 1199.98px) { .header .wrapper { position: relative; } .header .wrapper .logo { margin: 0; width: 180px; } } @media (max-width: 1023px) { .header .wrapper { padding: 9px 0; } .header .wrapper .nav { display: none; } .header .wrapper .logo { margin: 0 auto; } .header .wrapper .lang { width: 30px; position: relative; left: 0; -ms-flex-order: -1; order: -1; } .header .wrapper .lang .list { right: auto; left: 0; } } @media (max-width: 767.98px) { .header .wrapper { padding: 6px 0; } .header .logo { max-width: 150px; height: 18px; } .header .lang .current { padding-top: 10px; } .header .lang .current::before { height: 10px; top: -6px; } } @media (max-width: 575.98px) { .header .nav-mob .list > li.has-child .list-child { margin-left: -10px; margin-right: -10px; } } .footer { padding: 40px 0 48px; background-color: #131435; color: #fff; line-height: 1.4; } .footer a { color: #fff; } .footer a:hover { text-decoration: underline; } .footer .logo { position: relative; margin-bottom: 40px; } .footer .logo:before, .footer .logo:after { content: ""; left: 50px; right: 26px; position: absolute; bottom: 50%; height: 2px; background-color: #ef3f36; transform: skewX(-33.69deg); } .footer .logo:before { background-color: #1c75bc; left: 26px; right: 50px; margin-top: 5px; bottom: auto; top: 50%; } .footer .logo .img { width: 202px; height: 52px; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 2; } .footer .logo .img img { display: block; max-width: 100%; max-height: 100%; } .footer .logo .img:before { z-index: -1; content: ""; position: absolute; top: 0; left: -30px; right: -50px; bottom: 0; transform: skewX(-70deg); background-color: #131435; } .footer .footer-title { font-weight: 700; font-size: 18px; line-height: 1.4; color: #ffffff; margin-bottom: 24px; } .footer .contact-form { margin-bottom: 40px; } .footer .contact-form .title { font-weight: 700; font-size: 24px; line-height: 1.4; margin-bottom: 24px; } .footer .contact-form form { position: relative; } .footer .contact-form form input { background: rgba(255, 255, 255, 0.1); border-radius: 6px; padding: 9px 24px; color: #fff; height: 44px; } .footer .contact-form form input.is-invalid { margin-bottom: 0; } .footer .contact-form form select.is-invalid { margin-bottom: 0; } .footer .contact-form form .form-actions .btn-submit { border-radius: 6px; width: 136px; } .footer .contact-form form .form-item { margin-bottom: 16px; } .footer .contact-form form input::-webkit-input-placeholder { color: #ffffff; opacity: 0.3; } .footer .contact-form form input:-moz-placeholder { color: #ffffff; opacity: 0.3; } .footer .contact-form form input::-moz-placeholder { color: #ffffff; opacity: 0.3; } .footer .contact-form form input:-ms-input-placeholder { color: #ffffff; opacity: 0.3; } .footer .footer-menu { margin-bottom: 40px; } .footer .footer-menu .footer-title { margin-bottom: 40px; } .footer .footer-menu ul { list-style: none; padding-left: 0; margin-bottom: 0; } .footer .footer-menu ul li + li { margin-top: 20px; } .footer .footer-menu ul a { display: inline-block; font-weight: 400; font-size: 14px; } .footer .footer-foot { padding-top: 40px; border-top: 1px solid rgba(255, 255, 255, 0.2); } .footer .footer-list { list-style: none; padding-left: 0; margin-bottom: 12px; font-weight: 400; font-size: 14px; line-height: 22px; } .footer .footer-list li { position: relative; padding-left: 21px; } .footer .footer-list li:before { content: ""; position: absolute; left: 9px; top: 8px; width: 3px; height: 3px; background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; } .footer .footer-list li + li { margin-top: 12px; } .footer .footer-certificates { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: flex-end; gap: 40px; margin-top: 18px; margin-bottom: 18px; } .footer .footer-tax { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-left: auto; margin-right: auto; margin-top: 60px; gap: 24px; color: rgba(189, 189, 189, 1); font-size: 14px; font-weight: 400; line-height: 16px; } .footer .footer-copyright { color: rgba(189, 189, 189, 1); text-align: center; font-size: 12px; font-weight: 400; line-height: 14px; } .footer .footer-copyright p { margin: auto; } @media (max-width: 767px) { .footer { padding: 30px 0 28px; } .footer .logo:before { right: 23px; left: 10px; } .footer .logo:after { left: 23px; right: 10px; } .footer .logo .img { margin-left: 49px; width: 94px; height: 24px; } .footer .logo .img:before { left: -14px; right: -24px; transform: skewX(-60deg); } .footer .footer-title { margin-bottom: 24px; font-size: 16px; } .footer .footer-menu { margin-bottom: 30px; } .footer .footer-menu .footer-title { margin-bottom: 24px; } .footer .contact-form { margin-bottom: 30px; } .footer .contact-form form .form-actions .btn-submit { width: 100%; } .footer .contact-form .title { font-size: 18px; margin-bottom: 16px; } .footer .footer-foot { padding-top: 30px; } .footer .footer-certificates { justify-content: space-evenly; gap: unset; } .footer .footer-tax { list-style: none; flex-direction: column; margin-left: unset; margin-right: unset; margin-top: 0; padding-left: 0; gap: 14px; } .footer .footer-tax li { position: relative; padding-left: 21px; } .footer .footer-tax li:before { content: ""; position: absolute; left: 9px; top: 8px; width: 3px; height: 3px; background: rgba(189, 189, 189, 1); -webkit-border-radius: 50%; border-radius: 50%; } .footer .footer-copyright { color: rgba(189, 189, 189, 1); padding-left: 16px; padding-right: 16px; font-size: 12px; font-weight: 400; line-height: 14px; text-align: left; margin: 8px auto auto; } .footer .footer-copyright p { margin: auto; } } .modal#modalRegister .modal-dialog .modal-content .modal-body .contact-form form select.changed { color: #fff; } .footer .contact-form form select.changed { color: #fff; } /*# sourceMappingURL=common.css.map */ .footer .contact-form form select { color: rgba(255, 255, 255, 0.3); } .news-details .main .wrapper .content .toc .title .dropdown-btn { margin-left: auto; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .news-details .main .wrapper .content .toc .title .dropdown-btn.open { transform: rotate(90deg); } .news-details .main .wrapper .content .toc { padding: 16px; background-color: #F4F9FF; display: flex; flex-direction: column; } .news-details .main .wrapper .content .toc * { margin-bottom: 0; } .course-general .main .banner-wrapper .banner { width: 100%; overflow: hidden; height: 100vh; position: absolute; z-index: -1; } .news-details .main .wrapper .content .toc .title { display: flex; align-items: center; font-size: 24px; line-height: 1.2; font-weight: 800; text-transform: uppercase; } .news-details .main .wrapper .content .toc .title span { margin-left: 16px; } .news-details .main .wrapper .content .toc ol.list-1 { counter-reset: item; list-style: none; font-size: 16px; line-height: 1.2; font-weight: 700; text-transform: uppercase; padding-left: 35px; margin-top: 32px; } .news-details .main .wrapper .content .toc ol.list-1 a { color: #16191B; text-decoration: none; } .news-details .main .wrapper .content .toc ol.list-1 a:hover { color: #1375BC; } .news-details .main .wrapper .content .toc ol.list-1 li { position: relative; } .news-details .main .wrapper .content .toc ol.list-1 li:not(:first-child) { margin-top: 24px; } .news-details .main .wrapper .content .toc ol.list-1 li button.dropdown-btn { background-color: transparent; padding: 0; border: 0; position: absolute; left: -35px; top: -2px; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .news-details .main .wrapper .content .toc ol.list-1 li button.dropdown-btn.open { transform: rotate(90deg); } .news-details .main .wrapper .content .toc ol.list-1 li::before { /*content: counters(item, ".") ".";*/ /*counter-increment: item;*/ } .news-details .main .wrapper .content .toc ol.list-1 ol.list-2 { counter-reset: item; list-style: none; padding-left: 10px; font-size: 14px; line-height: 18px; font-weight: 400; text-transform: none; padding-left: 0; opacity: 1; } .news-details .main .wrapper .content .toc ol.list-1 ol.list-2.collapsed { display: none; } .news-details .main .wrapper .content .toc ol.list-1 ol.list-2 li { margin-top: 16px; } .news-details .main .wrapper .content .share { margin-top: 24px; border-top: 1px solid #C4C4C4; border-bottom: 1px solid #C4C4C4; padding: 12px 0 8px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-details .main .wrapper .content .share span { font-weight: 600; margin-right: 30px; font-size: 14px; line-height: 20px; display: inline-block; color: #16191B; margin-bottom: 4px; } .news-details .main .wrapper .content .share ul { list-style: none; padding-left: 0; margin-bottom: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .news-details .main .wrapper .content .share ul li + li { margin-left: 30px; } .news-details .main .wrapper .content .share ul a { margin-bottom: 4px; display: block; opacity: 0.8; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .news-details .main .wrapper .content .share ul a:hover { opacity: 1; } .news-details .main .wrapper .content .dynamic-content h2 { font-weight: 800; text-transform: uppercase; margin-top: 40px; font-size: 20px; line-height: 1.15; } .news-details .main .wrapper .content .dynamic-content h3 { font-weight: 600; font-size: 20px; line-height: 1.2; margin-top: 20px; } .news-details .main .wrapper .content .dynamic-content h4 { font-weight: 600; font-size: 20px; line-height: 1.2; margin-top: 20px; } .news-details .main .wrapper .content .dynamic-content .image img { border-radius: 6px; } .news-details .main .wrapper .content .dynamic-content .image .desc { text-align: right; font-size: 13px; line-height: 20px; font-style: italic; } .news-details .main .wrapper .content .dynamic-content .video { position: relative; border-radius: 6px; } .news-details .main .wrapper .content .dynamic-content .video::before { content: ""; position: absolute; border-radius: 6px; top: 0; left: 0; background-color: rgba(12, 44, 68, 0.2); width: 100%; height: 100%; } .news-details .main .wrapper .content .dynamic-content .video img { border-radius: 6px; } .news-details .main .wrapper .content .dynamic-content .video .btn-play { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .news-details .main .wrapper .content .dynamic-content .video .btn-play svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%); } .news-details .main .wrapper .content .tags { display: flex; font-weight: 400; font-size: 14px; line-height: 20px; color: #929292; padding-inline-start: 0; margin-bottom: 0; align-items: center; margin-top: 40px; } .news-details .main .wrapper .content .tags ul { vertical-align: middle; overflow: hidden; list-style: none; padding-left: 14px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #929292; } .news-details .main .wrapper .content .tags ul li { float: left; position: relative; padding-right: 10px; align-items: center; display: inline; padding-left: 8px; } .news-details .main .wrapper .content .tags ul li::before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50%; top: 8px; left: 0; background-color: #929292; } .news-details .main .wrapper .content .tags ul li a { color: #929292; } @media (min-width: 1200px) { .news-details .main .wrapper .col-xl-5 { -ms-flex: 0 0 40.666667%; flex: 0 0 40.666667%; max-width: 40.666667%; } .news-details .main .wrapper .col-xl-7 { -ms-flex: 0 0 59.333333%; flex: 0 0 59.333333%; max-width: 59.333333%; } } @media (max-width: 1199.98px) { .news-details .main .wrapper { padding: 30px; } .news-details .main .wrapper .sidebar { padding-right: 0; } .news-details .main .wrapper .post-info .page-title { font-size: 36px; } } @media (max-width: 991.98px) { .news-details .main .banner { height: 520px; } .news-details .main .wrapper .post-info { padding-bottom: 30px; margin-bottom: 30px; } .news-details .main .wrapper .content { padding-top: 9px; padding-bottom: 32px; } .news-details .main .wrapper .content .tags { margin-top: 12px; margin-bottom: 12px; } } @media (max-width: 767.98px) { .news-details .main .banner { height: 320px; } .news-details .main .banner:after { content: none; } .news-details .main .wrapper { margin-top: -40px; padding: 38px 10px 30px; } .news-details .main .wrapper .post-info .page-title { font-size: 28px; } .footer .contact-form .title { font-size: 18px; margin-bottom: 30px; } } @media (max-width: 575.98px) { .news-details .main .wrapper { margin-top: 0; margin-left: -10px; margin-right: -10px; border-radius: 0; } } .news-details .main .wrapper .side-list.left { left: unset !important; } .news-details .main .wrapper .side-list .image img { width: 100%; height: auto; margin-bottom: 32px; } .modal#modalSuccess .modal-dialog { max-width: 450px; height: unset; } .modal#modalSuccess .modal-dialog .modal-content { max-width: 450px; background-color: #131435; border-radius: 6px; border: 0; } .modal#modalSuccess .modal-dialog .modal-content .modal-body { padding: 40px 30px 20px 30px; position: relative; } .modal#modalSuccess .modal-dialog .modal-content .modal-body .close { width: 24px; height: 24px; border: 0; padding: 0; background-color: transparent; position: absolute; right: 16px; top: 16px; } .modal#modalSuccess .modal-dialog .modal-content .modal-body .success-section { color: white; text-align: center; } .modal#modalSuccess .modal-dialog .modal-content .modal-body .success-section .title { display: flex; align-items: center; justify-content: center; font-size: 24px; line-height: 28px; font-weight: 700; color: white; margin-bottom: 24px; } .modal#modalSuccess .modal-dialog .modal-content .modal-body .success-section .title svg { width: 28px; height: 28px; margin-right: 10px; } @media (max-width: 767.98px) { .modal#modalSuccess .modal-dialog .modal-content .modal-body { padding: 40px 16px 20px 16px; } } .footer .contact-form .notice { color: white; text-align: center; } .footer .contact-form .notice .title { display: flex; align-items: center; justify-content: center; font-size: 24px; line-height: 28px; font-weight: 700; color: white; margin-bottom: 24px; } .footer .contact-form .notice .title svg { width: 28px; height: 28px; margin-right: 10px; }
Bài viết
Golf phát triển nhanh chóng và nhận được nhiều sự quan tâm của mọi người, đặc biệt là tại thành phố lớn như Hồ Chí Minh. Do đó, nhiều sân golf đã được xây dựng cùng với những học viện golf đã được ra đời khiến nhiều người băn khoăn không biết nên lựa chọn địa điểm nào học đánh golf ở Hồ Chí Minh thì tốt nhất.
26-03-2024
Đọc thêm Bài viết
Tây Hồ là một trong những quận có số lượng golfer đông đảo nhất tại Hà Nội. Chính vì vậy, thật dễ hiểu khi thấy có rất nhiều địa điểm học đánh golf ở đây. Vậy học đánh golf ở quận Tây Hồ thì nên học ở đâu thì tốt và hiệu quả nhất. 72+ Golf Academy sẽ tổng hợp những địa điểm đó trong bài viết này.
26-03-2024
Đọc thêm Bài viết
72+ Golf Academy được biết đến là một trong những học viện uy tín có sân tập tại quận Long Biên được nhiều golfer đánh giá cao. Vậy những điểm nổi bật của học viện này là gì, ngoài 72+ Golf Academy thì có thể học đánh golf ở đâu tại quận Long Biên? Bài viết này sẽ giải đáp những thắc mắc trên cho bạn.
25-03-2024
Đọc thêm Bài viết
Trong số các hoạt động thể thao, golf là một trong những môn được quan tâm đặc biệt. Nhận thấy được xu hướng này, nhiều khóa học golf ở Đống Đa được mở ra, đáp ứng nhu cầu của mọi người.
25-03-2024
Đọc thêm Bài viết
Tại quận Ba Đình, golf là một trong những môn thể thao nhận được quan tâm và yêu thích của nhiều người. Vì vậy, có rất nhiều trung tâm và sân tập golf được xây dựng tại Ba Đình để đáp ứng nhu cầu này của mọi người.
22-03-2024
Đọc thêm Bài viết
Việc lựa chọn một nơi đào tạo về golf uy tín và chuyên nghiệp là điều vô cùng quan trọng, đặc biệt là đối mới những người mới tiếp cận với môn thể thao này. Hãy cùng khám phá những địa chỉ học đánh golf ở quận Hoàng Mai được nhiều người quan tâm nhất tại bài viết này của 72+ Golf Academy nhé!
22-03-2024
Đọc thêm Bài viết
Với sự đa dạng của các trung tâm, học viện golf như hiện nay, việc đánh giá và lựa chọn khóa học đánh golf ở quận Hà Đông phù hợp trở nên khó khăn hơn. Vậy bạn có thể tham khảo các khoá học golf ở Hà Đông mà 72+ Golf Academy sẽ giới thiệu trong bài viết này.
21-03-2024
Đọc thêm Bài viết
Sức hút của bộ môn golf ngày càng lớn dẫn đến sự gia tăng cao về nhu cầu tìm kiếm các địa chỉ học đánh golf uy tín. Vậy giữa quận Cầu Giấy tấp nập và đông đúc thì có địa điểm nào chất lượng để học đánh golf hay không?
21-03-2024
Đọc thêm Bài viết
Với sự phát triển đầy ấn tượng của môn golf tại Hà Nội, các cơ sở đào tạo chuyên nghiệp đã được xây dựng để đáp ứng nhu cầu của cả người mới bắt đầu và những golfer có kinh nghiệm.
21-03-2024
Đọc thêm Bài viết
Công ty cổ phần Nghiêm Thái Châu sở hữu thương hiệu 72+ Golf Academy. Chúng tôi cam kết bảo mật thông tin khách hàng thu thập được từ website, Facebook, các nguồn khác. ( Xem chi tiết tại điều 68 đến Điều 73 Nghị Định 52/2013/NĐ-CP)
05-07-2022
Đọc thêm Bài viết
“Golf là môn thể thao duy nhất đòi hỏi cách ứng xử thông minh và tư duy chiến lược. Hơn thế, golf còn khuyến khích tính tự kỷ luật cao và biết cách tạo dựng niềm tin để tỏa sáng” - Chủ tịch CLB Foison.
26-05-2021
Đọc thêm