'); 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; }
Tự học golf
Chơi golf là một môn thể thao mang lại nhiều niềm vui nhưng nếu không khởi động kỹ trước khi chơi, bạn có thể gặp phải những chấn thương không đáng có. Bài viết này của 72+ Golf Academy sẽ giới thiệu đến bạn các bài tập khởi động trước khi chơi golf đơn giản nhưng hiệu quả để tránh chấn thương trước khi chơi golf.
16-10-2024
Đọc thêm Tự học golf
Tập golf trong nhà không chỉ giúp bạn tiết kiệm thời gian và chi phí mà còn giúp bạn rèn luyện kỹ năng một cách tập trung hơn. Với những hướng dẫn cụ thể và bài tập phù hợp, bạn hoàn toàn có thể luyện đánh golf trong nhà. Cùng 72+ Golf Academy tìm hiểu chi tiết hơn trong bài viết này nhé!
09-10-2024
Đọc thêm Tự học golf
Tập golf bao lâu thì ra sân? Đây là câu hỏi mà nhiều golfer mới bắt đầu chơi golf thường đặt ra. Thời gian lý tưởng để ra sân phụ thuộc vào nhiều yếu tố, từ kỹ năng cơ bản đến sự tự tin của người chơi. Bài viết này của Học viện Golf 72+ sẽ giúp bạn tìm ra câu trả lời phù hợp nhất.
07-10-2024
Đọc thêm Tự học golf
Đối với những golfer mới bắt đầu chơi golf, việc nắm được khoảng cách đánh các gậy golf và các yếu tố ảnh hưởng đến khoảng cách này là điều rất quan trọng và cần thiết. Bài viết này của 72+ Golf Academy sẽ giúp bạn hiểu rõ hơn về khoảng cách tiêu chuẩn của các loại gậy golf, từ đó lựa chọn cây gậy phù hợp và cải thiện kỹ năng đánh bóng của mình.
27-09-2024
Đọc thêm Tự học golf
Hố cát luôn là một trong những thử thách đầy gian nan khi các golfer chơi golf, đặc biệt là với những người mới bắt đầu. Kỹ thuật đánh golf hố cát chuẩn không chỉ giúp bạn thoát khỏi tình huống khó khăn mà còn giúp bạn tự tin hơn trên sân golf. Bài viết này của 72+ Golf Academy sẽ hướng dẫn bạn từng bước để chinh phục hố cát một cách dễ dàng và hiệu quả nhất.
27-09-2024
Đọc thêm Tự học golf
Sự đa dạng và tính linh hoạt của gậy sắt khiến cho nhiều golfer mới bắt đầu chơi golf gặp khó khăn khi sử dụng loại gậy này. Để đánh gậy sắt thành thạo đòi hỏi người chơi phải nắm vững những kỹ thuật cơ bản và rèn luyện thường xuyên. Trong bài viết này, 72+ Golf Academy sẽ hướng dẫn chi tiết những kỹ thuật đánh gậy sắt chuẩn và hiệu quả nhất dành cho những golfer mới bắt đầu bộ môn golf.
26-09-2024
Đọc thêm Tự học golf
Gậy Rescue là loại gậy được rất nhiều golfer lựa chọn khi chơi golf hiện nay, sử dụng gậy rescue mang lại hiệu quả thi đấu rất tốt. Bài viết ngày hôm nay chúng ta sẽ cùng tìm hiểu cách sử dụng gậy golf rescue đúng kỹ thuật và kỹ thuật đánh gậy rescue chuẩn.
04-06-2024
Đọc thêm Tự học golf
Để thực hiện cú gạt bóng tốt, golfer cần hoàn thiện cách cầm gậy golf putter chuẩn xác và ổn định. Bài viết ngày hôm nay học viện 72+ sẽ hướng dẫn cách cầm gậy putter kiểu, Traditional Grip, Reverse Overlap Grip và Two-Thumb Grip.
01-06-2024
Đọc thêm Tự học golf
Nếu bạn đã chơi golf một thời gian chắc bạn sẽ được nghe rất nhiều về một thuật ngữ trong golf là Backspin. Vậy kỹ thuật đánh bóng backspin golf là gì? và làm thế nào để tạo ra cú backspin golf để bóng lăn ngược hiệu quả, hãy cùng học viện golf 72+ khám phá ngay trong nội dung bài viết này nhé.
31-05-2024
Đọc thêm Tự học golf
Backswing là giai đoạn đầu tiên để thực hiện kỹ thuật swing, với mục đích đánh bóng về phía mục tiêu một cách chính xác nhất có thể. Nội dung bài viết ngày hôm nay chúng ta sẽ cùng tìm hiểu backswing là gì? cùng hướng dẫn kỹ thuật backswing golf chuẩn và cách khắc phục những lỗi backswing golf thường gặp nhất của golfer.
31-05-2024
Đọc thêm Tự học golf
Vậy làm thế nào để có thể thực hiện cú đánh với gậy driver chuẩn? Để có câu trả lời thỏa đáng, chúng ta hãy cùng nhau tìm hiểu về cách đánh gậy driver trong nội dung bài viết ngày hôm nay nhé
23-05-2024
Đọc thêm Tự học golf
Trong bộ môn golf, có hai kỹ thuật golf cơ bản và quan trọng là swing và putting. Theo thống kê, Putting chiếm 40% cho tới 45% cú đánh trong golf, vậy putting là gì và làm thế nào để thực hiện tốt kỹ thuật Putting
22-05-2024
Đọc thêm