.alignnone { margin: 0; }
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto;
}
.alignright { float:right; }
.alignleft { float: left; }
a img.alignright { float: right; }
a img.alignnone { margin: 0; }
a img.alignleft { float: left; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone { margin: 0; }
.wp-caption.alignleft { margin: 0; }
.wp-caption.alignright { margin: 0; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: none;
background:transparent;
}
.ui-sortable-placeholder{
min-height:38px;
background: #1a8fcc;
border: none;
border-radius: 15px;
color: #5c6b7f;
padding: 7px 20px;
margin:0 0 19px;
}
@media (max-width: 767px){
.ui-sortable-placeholder{
margin:0 0 10px;
}
}
.lesson-holder{
position: relative;
}
.lesson-holder.lock::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
z-index: 2;
}
.nav .marked:not(.active) a:not(:hover):before{
background: #f5a623;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
} #registrationlb{
max-width: 420px;
padding: 0;
}
#registrationlb .sign-holder{
margin: 0;
}
.user_logged_out  .fancybox-container--ready .fancybox-bg{
opacity: 0.85;
}
.popup-holder .lightbox-block.congratulate{
font-weight: normal;
}
.popup-holder .lightbox-block.congratulate span{
font-weight: 700;
font-size: 16px;
}
.congratulate .congratulate-value .pre-value{
font-size: 16px;
display: block;
width: 100%;
margin: 0 0 4px;
}
.hide-from-screen{
position: absolute;
top: -999px;
left: -999px;
}
.lock{
position: relative;
}
.lock >.btn{
position: absolute;
z-index: 20;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: auto !important;
white-space: nowrap;
} .profile-holder .woocommerce-MyAccount-navigation {
float: none;
width: 100%;
margin-bottom: 20px;
}
.profile-holder .woocommerce-MyAccount-navigation ul{
list-style: none;
border-bottom: 1px solid #edeff0;
}
.profile-holder .woocommerce-MyAccount-navigation ul li{
display: inline-block;
max-width: 49%;
margin: 0 15px -1px 0;
border: 1px solid transparent;
border-bottom: 0;
border-radius: 5px 5px 0 0;
}
.profile-holder .woocommerce-MyAccount-navigation ul li.is-active{
border-color: #edeff0;
background: #ffffff;
}
.profile-holder .woocommerce-MyAccount-navigation ul li a{
padding: 5px;
display: block;
}
.profile-holder .woocommerce-MyAccount-content {
float: none;
width: 100%;
}
.profile-holder .woocommerce-MyAccount-content form .form-row input.input-text,
.profile-holder .woocommerce-MyAccount-content form .form-row textarea{
line-height: 1.2em;
}
.profile-card .level-block,
.profile-card,
.profile-holder{
border-radius: 0 !important;
}
.footer ul{
list-style: none;
text-align: right;
}
.footer ul li{
display: inline-block;
margin-left: 10px;
}
.account-section .text-holder{
max-width: 1000px !important;
}
.account-holder .account-block .duration{
height: 33px;
overflow: hidden;
}
.account-holder .account-block .text{
min-height: 108px;
}
.account-holder .icon-check{
height: 50px !important;
width: 50px !important;
}
.account-holder .icon-check:before{
top: 16px !important;
left: 21px !important;
}
@media (max-width: 1199px){
.account-holder{
flex-wrap: wrap;
}
.account-holder .account-block{
width: 40% !important;
min-width: 260px;
margin: 0 0 30px 30px !important;
}
}
@media (max-width: 767px){
.account-holder{
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.account-holder .account-block{
margin: 0 15px 20px 15px !important;
}
}
@media (max-width: 520px){
.profile-holder .woocommerce-MyAccount-navigation ul li a{
font-size: 12px;
}
}
.nav a{
padding: 25px 15px 24px !important;
}
#payment_block .price,
.course-price-box  .price {
position: relative;
margin-bottom: 50px;
display: flex;
justify-content: center;
}
.course-price-box  .price{
flex-direction: column;
align-items: center;
}
#payment_block .price del,
.course-price-box  .price del{
text-decoration: none;
position: relative;
font-size: 36px;
width: 50px;
font-weight: 400;
margin-right: 10px;
letter-spacing: -1px;
}
.course-price-box  .price del{
margin-bottom: 10px;
}
#payment_block .price del:before,
.course-price-box .price del:before {
content: '';
display: block;
position: absolute;
width: 55px;
height: 2px;
transform: rotate(-40deg);
right: 0;
top: 25px;
background: #374961;
}
#payment_block  .price-description,
.course-price-box  .price-description  {
font-size: 25px;
font-weight: 600;
position: relative;
top: -15px;
}
#payment_block .price .amount,
.course-price-box .price .amount {
font-size: 60px;
font-weight: 700;
line-height: 44px;
letter-spacing: -1.2px;
}
#payment_block .price .amount i,
.course-price-box .price .amount i  {
font-style: normal;
font-size: 40px;
}
#payment_block .price .currency {
display: none;
}
#payment_block  .price-description,
.course-price-box  .price-description {
display: block;
width: 130px;
margin: 0 auto 10px;
color: #fff;
text-align: center;
font-size: 15px;
background: url(https://skyenglish.club/wp-content/themes/engskype/images/ribbon.png) center no-repeat;
height: 30px;
padding-top: 2px;
font-weight: 500;
}
#payment_block .price + .price-description,
.course-price-box .price + .price-description{
top: -40px;
}
#payment_block .duration {
font-size: 22px;
font-weight: 400;
line-height: 21px;
}
#payment_block ul {
list-style: none;
}
#payment_block ul li {
list-style: none;
position: relative;
padding-left: 25px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin-bottom: 15px;
text-align: left;
}
#payment_block ul li:before {
content: '';
display: block;
background: url(https://skyenglish.club/wp-content/themes/engskype/images/shopicons/yes.png) center no-repeat;
position: absolute;
width: 14px;
height: 11px;
left: 0;
top: 0;
background-size: contain;
}
.about-accounts > .btn {
margin: auto;
display: table;
}
.overlay.videoPageOverlay {
position: fixed;
width:100%;
height: 100%;
top:0;
left: 0;
background: rgba(0,0,0, .3);
z-index: 19;
}
ul.person-menu li.menu-item-2474 img{
padding-top: 3px;
}
#payment_block .accBlock4 .price:before{
display: none;
}
#payment_block .acountOne .price:before {
background: none;
}
.acountInfo tr td:nth-of-type(1) {
text-align: left;
padding-left: 60px !important;
position: relative;
}
.acountInfo tr td:nth-of-type(1) i {
font-style: normal;
position: absolute;
left: 25px;
top:15px;
}
.account-table th:nth-child(even), .account-table td:nth-child(even) {
background: transparent !important;
}
.acountInfo tr td:nth-of-type(3) {
display: inline-block;
text-align: center;
width: 100%;
}
.account-table tbody tr:first-child td i {
top: 38px;
}
.acountOne .price {
position: relative;
top: -30px;
}
.account-table.acountInfo {
position: relative;
}
.account-table.acountInfo tr td:nth-of-type(2),
.account-table.acountInfo tr th:nth-of-type(2) {
border-left: 1px solid #d5dbe3;
border-right: 1px solid #d5dbe3;
}
.single-tests .short-test-description {
font-size: 20px;
margin-top: -30px;
margin-bottom: 50px;
} div.disabled-book-btn {
display: none;
}
div.paragraph{
color: black;
}
#book-content .tooltip.mark-orange {
color: black;
background: rgba(245, 166, 35, 0.5);
}
#book-content .tooltip:hover {
color: black;
background: rgba(245, 166, 35, 0.5);
}
#top-content-wysiwyg,
#bottom-content-wysiwyg{
max-width: 853px;
margin: 0 auto;
}
.page-template-leaders-challenge .top-banner-block{
min-height: 220px;
}
.blog-holder {
color: #1d1d1d;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 44px 0;
font-size: 16px;
line-height: 1.625;
padding: 70px 40px; }
.blog-holder.content-block {
margin: 44px 0; 
padding: 70px 40px;}
@media (max-width: 767px) {
.blog-holder {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px 25px; } }
@media (max-width: 767px) {
.blog-holder .blog-content {
margin: 0 0 20px; } }
.blog-holder .sidebar {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 360px;
font-size: 17px;
margin: 0 0 0 40px; }
@media (max-width: 991px) {
.blog-holder .sidebar {
width: 280px;
margin: 0 0 0 20px; } }
@media (max-width: 767px) {
.blog-holder .sidebar {
width: 100%;
margin: 0; } }
.blog-holder .sidebar-block {
border: 2px solid #edeff0;
margin: 0 0 30px;
padding: 10px 18px 26px; }
.blog-holder .sidebar-block .title {
background: #edeff0;
margin: -10px -20px 16px;
padding: 13px 20px 15px;
color: #000; }
.blog-holder .sidebar-block .title h3 {
margin: 0;
font: 600 19px "Open Sans", Arial, Helvetica, sans-serif; }
.blog-holder .sidebar-block ul {
padding: 0;
margin: 0;
list-style: none; }
.blog-holder .sidebar-block ul li {
margin: 0 0 8px; }
.blog-holder .sidebar-block a {
text-decoration: underline; }
.blog-holder .sidebar-block a:hover {
text-decoration: none; }
.blog-holder .articles-list {
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
line-height: 1.8; }
.blog-holder .articles-list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 0 5px; }
@media (max-width: 379px) {
.blog-holder .articles-list li {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 0 15px; } }
.blog-holder .articles-list li:last-child {
margin: 0; }
.blog-holder .articles-list .image-block {
width: 100px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
margin: 7px 22px 0 0; }
@media (max-width: 379px) {
.blog-holder .articles-list .image-block {
width: 100%;
max-width: 300px;
text-align: center;
margin: 0 auto 10px; } }
.blog-holder .articles-list .text-block {
text-decoration: none;
color: #1d1d1d; }
.blog-holder .articles-list .text-block:hover {
text-decoration: underline; }
.blog-post {
margin: 63px 0 0; }
@media (max-width: 767px) {
.blog-post {
margin: 35px 0 0; } }
.blog-post:first-child {
margin: 0; }
.blog-post .image-post {
margin: 0 0 15px;
width: 100%; }
.blog-post .image-post img {
width: 100%;
max-width: none; }
.blog-post .meta-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font: 700 13px "Open Sans", Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding: 0 0 35px; }
@media (max-width: 767px) {
.blog-post .meta-block {
padding: 0 0 15px; } }
.blog-post .meta-block .category {
text-decoration: underline; }
.blog-post .meta-block .category:hover {
text-decoration: none; }
.blog-post .post-text h2 {
color: #000;
font: 600 28px/1.3 "Open Sans", Arial, Helvetica, sans-serif;
margin: 0 0 22px; }
@media (max-width: 767px) {
.blog-post .post-text h2 {
font-size: 22px;
margin: 0 0 10px; } }
.blog-post .post-text h2 a {
color: #000; }
.blog-post .post-text h2 a:hover {
color: #1a8fcc;
text-decoration: none; }
.blog-post.post-article .large-text {
font-size: 18px;
line-height: 1.7;
margin: 0 0 45px; }
.blog-post.post-article i,
.blog-post.post-article em {
font-size: 18px; }
.blog-post.post-article .post-text {
font-size: 16px;
line-height: 1.75; }
.blog-post.post-article .post-text p {
margin: 0 0 20px; }
.subscribe-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
border: 1px solid #edeff0;
border-radius: 22px;
padding: 2px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: 38px 0 18px; }
@media (max-width: 379px) {
.subscribe-form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: none;
border-radius: 0; } }
.subscribe-form input[type="email"] {
width: 100%;
border-radius: 25px;
border: none;
font-size: 15px;
line-height: 1.2;
color: #bfc4c6;
padding: 11px 10px 13px 25px; }
@media (max-width: 991px) {
.subscribe-form input[type="email"] {
font-size: 12px; } }
@media (max-width: 379px) {
.subscribe-form input[type="email"] {
border: 1px solid #edeff0;
margin: 0 0 10px; } }
.subscribe-form input[type="submit"] {
color: #fff;
background: #388fce;
font-size: 15px;
line-height: 1.2;
padding: 11px 22px 13px;
border-radius: 25px;
border: 1px solid #388fce;
-webkit-transition: color, background 0.3s ease-out;
transition: color, background 0.3s ease-out; }
.subscribe-form input[type="submit"]:hover {
background: #fff;
color: #388fce; }
@media (max-width: 991px) {
.subscribe-form input[type="submit"] {
font-size: 12px;
padding: 11px 10px 13px; } }
// Article page styles
.comments-holder {
padding: 40px 0 20px; }
.comments-holder .comment-form textarea {
height: 170px;
resize: none; }
.comments-holder .comment-form .text-center {
text-align: center; }
.comments-holder .field-row {
margin: 0 0 20px; }