img {
height: auto; }
.btn.long {
min-width: 250px; }
.titles-margin h2,
.m-t-40 {
margin-top: 40px; }
.titles-margin h3 {
margin-top: 30px; }
.center-align {
text-align: center !important; }
.b-b-none {
border-bottom: none !important; }
#customplayer,
.customplayer {
position: relative; }
#customplayer .customplayer-wrap,
.customplayer .customplayer-wrap {
position: relative;
margin: 0 auto 30px;
padding: 35% 0 0;
max-width: 853px; }
.video-holder #customplayer .customplayer-wrap,
.video-holder .customplayer .customplayer-wrap {
padding: 54.5% 0 0; }
#customplayer .customplayer-wrap iframe,
.customplayer .customplayer-wrap iframe {
margin-bottom: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
height: 100%;
border: none; }
#customplayer #subtitles,
.customplayer #subtitles {
position: absolute;
width: 100%;
bottom: 40px;
margin: 0;
padding: 0;
list-style: none;
background: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 18px; }
#customplayer #subtitles li,
.customplayer #subtitles li {
text-align: center;
padding: 0 15px;
max-width: 76%;
margin: 0 auto; }
#book-content {
max-width: 853px;
margin: 0 auto; }
#customplayer .tooltip,
.customplayer .tooltip,
#book-content .tooltip {
position: relative;
display: inline-block;
cursor: pointer;
padding: 2px;
border-radius: 4px;
margin: 5px 0;
outline: none; }
#customplayer .word-tooltip,
.customplayer .word-tooltip,
#book-content .tooltip .word-tooltip {
position: absolute;
bottom: 100%;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
background: #fff;
border-radius: 4px;
padding: 0 15px;
min-width: 210px;
color: #5c6b7f;
font-size: 16px;
text-align: left;
opacity: 0;
z-index: -1; }
#book-content .tooltip .word-tooltip {
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); }
#customplayer .tooltip:hover,
.customplayer .tooltip:hover,
.customplayer .tooltip.mark-orange,
#customplayer .tooltip.mark-orange,
#book-content .tooltip:hover,
#book-content .tooltip.mark-orange {
color: #f5a623;
background: rgba(245, 166, 35, 0.3);
cursor: pointer;
color: #000000; }
#customplayer .tooltip:hover .word-tooltip,
.customplayer .tooltip:hover .word-tooltip,
#book-content .tooltip:hover .word-tooltip {
opacity: 1;
z-index: 10; }
#customplayer .tooltip .word-tooltip:after,
.customplayer .tooltip .word-tooltip:after,
#book-content .tooltip .word-tooltip:after {
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 0 6px;
border-color: #fff transparent transparent transparent;
position: absolute;
content: '';
top: 100%;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
#customplayer .word-tooltip .word-block,
.customplayer .word-tooltip .word-block,
#book-content .word-tooltip .word-block {
border-top: 1px solid #acb9c9;
margin: 0 -15px;
padding: 9px 15px; }
#customplayer .word-tooltip .word-block:first-child,
.customplayer .word-tooltip .word-block:first-child,
#book-content .word-tooltip .word-block:first-child {
border: none; }
#customplayer .word-tooltip .buttons,
.customplayer .word-tooltip .buttons,
#book-content .word-tooltip .buttons {
float: right;
padding: 17px 0 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#customplayer .word-tooltip .word-text,
.customplayer .word-tooltip .word-text,
#book-content .word-tooltip .wors-text {
overflow: hidden; }
#customplayer .word-tooltip .lang,
.customplayer .word-tooltip .lang,
#book-content .word-tooltip .lang {
display: block;
color: #a4b2c4;
font-size: 12px; }
#book-content .tooltip .word-tooltip.bottom-pos {
bottom: auto;
top: 100%; }
#book-content .tooltip .word-tooltip.bottom-pos:after {
border-width: 0px 6px 6px 6px;
border-color: transparent transparent #fff transparent;
top: -6px; }
.single-books .content-block .plugin {
position: relative; }
#customplayer .tooltip .tooltiptext,
.customplayer .tooltip .tooltiptext {
visibility: hidden;
width: 150px;
background-color: #555;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px; position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px; opacity: 0; }
#customplayer .tooltip .tooltiptext::after,
.customplayer .tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent; }
#customplayer .tooltip:hover .tooltiptext,
.customplayer .tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1; }
.lightbox-block.select-img .loader {
margin: 0 auto;
width: 100px;
display: block; }
.lightbox-block.select-img .img-popup-holder {
overflow: hidden;
margin-bottom: 30px; }
.lightbox-block.select-img .img-popup-holder a {
float: left;
width: 50%;
border: solid 4px transparent; }
.lightbox-block.select-img .img-popup-holder a.active {
border-color: #f5b62b; }
.lightbox-block.select-img .buttons .btn:first-child {
margin-right: 13px; }
.trainers-list .new-trainer .text {
font-size: 18px; }
.fancybox-container {
z-index: 9999 !important; }
.choose-level-holder.multi-lines {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.choose-level-holder.multi-lines .level-block {
width: 30%;
margin: 20px 1.5%; }
.leaders-list li {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
margin-left: 0 !important; }
#ajax-content > img {
display: block;
max-width: 100px;
margin: 0 auto; }
.byePageBottomText__el.fly-machines-holder {
position: relative;
padding: 0 0 60px 100px;
display: block; }
.byePageBottomText__el h4 {
font-size: 28px;
letter-spacing: -0.56px;
line-height: 27px;
margin-bottom: 20px; }
.byePageBottomText__el p {
font-size: 17px;
font-weight: 400;
line-height: 27px; }
.byePageBottomText__el.fly-machines-holder .machine-box {
position: absolute;
left: 0;
top: 5px;
width: auto;
padding: 0; }
.byePageBottomText__el.fly-machines-holder .machine-box .icon-icon-movie {
font-size: 0.8em; }
.commentlist .comment-metadata {
font-size: 0.8em; }
.commentlist .reply {
margin-bottom: 10px; }
.commentlist .children {
list-style: none;
padding-left: 30px; }
.comment-respond {
margin-top: 20px; }
.comment-respond .comment-reply-title {
margin-bottom: 10px; }
.comment-respond form label {
margin-bottom: 5px;
display: block; }
.content-block .head-block h3 {
line-height: 1.3em; }
.btns-list .btn,
.btns-list iframe {
max-width: 320px;
margin-left: auto;
margin-right: auto; }
.btns-list .fbl-button {
margin-bottom: 0; }
.btns-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.btns-list li {
text-align: center; }
.btns-list li iframe {
display: inline-block; }
.btn-wrap {
text-align: center;
margin: 10px 0 30px 0; }
#payment_block + .btn-wrap {
margin: -45px 0 50px 0; }
#get48h * {
text-align: center !important; }
#get48h ul li {
text-align: left !important; }
#get48h h2 span {
color: #1a8fcc; }
#get48h .telegram {
background: #54a9eb;
border-color: #54a9eb; }
#get48h .telegram:hover {
background: #fff;
color: #54a9eb; }
#get48h .telegram:before {
content: '\e919';
font-family: icomoon;
padding-right: 15px;
font-size: 20px;
line-height: 15px;
display: inline-block;
vertical-align: middle; }
#get48h ul,
#get48h p {
margin-bottom: 20px; }
#get48h ul {
max-width: 280px;
margin-left: auto;
margin-right: auto; }
#get48h .btn-wrap {
margin: 20px 0; }
.btn:not(.blue):not(.btn-simple):not(.white):not(.reset):not(.small) {
padding-top: 14px !important; }
.btn.small {
padding: 5px 8px;
text-transform: none; }
.list-marker-check ul {
list-style: none;
margin-bottom: 20px; }
.list-marker-check ul li {
padding-left: 20px;
line-height: 20px;
margin-bottom: 15px;
position: relative; }
.list-marker-check ul li:before {
content: '\2714' !important;
position: absolute;
background: none !important;
color: #46d5b5;
height: 16px !important;
top: 2px !important;
left: 0;
font-size: 16px;
line-height: 1em; }
.list-marker-check.center-align ul {
display: inline-block; }
.list-marker-check.center-align ul li {
text-align: left; }
.account-holder .account-block .current_plan {
border-radius: 22px;
background: #46d5b5;
color: #fff;
padding: 3px 15px;
text-align: center;
font-size: 26px; }
.account-holder .account-block .current_plan .icon-current-plan:before {
content: '\2714'; }
.profile-frame .change-link.pro {
text-decoration: none; }
.about-block .about-holder ul,
.about-block .about-holder ol {
margin: 0 0 22px; }
.footer .social li {
margin: 0 5px; }
.footer .social a {
color: #1a8fcc;
font-size: 20px;
width: 35px;
height: 35px;
display: block;
text-align: center;
border: 2px solid transparent;
border-radius: 5px; }
.footer .social a .icon {
line-height: 31px; }
.footer .social a:hover {
border-color: #1a8fcc;
text-decoration: none; }
.main-section .reviews .review-text {
padding: 0 10px; }
.filter-form .jcf-select {
min-width: 120px !important; }
.trainers-holder .filter-form {
padding-bottom: 0; }
.trainers-holder .filter-form .filter-box {
margin-bottom: 0 !important; }
.jcf-select-filter .jcf-list {
border: none !important;
overflow: hidden;
-webkit-box-shadow: -1px 0 6px 0 rgba(191, 196, 203, 0.5);
box-shadow: -1px 0 6px 0 rgba(191, 196, 203, 0.5);
background: #fff !important; }
.slick-initialized .slick-slide {
outline: none; }
.contact-holder {
z-index: 10 !important; }
.chart-block .line-chart svg {
height: 25px; }
.menu-opener {
height: 30px !important; }
body:not(.nav-active) .menu-opener:before {
top: 4px !important; }
body:not(.nav-active) .menu-opener span {
margin-top: -2px !important; }
body:not(.nav-active) .menu-opener:after {
top: auto !important;
bottom: 4px !important; }
.header.light .logo {
min-width: 78px; }
.person-holder .person-block .name {
position: relative;
overflow: hidden; }
.person-holder .person-block .name:before {
content: '';
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
right: 0;
width: 10px;  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }
.slick-slider .slick-arrow {
outline: none; }
.video-holder img {
max-height: 100%; }
.lightbox-block {
max-height: 100vh;
overflow-y: scroll; }
.profile-card .level-block {
max-width: 100%; }
.profile-holder .woocommerce-MyAccount-navigation ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.trainers-list .image-box img {
-o-object-fit: cover;
object-fit: cover; }
.progress-frame .change-level.btn {
text-decoration: none;
color: #fff; }
.progress-frame .change-level.btn:hover,
.progress-frame .change-level.btn.active {
color: #f5a623; }
.progress-frame .your-level .level-block {
margin-left: 0; }
.words-block .word-text.editable {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 340px; }
.words-block .word-text.editable .word {
max-width: 50%; }
.words-block .word-text.editable input[type="text"] {
font-size: 15px;
line-height: 1;
padding: 3px 10px;
background: #edeff0;
border: 1px dashed #5c6b7f;
border-radius: 5px;
margin: 0 10px;
color: #374961; }
.words-block .word-text.editable .icon-error {
-ms-flex-item-align: center;
align-self: center;
text-decoration: none; }
.cource-progress {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style: none;
margin: 24px 0 5px 0; }
.cource-progress li {
position: relative;
margin-left: 15px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #c7c7c7;
-ms-flex-negative: 0;
flex-shrink: 0; }
.cource-progress li:before {
content: '';
width: 15px;
height: 1px;
background-color: #c7c7c7;
position: absolute;
top: 50%;
left: -15px; }
.cource-progress li:first-child {
margin-left: 0; }
.cource-progress li:first-child:before {
display: none; }
.cource-progress li .point {
display: block;
height: inherit; }
.cource-progress li:not(.active) .point {
mix-blend-mode: screen;
opacity: 1;
-webkit-filter: grayscale(100%) contrast(110%);
-moz-filter: grayscale(100%) contrast(110%);
-ms-filter: grayscale(100%) contrast(110%);
-o-filter: grayscale(100%) contrast(110%);
filter: grayscale(100%) contrast(110%); }
.cource-progress li .point.icon-rules {
background: url(//skyenglish.club/wp-content/themes/engskype/images/rules.svg) no-repeat center center;
background-size: 9px auto; }
.cource-progress li .point.icon-video {
background: url(//skyenglish.club/wp-content/themes/engskype/images/video.svg) no-repeat center center;
background-size: 11px auto; }
.cource-progress li .point.icon-reading {
background: url(//skyenglish.club/wp-content/themes/engskype/images/Reading.svg) no-repeat center center;
background-size: 9px auto; }
.cource-progress li .point.icon-test {
background: url(//skyenglish.club/wp-content/themes/engskype/images/test.svg) no-repeat center center;
background-size: 9px auto; }
.cource-progress li .point.icon-question {
background: url(//skyenglish.club/wp-content/themes/engskype/images/question.svg) no-repeat center center;
background-size: 8px auto; }
.cource-progress li.active,
.cource-progress li.active:before {
background-color: #1a8fcc; }
.top-banner-block {
position: relative;
min-height: 420px;
background-size: cover;
background-position: center center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 40px 0; }
.top-banner-block .banner-content {
text-align: center;
width: 70%; }
.top-banner-block .banner-content .text-with-bg {
border-radius: 8px;
background: rgba(255, 255, 255, 0.7);
padding: 30px 40px;
color: #000; }
.top-banner-block .banner-content h1 {
font-weight: 600;
margin-bottom: 15px; }
.banner-content .countdown-wrap {
margin: 20px 0 30px 0; }
.center-text {
padding: 30px 10%; }
.center-text * {
text-align: center; }
.reason-list.style2 {
margin: 50px 0px 0px 0px; }
.reason-list.style2 li {
padding: 0 30px; }
.reason-list.style2 .icon-box {
background: none; }
.reason-list.style2 .icon-box img {
max-width: 70px; }
.list-with-left-img {
overflow: hidden; }
.list-with-left-img .col-half {
float: left;
width: 50%; }
.list-with-left-img .col-half:first-child {
padding-right: 15px; }
.list-with-left-img .col-half:last-child {
padding-left: 15px; }
.list-with-left-img .col-half .list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
border: 1px solid #d5dbe3;
min-height: 115px;
color: #5c6b7f; }
.list-with-left-img .col-half .list-item:hover {
text-decoration: none; }
.list-with-left-img .col-half .list-item:not(.lock):hover {
color: #1a8fcc; }
.list-with-left-img .col-half .list-item .img {
background: #e6e8e9;
width: 160px;
min-width: 160px;
overflow: hidden; }
.list-with-left-img .col-half .list-item .img img {
min-height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.list-with-left-img .col-half .list-item .text {
padding: 15px; }
.list-with-left-img .col-half .list-item .text {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.list-with-left-img .col-half .list-item .text * {
font-size: 23px; }
.list-with-left-img .col-half .list-item .text .number {
min-width: 30px;
font-weight: 600; }
.list-with-left-img .col-half .list-item.lock:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5); }
.list-with-left-img .col-half .list-item:not(.lock) > .btn,
.list-with-left-img .col-half .list-item:not(.lock) > .icon {
display: none; }
.list-with-left-img .col-half .list-item.lock > .btn {
color: #374961; }
.list-with-left-img .col-half .list-item.lock > .btn:hover {
color: #f5a623; }
.list-with-left-img .col-half .list-item.lock > .icon {
background: #9caabe;
width: 19px;
height: 19px;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 15px;
position: absolute;
top: 1px;
right: 1px;
border: 1px solid #fff;
font-size: 10px;
padding: 0 0 0 4px; }
.content-block.with-lessions-navs {
position: relative; }
.content-block.with-lessions-navs .prev-lession,
.content-block.with-lessions-navs .next-lession {
position: absolute;
font-size: 30px;
height: 30px;
width: 30px;
text-align: center;
top: 50%;
margin-top: -15px;
opacity: 0.8; }
.content-block.with-lessions-navs .prev-lession:hover,
.content-block.with-lessions-navs .next-lession:hover {
opacity: 1;
text-decoration: none; }
.content-block.with-lessions-navs .prev-lession {
left: 15px; }
.content-block.with-lessions-navs .next-lession {
right: 15px; }
.courses-list li {
width: 33.33% !important; }
.courses-list .course-item {
color: #374961 !important; }
.courses-list .course-item .text {
display: block !important; }
.courses-list h4 a {
color: #1a8fcc !important; }
.courses-list h4 a:hover {
color: #f5a623 !important; }
.courses-list .meta-info {
text-transform: uppercase;
margin: 10px 0 20px 0;
font-size: 11px; }
.courses-list .excerpt {
color: #374961; }
.courses-list .course-item {
padding-bottom: 67px !important; }
.courses-list .btn-holder {
text-align: center;
position: absolute;
bottom: 20px;
right: 0;
left: 0; }
.courses-list .btn-holder .btn {
color: #fff;
min-width: 120px !important; }
.courses-list .btn-holder .btn:hover {
color: #f5a623; }
.leader-board-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.leader-board-head .participants-count {
font: 700 14px/1.2 "Open Sans", Arial, Helvetica, sans-serif;
color: #374961; }
.content-block.title-block {
text-align: center; }
.exercises-form input[type="text"] {
width: 250px !important; }
.exercises-list .errors-inside {
display: inline-block; }
.exercises-list .errors-inside .answer-block {
margin: 0 7px 3px 0;
vertical-align: middle;
font-size: 12px; }
.exercises-list .errors-inside .answer-block input[type="text"] {
margin-right: 3px; }
.exercises-list .errors-inside .answer-block .text {
line-height: 1.3em; }
.telegram-btn {
display: inline-block;
background: #0088cc;
color: #fff;
padding: 8px 15px;
border-radius: 20px;
font-size: 16px;
margin-bottom: 10px; }
.telegram-btn:hover {
text-decoration: none; }
.telegram-btn i {
font-size: 23px;
display: inline-block;
vertical-align: middle;
margin-right: 13px; }
#mc_embed_signup {
background: #388fce;
margin: 10px auto;
padding: 15px 5px;
border-radius: 60px;
color: #fff;
max-width: 730px; }
#mc_embed_signup .input-wrap,
#mc_embed_signup .input-wrap ~ .clear {
display: inline-block;
vertical-align: middle; }
#mc_embed_signup #mce-responses {
display: none; }
#mc_embed_signup .input-wrap {
padding-right: 20px;
white-space: nowrap; }
#mc_embed_signup .input-wrap input[type="email"] {
background-color: transparent !important;
color: #fff !important; }
#mc_embed_signup .input-wrap input[type="email"]::-webkit-input-placeholder {
color: #74b1dd !important; }
#mc_embed_signup .input-wrap input[type="email"]::-moz-placeholder {
color: #74b1dd !important; }
#mc_embed_signup .input-wrap input[type="email"]:-ms-input-placeholder {
color: #74b1dd !important; }
#mc_embed_signup .input-wrap input[type="email"].placeholder {
color: #74b1dd !important; }
#mc_embed_signup .button {
background-color: #fff !important;
color: #388fce !important;
text-transform: uppercase;
height: 54px !important;
line-height: 54px !important;
border-radius: 32px !important;
font-weight: 700;
padding-top: 0;
padding-bottom: 0;
border: none; }
#mc_embed_signup .input-wrap input[type="email"] {
width: auto;
border-color: transparent;
border-bottom-color: #74b1dd;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none; }
#mc_embed_signup .input-wrap .input-icon {
font-size: 26px;
margin-right: 10px;
display: inline-block;
vertical-align: middle; }
#mc_embed_signup label {
padding-left: 15px;
padding-right: 15px; }
#mc_embed_signup.bigger {
margin: 60px auto;
padding-right: 40px;
padding-left: 40px;
text-align: center; }
#mc_embed_signup.bigger .input-wrap {
min-width: 375px;
padding-right: 65px; }
#mc_embed_signup.bigger .input-wrap input[type="email"] {
min-width: 280px;
display: inline-block;
vertical-align: middle; }
#mc_embed_signup.bigger .button {
min-width: 190px; }
#mc_embed_signup .mc4wp-alert {
background: rgba(255, 255, 255, 0.7);
padding: 10px;
border-radius: 30px;
margin-top: 10px; }
#mc_embed_signup .mc4wp-alert p {
margin: 0; }
.title-with-decor {
padding: 23px 15px;
background-size: cover;
margin: 70px -30px; }
.title-with-decor .title-icon {
max-width: 60px; }
.title-with-decor * {
color: #fff;
text-shadow: 0px 2px 3px #969696; }
.small-content-width {
max-width: 600px;
margin: 0 auto; }
.text-bigger h4 {
font-size: 20px; }
.text-bigger p,
.text-bigger ul li,
.text-bigger ol li {
font-size: 18px; }
.exercises-list li {
margin-bottom: 15px; }
.eTimer .etUnit .etSign {
font-size: 11px;
text-transform: uppercase; }
.content-with-illustr .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.content-with-illustr .row {
margin: 0 -25px 60px -25px; }
.content-with-illustr .row .block {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 0 25px; }
.content-with-illustr .row .block.text * {
text-align: left; }
.content-with-illustr .row .block.text .title {
font-size: 26px;
font-weight: 600; }
.list-with-left-icon {
list-style: none; }
.list-with-left-icon .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 35px; }
.list-with-left-icon .item .item-icon {
width: 70px;
min-width: 70px;
margin-right: 35px; }
.list-with-left-icon .item .item-text {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0; }
.list-with-left-icon.small-icon .item .item-icon {
width: 28px;
min-width: 28px; }
body.page-template-front ul {
list-style: none; }
.slick-slide img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover; }
#menu-main .current_page_item a:before {
background: #f5a623;
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
.nav .marked:not(.active) a:not(:hover):before {
background: none !important; } .choose-frame .title-frame {
display: block;
font-size: 32px;
text-align: center;
margin: 0 0 15px;
font: 42px/1 "Open Sans", Arial, Helvetica, sans-serif; }
.level-block .title {
display: block;
font: 600 24px "Open Sans", Arial, Helvetica, sans-serif;
color: #374961;
margin: 0 0 8px; }
.main-title-page-content {
display: block;
margin: 0 0 29px;
font: 42px/1 "Open Sans", Arial, Helvetica, sans-serif; }
.sub-title-page-content {
display: block;
margin: 0 0 21px;
font: 34px/1 "Open Sans", Arial, Helvetica, sans-serif; }
.list-page-content {
padding-left: 40px; }
.list-page-content li {
margin-bottom: 15px; }
.trainers-holder .resource-link {
display: block;
color: #1a8fcc;
margin: 0;
font: 600 16px/1.4 "Open Sans", Arial, Helvetica, sans-serif; }
.trainers-holder .resource-link:hover {
color: #f5a623; }
.trainers-holder .resource-link.book-link, .trainers-holder .resource-link.test-link, .resource-link.vocablary {
color: #374961; }
.trainers-holder .resource-link.book-link:hover, .trainers-holder .resource-link.test-link:hover {
color: #f5a623; }
.lightbox-block .title-telegram-popup {
display: block;
margin: 0 0 40px;
font-weight: 500;
color: #374961;
font: 20px/1 "Open Sans", Arial, Helvetica, sans-serif; }
.lightbox-block .title-telegram-popup span {
color: #1a8fcc; }
.contact-form .form-title {
display: block;
font: 20px "Open Sans", Arial, Helvetica, sans-serif;
text-align: center;
color: #374961;
margin: 3px 0 32px; }
.about-holder .author-name {
margin: 0 0 29px;
font: 42px/1 "Open Sans", Arial, Helvetica, sans-serif;
color: #374961; }
.about-block .about-holder p.testimonial-name {
color: #374961;
margin: 0 0 29px;
font: 42px/1 "Open Sans", Arial, Helvetica, sans-serif; }
.choose-level-holder p.title-level {
font: 700 24px/1.25 "Open Sans", Arial, Helvetica, sans-serif;
margin: 0 0 9px;
color: #374961; }
.lesson-holder p {
font: 600 24px/0.9 "Open Sans", Arial, Helvetica, sans-serif;
margin: 0; }
.navigation {
margin-top: 25px; }
.navigation .btn.white {
background: #fff;
border: 1px solid #f5a623;
color: #f5a623;
padding: 8px 15px;
text-transform: none; }
.navigation .btn.white:hover {
background: #fff;
border: 1px solid #1a8fcc;
color: #1a8fcc; }
nav a {
color: #ffffff !important; }
nav a:hover {
color: #f5a623 !important; }
.nav a:before {
background: #f5a623 !important; }
.nav a:hover:before {
background: #f5a623;
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
.logged-in nav a {
color: #91a1b7 !important; }
.posts-pagination {
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
border-top: #f5a623 solid 2px;
color: #1a8fcc;
padding-top: 30px; }
.posts-pagination a.page {
color: #f5a623;
display: inline-block;
width: 35px;
height: 35px;
border-radius: 17px;
border: #f5a623 solid 1px;
font-weight: 600;
margin: 0px 5px;
line-height: 32px; }
.posts-pagination a.page:hover {
border: 1px solid #1a8fcc;
color: #1a8fcc; }
.posts-pagination span {
display: inline-block;
width: 35px;
height: 35px;
border-radius: 17px;
border: #1a8fcc solid 1px;
font-weight: 600;
margin: 0px 5px;
line-height: 32px; }
.posts-pagination a.btn-b {
border: 1px solid #f5a623;
color: #f5a623;
border-radius: 17px;
line-height: 34px;
display: inline-block;
width: 125px;
text-align: center; }
.posts-pagination .title-link.btn {
background: #fff;
border: 1px solid #f5a623;
color: #f5a623;
padding: 14px 20px !important;
text-transform: none; }
.posts-pagination .title-link:hover {
background: #fff;
border: 1px solid #1a8fcc;
color: #1a8fcc; }
.posts-pagination .prev-post {
float: left;
margin-left: 25px; }
.posts-pagination .next-post {
float: right;
margin-right: 25px; }
.user_logged_out .contact-holder {
width: 350px;
left: -350px; }
.user_logged_in .contact-holder {
width: 350px;
left: -350px; }
span.vocabulary-span {
font: 700 24px/1 "Open Sans", Arial, Helvetica, sans-serif; }
.main-page-tittle {
margin-top: 20px; }
.header-holder .menu-opener:before, .header-holder .menu-opener:after, .header-holder .menu-opener span {
background: #ffffff; }
.register-popup-window-wrap {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
background: rgba(0, 0, 0, 0.2);
display: none;
z-index: 30; }
#register-popup-window, #login-popup-window {
position: fixed;
width: 420px;
top: 0;
left: calc(50% - 210px);
display: none; }
#register-popup-window .close:before,
#register-popup-window .close:after,
#login-popup-window .close:before,
#login-popup-window .close:after {
position: absolute;
left: 23px;
content: ' ';
height: 45px;
width: 5px;
top: 2px;
background-color: #ffffff;
border-radius: 4px; }
#register-popup-window .close,
#login-popup-window .close {
display: block; }
#register-popup-window .icon-box,
#login-popup-window .icon-box {
cursor: pointer; }
#register-popup-window .close:before,
#login-popup-window .close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
#register-popup-window .close:after,
#login-popup-window .close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); } .page-template-pages .plugin #customplayer {
width: 100%; }
.logged-in .header-holder .menu-opener:before, .logged-in .header-holder .menu-opener:after, .logged-in .header-holder .menu-opener span {
background: #1a8fcc; }
.header {
padding: 0px !important; }
.page-template .main-section {
background-image: url(//skyenglish.club/wp-content/themes/engskype/images/bg-wrapper_new.png);
background-repeat: no-repeat;
background-position: top center;
background-size: contain; }
.page-template-front .main-section, .page-template-shop .main-section {
padding-top: 135px; }
.page-template-front .main-section .btns-list, .page-template-shop .main-section .btns-list {
margin-bottom: 60px; }
.page-template-front .header, .page-template-shop .header {
position: absolute;
width: 100%;
background: none; } .main-section .columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.main-section .columns .left-col {
padding-left: 70px;
max-width: 720px; }
.main-section .columns .left-col h1 {
font-size: 50px;
text-align: left;
text-transform: uppercase;
line-height: 70px;
margin-bottom: 20px;
text-shadow: 1px 1px 3px black; }
.main-section .columns .left-col .text-holder {
text-align: left;
margin-left: 0px;
text-shadow: 1px 1px 3px black; }
.main-section .columns .right-col {
text-align: center;
width: 420px; }
.main-section .columns .right-col .image-block {
max-width: 266px; }
.main-section .columns .right-col .image-block img {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
.btns-list {
clear: both; } .about-block {
margin-bottom: 0px !important; }
.about-links {
text-align: center; padding: 0 45px;
background: #ffffff;
padding-bottom: 60px;
padding-top: 30px; }
.about-links .link {
display: inline-block;
width: 320px;
text-align: center;
margin-right: 45px;
color: #ffffff;
font-size: 28px;
text-transform: uppercase; }
.about-links .link .content-block-link {
border-radius: 18px;
padding: 32px 0px;
-webkit-box-shadow: inset 0px 0px 150px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 0px 150px rgba(0, 0, 0, 0.3); }
.about-links .link .content-block-link img {
display: block;
margin: 0 auto;
margin-bottom: 16px; }
.about-links .link:last-child {
margin-right: 0px; }
.about-links .link-cours {
background: #1a8fcc; }
.about-links .link-pay {
background: #46d5b5; }
.about-links .link-chat {
background: #f55f51; } .page-template-shop .main-section {
padding-top: 105px;
background-image: url(//skyenglish.club/wp-content/themes/engskype/images/bg-wrapper_new.png);
background-repeat: no-repeat;
background-position: top center;
background-size: contain; }
.shop-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0px 70px; }
.shop-header .left-col {
width: 750px; }
.shop-header .left-col .text-holder {
text-align: center;
font-size: 42px;
text-transform: uppercase;
padding-top: 65px; }
.shop-header .left-col .text-holder span {
font-weight: 600; }
.shop-header .right-col {
text-align: center; }
.shop-header .right-col img {
max-width: 185px;
-webkit-transform: rotate(0deg) !important;
transform: rotate(0deg) !important; }
#payment_block.account-holder .account-block {
padding: 0px;
background: #ffffff;
border-radius: 12px;
position: relative;
padding-bottom: 38px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2); }
#payment_block.account-holder .account-block .price-header {
padding: 40px 0px 45px 0px;
border-radius: 12px 12px 0px 0px;
-webkit-box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.1); }
#payment_block.account-holder .account-block .price-header .price-rate, #payment_block.account-holder .account-block .price-header .price-duration, #payment_block.account-holder .account-block .price-header .price-price {
color: #ffffff; }
#payment_block.account-holder .account-block .price-header .price-section {
display: block;
font: 600 38px "Open Sans", Arial, Helvetica, sans-serif;
color: #ffffff;
line-height: 38px;
padding-top: 40px; }
#payment_block.account-holder .account-block .price-header .price-section .price-amount {
font-size: 75px; }
#payment_block.account-holder .account-block .price-header .price-section .price-amount span {
font-size: 50px; }
#payment_block.account-holder .account-block .price-header .price-rate {
display: block;
font-size: 15px; }
#payment_block.account-holder .account-block .price-header .price-duration {
font-size: 24px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px; }
#payment_block.account-holder .account-block .price-body {
padding: 25px 15px; }
#payment_block.account-holder .account-block .price-footer {
padding: 20px 0px;
text-align: center;
text-transform: uppercase;
color: #ffffff;
border-radius: 0px 0px 12px 12px;
-webkit-box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.1);
position: absolute;
width: 100%;
bottom: 0px; }
#payment_block.account-holder .account-block .price-footer .liqpay {
display: block;
position: absolute;
background: #7cb825;
border: #fff solid 2px;
padding: 4px 25px 2px 25px;
border-radius: 13px;
font-size: 16px;
line-height: 16px;
top: -13px;
right: 5px; }
#payment_block.account-holder .acountOne .price-header {
background: #46d4b4; }
#payment_block.account-holder .acountOne .price-footer {
background: #f5a623; }
#payment_block.account-holder .accBlock2 .price-header {
background: #34a8e4; }
#payment_block.account-holder .accBlock2 .price-footer {
background: #7cb825; }
#payment_block.account-holder .accBlock3 .price-header {
background: #f55f51; }
#payment_block.account-holder .accBlock3 .price-footer {
background: #7cb825; }
#payment_block.account-holder .accBlock4 .price-header {
background: #f96502; }
#payment_block.account-holder .accBlock4 .price-footer {
background: #7cb825; }
#payment_block.account-holder ul li {
padding-left: 0px; }
#payment_block.account-holder ul li:before {
display: inline-block;
position: relative;
margin-right: 6px; }
#payment-courses .section-title {
font-size: 42px;
text-transform: uppercase;
color: #374961;
text-align: center;
margin-bottom: 35px; }
.payments-courses {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 65px; }
.payments-courses .cours-block {
width: 50%;
position: relative;
-webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
border-radius: 10px; }
.payments-courses .cours-block .header-course {
border-radius: 10px 10px 0px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 15px 0px 5px 0px;
position: absolute;
width: 100%; }
.payments-courses .cours-block .header-course .left-col {
width: 50%;
text-align: center; }
.payments-courses .cours-block .header-course .right-col {
text-align: center;
color: #ffffff;
width: 50%; }
.payments-courses .cours-block .header-course .price-amount {
font-size: 75px;
color: #ffffff;
line-height: 60px;
text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.4); }
.payments-courses .cours-block .header-course .price-amount span {
font-size: 50px; }
.payments-courses .cours-block .header-course .price-rate {
display: block;
font-size: 15px; }
.payments-courses .cours-block .header-course .price-duration {
font-size: 24px;
font-weight: 600;
text-transform: uppercase; }
.payments-courses .cours-block .body-course {
padding-top: 89px;
height: 100%;
padding-bottom: 60px;
position: relative; }
.payments-courses .cours-block .body-course .columns-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%; }
.payments-courses .cours-block .body-course .columns-wrap .left-col {
width: 50%;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.payments-courses .cours-block .body-course .columns-wrap .right-col {
width: 50%;
padding: 20px 15px 20px 30px;
font-size: 14px;
background: #ffffff; }
.payments-courses .cours-block .body-course .columns-wrap .right-col ul {
margin-bottom: 0px; }
.payments-courses .cours-block .body-course .columns-wrap .right-col ul li {
padding-left: 0px; }
.payments-courses .cours-block .body-course .columns-wrap .right-col ul li:before {
display: inline-block;
position: relative;
margin-right: 6px; }
.payments-courses .cours-block .body-course .columns-wrap .right-col ul li:last-child {
margin-bottom: 0px; }
.payments-courses .cours-block .footer-course {
border-radius: 0px 0px 10px 10px;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
width: 100%;
bottom: 0px; }
.payments-courses .cours-block .footer-course .left-col {
width: 50%; }
.payments-courses .cours-block .footer-course .left-col a {
color: #ffffff;
font-size: 20px; }
.payments-courses .cours-block .footer-course .left-col .course-more-link {
background: #f5a623;
text-align: center;
padding: 20px 0px;
line-height: 20px;
border-radius: 0px 0px 0px 10px; }
.payments-courses .cours-block .footer-course .right-col {
width: 50%; }
.payments-courses .cours-block .footer-course .right-col a {
color: #ffffff;
font-size: 20px; }
.payments-courses .cours-block .footer-course .right-col .price-footer {
background: #7cb825;
text-align: center;
padding: 20px 0px;
line-height: 20px;
border-radius: 0px 0px 10px 0px;
position: relative; }
.payments-courses .cours-block .footer-course .right-col .price-footer .liqpay {
display: block;
position: absolute;
background: #7cb825;
border: #fff solid 2px;
padding: 4px 25px 2px 25px;
border-radius: 13px;
font-size: 16px;
line-height: 16px;
top: -13px;
right: 5px; }
.payments-courses .block-1 {
margin-right: 30px; }
.payments-courses .block-1 .header-course {
background: #33a5e0; }
.payments-courses .block-2 {
margin-right: 30px; }
.payments-courses .block-2 .header-course {
background: #ed5c4e; } .single-course .top-banner-block {
display: block;
padding-top: 45px;
min-height: 505px; }
.single-course .top-banner-block .banner-content {
margin: 0 auto; }
.single-course .top-banner-block .banner-content .text-with-bg {
background: none;
color: #ffffff;
padding: 0px;
text-transform: uppercase; }
.single-course .top-banner-block .banner-content .text-with-bg span {
font-weight: 600;
margin-bottom: 10px;
display: block; }
.single-course .text-bigger {
color: #374961; }
.single-course .modules-wrap .center-align h2 {
margin-bottom: 70px; }
.single-course .modules-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0px 50px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.single-course .modules-row .item-wrap {
width: 230px;
margin-bottom: 40px;
position: relative;
border-radius: 8px;
overflow: hidden;
padding-bottom: 65px;
background: #ffffff;
-webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
margin-left: 8px;
margin-right: 7px; }
.single-course .modules-row a .icon {
color: #000000;
opacity: 0.5; }
.single-course .modules-row a:hover {
text-decoration: none; }
.single-course .modules-row .module-item {
max-width: 230px; }
.single-course .modules-row .module-item .module-item-footer .btn-pay.free {
background: #f5a623; }
.single-course .modules-row .module-item .module-item-header {
position: relative; }
.single-course .modules-row .module-item .module-item-header .free-module {
position: absolute;
width: 90px;
height: 60px;
display: block;
position: absolute;
top: -1px;
right: -1px; }
.single-course .modules-row .module-item .module-item-header .icon {
position: absolute;
right: 0px;
top: 6px;
font-size: 24px;
line-height: 20px; }
.single-course .modules-row .module-item .module-item-footer {
position: absolute;
width: 100%;
bottom: 0px; }
.single-course .modules-row .module-item .module-item-footer .btn-pay {
background: #c6c7c7;
padding: 16px 0px 20px 0px;
display: inline-block;
width: 100%;
display: block;
font-size: 16px;
color: #ffffff;
text-transform: uppercase;
line-height: 16px;
text-align: center; }
.single-course .modules-row .module-item .module-item-body {
padding: 0px 15px;
margin-top: 5px; }
.single-course .modules-row .module-item .module-item-body .module-title {
font-size: 18px;
line-height: 24px;
font-weight: 600;
color: #000000;
margin-bottom: 15px;
position: relative; }
.single-course .modules-row .module-item .module-item-body .level-stars {
line-height: 14px;
text-align: center;
margin-bottom: 8px;
position: absolute;
bottom: 50px;
margin-left: 8px; }
.single-course .modules-row .module-item .module-item-body .level-stars span {
font-size: 18px;
color: #b6b7b7; }
.single-course .modules-row .module-item .module-item-body .level-stars img {
margin-left: 8px; }
.single-course .course-price-box .price-box-title {
font-size: 42px;
text-align: center;
color: #374961;
text-transform: uppercase;
line-height: 48px;
margin-bottom: 48px; }
.single-course .course-price-box .price-box-title span {
font-size: 52px;
color: #f5a623;
font-weight: 600; }
.single-course .course-price-box .price {
display: block;
text-align: center; }
.single-course .course-price-box .price .amount {
font-size: 74px;
color: #f5a623; }
.single-course .center-text .btn-liqpay {
background: #7cb825;
border: 1px solid #7cb825; }
.single-course .center-text .btn-liqpay:hover {
color: #7cb825;
background: #ffffff; } .read-more-post {
display: inline-block;
background: #1a8fcc;
padding: 2px 25px;
color: #ffffff;
margin-top: 15px;
border-radius: 14px; }
.posts-wrap .blog-post-item {
padding-bottom: 25px;
border-bottom: #edeff0 solid 2px; }
.posts-wrap .blog-post-item:last-child {
border-bottom: none; } .others-posts {
margin-top: 40px; }
.others-posts .title-section {
font-size: 18px;
line-height: 44px;
color: #000000;
font-weight: 600;
margin-bottom: 10px; }
.others-posts-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.others-posts-wrap .post-wrap {
width: 215px;
margin-right: 7px; }
.others-posts-wrap .post-wrap .post-title {
margin-bottom: 20px; }
.others-posts-wrap .post-wrap .post-title a {
font-size: 18px;
color: #000000;
font-weight: 600;
line-height: 21px; }
.others-posts-wrap .post-wrap:last-child {
margin-right: 0px; }
.others-posts-wrap .post-wrap .post-img {
height: 185px;
margin-bottom: 18px; }
.others-posts-wrap .post-wrap .post-img img {
-o-object-fit: cover;
object-fit: cover;
height: 185px; }
.comments-holder {
margin-top: 50px; }
.trainers-list {
position: relative; }
.trainers-list li.lock {
position: initial; }
.trainers-list li.lock .btn {
top: 35%; }
.page-template-books .navigation .btn.white, .page-template-lessons-list .navigation .btn.white {
font-size: 18px; }
.page-template-books .meta-post-wrap, .page-template-lessons-list .meta-post-wrap {
display: inline-block; }
.fixed-blog-post {
padding-bottom: 25px;
margin-bottom: 63px !important;
border-bottom: #edeff0 solid 2px; }
.plugin { }
.plugin #customplayer {
width: 50%;
margin: 0 auto;
min-height: 310px; }
.plugin #customplayer iframe {
min-height: 320px; }
.plugin #new_sub {
width: 90%;
padding-left: 105px;
padding-right: 105px;
line-height: 2em;
overflow-y: scroll;
height: 250px;
margin: 0 auto;
position: relative; }
.plugin #new_sub li {
display: block; }
.plugin #new_sub .mark-orange {
color: #000000;
background: rgba(245, 166, 35, 0.3); }
.plugin #new_sub .tooltip {
position: relative;
cursor: pointer; }
.plugin #new_sub .tooltip .word-tooltip {
position: absolute;
bottom: 100%;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
background: #fff;
border-radius: 4px;
border: #1a8fcc 1px solid;
padding: 10px 15px;
min-width: 180px;
color: #5c6b7f;
font-size: 16px;
text-align: left;
opacity: 0;
z-index: -1; }
.plugin #new_sub .tooltip .word-tooltip .buttons {
float: right;
padding: 0px 0 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 12px; }
.plugin #new_sub .tooltip .word-tooltip .buttons .btn-add-word {
margin-left: 30px; }
.plugin #new_sub .tooltip .word-tooltip .lang {
display: block;
color: #a4b2c4;
font-size: 12px;
line-height: 12px; }
.plugin #new_sub .tooltip:hover {
background-color: #fce4bd;
padding: 5px 0px;
color: #000000; }
.plugin #new_sub .tooltip:hover .word-tooltip {
opacity: 1;
z-index: 10; }
.plugin #book-content .tooltip .buttons {
float: right;
padding: 0px 0 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.plugin #book-content .tooltip .buttons .btn-add-word {
margin-left: 30px; }
.plugin #book-content .tooltip .lang {
display: block;
color: #a4b2c4;
font-size: 12px; }
.plugin #book-content .tooltip:hover {
background-color: #caeafb;
color: #000000; }
.plugin #book-content .tooltip:hover .word-tooltip {
opacity: 1;
z-index: 10; }
#vocabulary_str .tooltip {
position: relative;
cursor: pointer; }
#vocabulary_str .tooltip .word-tooltip {
position: absolute;
bottom: 100%;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
background: #fff;
border-radius: 4px;
border: #1a8fcc 1px solid;
padding: 10px 15px;
min-width: 210px;
color: #5c6b7f;
font-size: 16px;
text-align: left;
opacity: 0;
z-index: -1; }
#vocabulary_str .tooltip .word-tooltip .buttons {
float: right;
padding: 0px 0 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#vocabulary_str .tooltip .word-tooltip .buttons .btn-add-word {
margin-left: 30px; }
#vocabulary_str .tooltip .word-tooltip .lang {
display: block;
color: #a4b2c4;
font-size: 12px; }
#vocabulary_str .tooltip:hover {
background-color: #ff0; }
#vocabulary_str .tooltip:hover .word-tooltip {
opacity: 1;
z-index: 10; }
.hint-box {
display: none; }
.counter-views-post {
display: inline-block;
margin-right: 20px;
font-size: 14px; }
.icon-views {
display: inline-block;
width: 16px;
height: 12px;
background-image: url(//skyenglish.club/wp-content/themes/engskype/images/icons.png);
background-repeat: no-repeat;
background-position: -12px -850px;
vertical-align: text-bottom;
margin-right: .3rem;
position: relative;
top: -2px; }
.lesson-holder .video-holder {
position: relative; }
.image-box {
position: relative; }
.level-item {
z-index: 1;
position: absolute;
width: 150px;
background: #616161;
top: 8px;
left: 8px;
border-radius: 15px;
padding-top: 3px;
padding-bottom: 4px;
padding-left: 30px;
font-weight: 600; }
.level-item .level-bg {
width: 15px;
height: 15px;
background-image: url(//skyenglish.club/wp-content/themes/engskype/images/levels.png);
background-position: 1px 0px;
display: inline-block;
position: absolute;
left: 10px;
top: 6px; }
.level-item.level-32 {
color: #f96502; }
.level-item.level-32 .level-bg {
background-position: -30px 0px; }
.level-item.level-31 {
color: #f9ce27; }
.level-item.level-31 .level-bg {
background-position: -15px 0px; }
.level-item.level-30 {
color: #58d9bc; }
.level-item.level-30 .level-bg {
background-position: 1px 0px; }
.error-block .answer-block .icon-check {
float: left;
width: 6px;
height: 12px;
border: solid #3fcea3;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: 4px 16px 0 0; }
.error-block .answer-block .answer {
float: left;
position: relative;
top: 3px;
margin-left: 25px; }
.error-block .answer-block .title {
float: left; }
.words-list .filter-box .col:nth-child(3) {
width: 40%; }
.words-list .filter-box .col:last-child {
width: 10%;
text-align: left; }
.table-header .col:nth-child(3) {
width: 40%; }
.table-header .col:last-child {
width: 10%; }
#user-message {
position: absolute;
left: -20px;
font-size: 28px;
z-index: 10;
top: 15px;
cursor: pointer; }
#user-message span {
color: red; }
#user-private-message .lightbox-block {
padding: 45px;
height: auto;
display: none; }
#user-private-message .close:before,
#user-private-message .close:after {
position: absolute;
left: 23px;
content: ' ';
height: 30px;
width: 3px;
top: 2px;
background-color: #000;
border-radius: 4px; }
#user-private-message .close {
display: block;
position: absolute;
height: 30px;
width: 30px;
right: -20px;
top: -30px; }
#user-private-message .icon-box {
cursor: pointer;
position: relative; }
#user-private-message .close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
#user-private-message .close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
#module-complete .icon-box {
cursor: pointer;
position: relative; }
#module-complete .close {
display: block;
position: absolute;
height: 30px;
width: 30px;
right: -10px;
top: 38px; }
#module-complete .close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
#module-complete .close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
#module-complete .close:before, #module-complete .close:after {
position: absolute;
left: 23px;
content: ' ';
height: 30px;
width: 3px;
top: 2px;
background-color: #000;
border-radius: 4px; }
.lesson-holder .category {
font-size: 14px; }
#tax-form fieldset {
position: relative; }
#tax-form fieldset .vocabulary-span {
position: absolute;
left: -25px;
font-size: 24px; }
#tax-form fieldset .filter-holder {
max-width: 260px;
margin: 0 auto; }
#tax-form fieldset .filter-holder label {
font-size: 24px;
font-weight: 700; }
#tax-form fieldset .filter-holder .jcf-select-text {
font-size: 16px; }
.jcf-select-drop .jcf-list {
font-size: 16px; }
#vocabulary_str .tooltip:hover {
background: #caeafb;
color: #000000; }
.words-list .col .status-word {
width: 15px;
height: 15px;
display: block;
margin: 0 auto;
border-radius: 50%; }
.words-list .col .status-word-zero {
background: #f55f51; }
.words-list .col .status-word-first {
background: #f5a623; }
.words-list .col .status-word-second {
background: #f5a623; }
.words-list .col .status-word-third {
background: #46d4b4; }
.vocabulary-filter .vocabulary-filter-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.vocabulary-filter .vocabulary-filter-holder .voc-title-wrap {
width: 33%;
text-align: left;
font-size: 16px;
font-weight: 600;
padding-top: 14px; }
.vocabulary-filter .vocabulary-filter-holder .repeat-words {
width: 33%;
text-align: center; }
.vocabulary-filter .vocabulary-filter-holder .lear-words {
width: 33%;
text-align: right; }
.vocabulary-filter .btn {
float: none;
margin: 0 auto; }
.vocabulary-filter .btn.status-word-0 {
background: #f55f51;
border: 1px solid #f55f51; }
.vocabulary-filter .btn.status-word-0:hover {
background: #ffffff;
color: #f55f51; }
.vocabulary-filter .btn.status-word-1 {
cursor: pointer; }
.voc-footer .meta-post-wrap {
position: absolute;
width: 100%;
bottom: 17px; }
.voc-footer .statistic {
position: absolute;
width: 50px;
text-align: center;
padding: 3px 0 1px 0px;
bottom: -1px;
right: 34px;
font-size: 14px;
background: #f5a623;
border-radius: 3px;
color: #ffffff; }
.voc-footer .statistic.voc-status-0 {
background: #f55f51; }
.voc-footer .statistic.voc-status-all {
background: #46d4b4; }
.voc-footer .text {
padding-right: 50px; }
#day-goal-pupap {
display: none;
position: fixed;
width: 250px;
border: 1px solid #cccccc;
background: #ffffff;
top: 50px;
left: calc(50% - 150px);
padding: 25px 25px 25px 25px; }
#day-goal-pupap .form-title {
text-align: center;
margin-bottom: 15px;
font-size: 18px; }
#day-goal-pupap label {
font-size: 14px;
margin-bottom: 10px;
display: block;
cursor: pointer; }
#day-goal-pupap label input {
margin-right: 5px;
position: relative;
top: -1px; }
#day-goal-pupap .submit-btn {
margin-top: 25px;
text-align: center; }
#day-goal-pupap .close:before,
#day-goal-pupap .close:after {
position: absolute;
left: 23px;
content: ' ';
height: 30px;
width: 3px;
top: 2px;
background-color: #000;
border-radius: 4px; }
#day-goal-pupap .close {
display: block;
position: absolute;
height: 30px;
width: 30px;
right: -5px;
top: -18px; }
#day-goal-pupap .icon-box {
cursor: pointer;
position: relative; }
#day-goal-pupap .close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
#day-goal-pupap .close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
#day-goal-pupap .day-goal-field-wrap {
width: 50%;
margin: 0 auto; }
.day-goal-statistic {
margin-top: 15px; }
.day-goal-statistic .day-progress {
width: 350px;
margin: 0 auto;
background: #ffffff;
border-radius: 5px;
padding: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.day-goal-statistic .day-progress .wrap-progress {
width: 70%; }
.day-goal-statistic .day-progress .wrap-progress .progress-day-bar .progress-bar {
margin-top: 6px; }
.day-goal-statistic .day-progress .day-strike {
width: 30%;
text-align: center; }
.day-goal-statistic .day-progress .day-strike .day-strike-wrap { }
.day-goal-statistic .day-progress .day-strike .day-strike-wrap .number {
font-size: 44px;
line-height: 32px; }
.day-goal-statistic .day-progress .day-strike .day-strike-wrap span {
text-transform: uppercase;
font-size: 12px; }
.day-goal-statistic .progress-bar span {
height: 6px;
position: absolute;
background: #f5a623;
border-radius: 3px;
top: 0px;
left: 0px;
display: block; }
.more-posts {
text-align: center;
clear: both;
margin-bottom: 25px; }
.more-posts .btn {
cursor: pointer; }
.grecaptcha-badge {
display: none; }
.btn-play-word:before {
content: '';
width: 0px;
height: 16px;
display: block;
background-image: url(//skyenglish.club/wp-content/themes/engskype/images/ajax-loader.gif);
background-position: center;
background-repeat: no-repeat;
position: absolute; }
.btn-play-word.play-mp3:before {
width: 16px; }
.btn-play-word.play-mp3 .icon-volume {
width: 16px;
height: 16px;
display: block; }
.btn-play-word.play-mp3 .icon-volume:before {
content: none; }
#new_sub .tooltip .word-tooltip.bottom-pos {
bottom: auto;
top: 100%; }
.words-list .fake-check-box {
display: none; }
.sky-vocabularies.trainers-list .trainer-block {
padding-bottom: 40px; }
.my-trainers.trainers-list .trainer-block {
padding-bottom: 40px; }
.page-template-lessons-list .filter-form, .page-template-books .filter-form {
position: relative; }
.page-template-lessons-list .filter-form .btn-box, .page-template-books .filter-form .btn-box {
position: absolute;
top: 16px;
right: 0px; }
#lessons-wrap .lesson-holder:first-child {
background: #fcd594; }
#lessons-wrap .lesson-holder:first-child .btn.white {
background: #fcd594; }
#lessons-wrap .lesson-holder .new-lesson {
font-size: 24px;
color: #1a8fcc;
position: absolute;
bottom: 10px;
right: 20px; }
.book-type-footer {
position: absolute;
right: 15px;
top: 1px;
font-size: 16px; }
.book-type-footer span.icon-volume:before {
color: #91a1b7; }
.description-carousel .slide {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.description-carousel .slide .image-description {
width: 100%;
margin-bottom: 30px; }
.description-carousel .slide .text-description {
width: 100%; }
.page-template-nick-courses .about-links {
margin: 0 auto; }
.page-template-speaking-club .payments-courses .cours-block .header-course {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 90px; }
.page-template-speaking-club .payments-courses .cours-block .header-course .price-amount {
font-size: 32px; }
#popup-pay-lessons {
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0px;
z-index: 20;
text-align: center;
padding-top: 50px;
background: rgba(237, 239, 240, 0.5); }
#popup-pay-lessons .wrap {
width: 560px;
padding: 50px 15px;
background: #ffffff;
margin: 0 auto; }
#popup-pay-lessons .popup-wrap {
z-index: 20;
margin: 0 auto; }
#popup-pay-lessons .popup-wrap .account-block {
width: 40%; }
#popup-pay-lessons .popup-wrap .account-block .price-header .price-rate {
padding: 0px 10px; }
#popup-pay-lessons .popup-wrap .account-block input {
border: #cccccc solid 1px; }
#popup-pay-lessons .window-title-wrap {
font-size: 36px;
color: #000000;
width: 80%;
margin: 0 auto;
position: relative;
top: 0px; }
#popup-pay-lessons .clearfix {
position: absolute;
right: -50px;
top: -36px; }
#popup-pay-lessons #code-lessons .error {
color: red;
font-size: 14px;
display: none; }
@media (max-width: 1200px) {
#payment_block + .btn-wrap {
margin-top: -75px; }
.progress-frame .level {
font-size: 16px !important; }
#book-content .tooltip .word-tooltip {
font-size: 13px;
line-height: 1.2em; }
#book-content .tooltip .word-tooltip {
min-width: 150px;
width: 150px; }
.reason-list.style2 li {
padding: 0 15px; }
#book-content {
max-width: 770px; } }
@media (max-width: 1090px) {
.header .nav a {
padding: 20px 10px 19px !important; }
.header .links-block .btn {
margin: 0 0 0 15px; } }
@media (max-width: 991px) {
.header .header-holder {
padding-right: 60px; }
.choose-level-holder.multi-lines {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.choose-level-holder.multi-lines .level-block {
width: 47%;
max-width: 350px; }
.nav a {
font-size: 15px;
padding: 10px !important; }
.nav-holder {
-webkit-box-shadow: -1px 0 6px 0 rgba(191, 196, 203, 0.5);
box-shadow: -1px 0 6px 0 rgba(191, 196, 203, 0.5); }
.person-holder .person-menu {
padding-right: 10px !important; }
.description-carousel .image-description,
.description-carousel .text-description {
width: 100% !important; }
.description-carousel {
padding: 10px 30px !important; }
.description-carousel .text-description {
padding: 20px 15px 0 15px !important; }
.description-carousel .slide {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.progress-frame .progress-holder,
.progress-frame .your-level {
padding-left: 20px !important;
padding-right: 20px !important; }
.progress-frame .level {
font-size: 14px !important; }
#book-content {
max-width: 80%; }
.list-with-left-img .col-half .list-item .text * {
font-size: 16px; }
.list-with-left-img .col-half .list-item .img {
background: #e6e8e9;
width: 130px;
min-width: 130px; }
.courses-list li {
width: 50% !important; }
.footer.simple {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 80px; }
.wrapper {
margin-bottom: -80px !important; }
.push {
height: 80px !important; }
.footer.simple .center-holder:last-child {
width: 100%;
margin: 10px 0; }
.footer.simple .center-holder:last-child .social {
text-align: center; }
#mc_embed_signup .input-wrap {
margin-bottom: 15px; }
#mc_embed_signup:not(.bigger) .input-wrap {
display: block;
padding-right: 0;
max-width: 100%; }
nav a {
color: #015c8b !important; }
.main-section .columns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.main-section .columns .left-col {
padding-left: 0px;
max-width: 100%; }
.main-section .columns .left-col h1 {
text-align: center; }
.main-section .columns .left-col .text-holder {
text-align: center;
margin-left: 0px; }
.main-section .columns .right-col {
padding-top: 20px;
text-align: center;
width: 100%; }
.main-section .columns .right-col .image-block {
max-width: 266px; }
.payments-courses {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.payments-courses .cours-block {
margin: 0 auto;
width: 100%;
margin-bottom: 35px; }
.payments-courses .cours-block:last-child {
margin-bottom: 0px; }
.posts-pagination .prev-post {
float: none;
margin-bottom: 25px;
margin-left: 0px; }
.posts-pagination .next-post {
float: none;
margin-right: 0px;
margin-bottom: 25px;
margin-top: 25px; }
#tax-form fieldset .vocabulary-span {
font-size: 18px; }
#tax-form fieldset .filter-holder label {
font-size: 18px; }
#tax-form fieldset .filter-holder .jcf-select-text {
font-size: 14px; }
.jcf-select-drop .jcf-list {
font-size: 14px; }
span.vocabulary-span {
font-size: 18px; } }
@media (min-width: 768px) {
.content-block.with-lessions-navs {
padding-right: 60px;
padding-left: 60px; }
.single-books .content-block .plugin {
max-height: 480px;
overflow-y: scroll; } }
@media (max-width: 767px) {
.choose-level-holder.multi-lines .level-block {
width: 100%;
margin: 10px auto; }
.byePageBottomText__el h4 {
font-size: 20px;
margin-bottom: 10px; }
.byePageBottomText__el p {
font-size: 14px;
line-height: 24px; }
.byePageBottomText__el.fly-machines-holder {
padding: 0 0 40px 70px; }
.acountInfo tr td:nth-of-type(1) i,
.account-table tbody tr:first-child td i {
left: 10px;
top: 50%;
margin-top: -9px; }
.acountInfo tr td:nth-of-type(1) {
padding-left: 30px !important; }
#customplayer #subtitles, .customplayer #subtitles,
#customplayer .word-tooltip,
.customplayer .word-tooltip {
font-size: 13px;
line-height: 1.2em; }
.content-block .plugin #customplayer .customplayer-wrap {
margin: 0 -20px; }
#customplayer .word-tooltip,
.customplayer .word-tooltip {
min-width: 150px;
width: 150px; }
.plugin .hint-box.mobile-top-arrow:before,
.plugin .hint-box.mobile-top-arrow:after {
display: none; }
.footer {
display: block !important;
height: auto !important; }
.footer .footer-logo {
margin: 10px 0; }
.footer ul {
text-align: center;
padding-bottom: 15px; }
.footer ul:not(.social) li {
display: block;
margin-left: 0; }
.wrapper {
margin-bottom: 0 !important; }
.push {
height: 0 !important; }
.btns-list li {
padding: 0 12px 15px; }
.btns-list li {
padding: 0 12px 15px !important; }
.account-holder .account-block {
width: 100% !important; }
#payment_block + .btn-wrap {
margin-top: -15px; }
.content-box.custom-order {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.content-box.custom-order .vocabulary-filter {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 100%;
margin-top: 20px; }
.content-box.custom-order .back-link {
margin: 0 15px 15px 0; }
.person-holder .person-block .photo {
width: 32px !important;
height: 32px !important;
line-height: 34px !important; }
.person-holder .person-block {
padding-top: 10px !important; }
#book-content {
max-width: 74%; }
#book-content .paragraph {
line-height: 1.2em;
text-align: justify; }
.top-banner-block .banner-content {
width: 90%; }
.top-banner-block .banner-content .text-with-bg {
padding: 20px; }
.reason-list.style2 li {
margin-bottom: 30px; }
.reason-list.style2 .icon-box {
margin-bottom: 10px; }
.list-with-left-img .col-half {
float: none;
width: 100%;
padding: 0 !important; }
.content-block.with-lessions-navs {
padding-bottom: 60px; }
.content-block.with-lessions-navs .prev-lession,
.content-block.with-lessions-navs .next-lession {
top: auto;
bottom: 15px; }
.cource-progress {
position: relative;
margin-left: -30px;
margin-right: -30px;
overflow: hidden; }
.cource-progress:before,
.cource-progress:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 30px;
z-index: 2; }
.cource-progress:after {
right: 0;  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }
.cource-progress:before {
left: 0;  background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); }
#mc_embed_signup .button {
width: auto !important; }
.title-with-decor {
margin: 40px -20px; }
.text-bigger h4 {
font-size: 18px; }
.text-bigger p,
.text-bigger ul li,
.text-bigger ol li {
font-size: 16px; }
.top-banner-block {
min-height: 280px; }
.content-with-illustr .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.content-with-illustr .row.text-left {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.content-with-illustr .row .text {
margin-top: 20px; }
#mc_embed_signup.bigger .input-wrap {
display: block;
padding-right: 0;
max-width: 100%; }
.choose-frame .title-frame {
font-size: 28px; }
.level-block .title {
font-size: 20px; }
.main-title-page-content {
font-size: 30px; }
.sub-title-page-content {
font-size: 24px; }
.about-holder .author-name {
font-size: 30px; }
.about-block .about-holder p.testimonial-name {
font-size: 30px; }
.choose-level-holder p.title-level {
font-size: 20px;
text-align: center; }
.choose-level-holder p.destination {
text-align: center; }
.register-popup-window-wrap {
position: absolute; }
#register-popup-window, #login-popup-window {
position: absolute; }
.about-links {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.about-links .link {
margin: 0 auto;
margin-bottom: 45px; }
.about-links .link:last-child {
margin: 0 auto;
margin-bottom: 0px; }
.single-course .course-price-box .price-box-title {
font-size: 28px;
line-height: 40px; }
.single-course .course-price-box .price-box-title span {
font-size: 36px; }
.others-posts-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.others-posts-wrap .post-wrap {
width: 100%;
margin-right: 0px;
margin-bottom: 25px; }
.others-posts-wrap .post-wrap .post-title {
margin-bottom: 20px; }
.others-posts-wrap .post-wrap .post-title a {
font-size: 18px;
color: #000000;
font-weight: 600;
line-height: 21px; }
.others-posts-wrap .post-wrap:last-child {
margin-bottom: 0px; }
.others-posts-wrap .post-wrap .post-img {
height: auto;
margin-bottom: 18px; }
.others-posts-wrap .post-wrap .post-img img {
-o-object-fit: initial;
object-fit: initial;
width: 100%;
height: auto; }
.plugin {
display: block; }
.plugin #customplayer {
width: 100%;
min-height: 240px; }
.plugin #customplayer iframe {
min-height: 220px; }
.plugin #new_sub {
width: 100%;
padding-left: 10px;
padding-right: 60px;
margin-top: 25px;
overflow: scroll;
height: 250px;
margin: 0 auto; }
.plugin #new_sub li {
display: block; }
.plugin #new_sub .tooltip .word-tooltip {
padding: 5px 10px;
min-width: 150px;
font-size: 14px; }
.plugin #new_sub .tooltip .word-tooltip .lang {
font-size: 10px; }
.words-list .filter-box .col:last-child {
width: 100%; }
.table-header .col:last-child {
width: 100%; }
.main-section .columns .left-col h1 {
text-shadow: none; }
.main-section .columns .left-col .text-holder {
text-shadow: none; }
.trainers-holder .content-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.trainers-holder .content-box .vocabulary-span {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin: 25px auto; }
.trainers-holder .content-box #tax-form {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.trainers-holder .content-box .btn-box {
margin: 0 auto; }
#tax-form {
margin: 0 auto; }
#tax-form fieldset .vocabulary-span {
position: relative;
text-align: center;
left: 0px;
margin: 25px auto; }
#tax-form fieldset .filter-holder {
margin: 0px auto; }
#tax-form fieldset .btn-box {
margin: 0 auto; }
.words-list .filter-box {
position: relative; }
.words-list .filter-box .col:nth-child(3) {
width: 100%; }
.words-list .filter-box .col:last-child {
position: absolute;
text-align: right; }
.words-list .filter-box .col:last-child .status-word {
display: inline-block; }
.vocabulary-filter .vocabulary-filter-holder .voc-title-wrap {
padding-top: 0px; }
.page-template-lessons-list .filter-form .btn-box, .page-template-books .filter-form .btn-box {
position: static;
text-align: center;
margin-top: 15px; }
#popup-pay-lessons {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0px; }
#popup-pay-lessons .wrap {
width: 100%;
padding: 50px 15px;
background: #ffffff;
margin: 0 auto; }
#popup-pay-lessons .popup-wrap {
z-index: 20;
margin: 0 auto; }
#popup-pay-lessons .popup-wrap .account-block {
width: 25% !important; }
#popup-pay-lessons .window-title-wrap {
font-size: 24px;
color: #f5a623;
width: 80%;
margin: 0 auto;
position: relative;
top: 0px; }
#popup-pay-lessons .clearfix {
position: absolute;
right: -35px;
top: -36px; } }
@media (max-width: 480px) {
.leaders-list li {
display: block !important; }
.leaders-list .photo {
width: 46px !important;
height: 46px !important;
vertical-align: top !important; }
.leaders-list .points-box {
padding-left: 66px;
margin-top: -20px; }
.leaders-list .leader-person {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.leaders-list .leader-person .name {
position: relative;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-right: 30px;
line-height: 1.1em; }
.leaders-list .leader-person .icon-icon__pro {
font-size: 16px !important;
position: absolute;
right: -5px;
top: 0; }
.trainers-holder > .content-box {
-webkit-box-align: start !important;
-ms-flex-align: flex-start !important;
align-items: flex-start !important; }
.meta-holder .btn-description {
float: none !important;
margin-left: 0 !important; }
.meta-holder .back-link {
min-width: 52%; }
.person-holder .person-block .points {
display: none; }
.slick-slider .slick-arrow {
display: none; }
.fancybox-slide .lightbox-block {
padding: 20px 10px; }
.fancybox-slide .description-carousel {
padding: 0 10px 50px 10px !important; }
.fancybox-slide .slick-prev, .fancybox-slide .slick-next {
top: 95% !important; }
.lesson-holder .meta-info .btn.like {
margin-top: 5px; }
.profile-card .level-block:nth-child(2) .change-link + .level-box {
width: 100%;
padding-top: 7px; }
.progress-frame .change-level {
float: none !important;
margin-bottom: 10px !important; }
.courses-list li {
width: 100% !important; }
.top-banner-block .banner-content h1 {
font-size: 26px; }
.leader-board-head * {
font-size: 10px !important; }
.exercises-form input[type="text"] {
width: 200px !important; }
.meta-block .btn {
padding-right: 34px !important;
padding-left: 34px !important; }
#mc_embed_signup .input-wrap .input-icon {
display: none; }
.center-text {
padding: 30px 10px; }
.btn.long {
min-width: 220px; }
.eTimer .etUnit.etSeconds,
.eTimer .etMinutes + .etSep {
display: none !important; }
.eTimer .etUnit .etNumber {
font-size: 20px !important;
width: 30px !important; }
.eTimer .etUnit .etSign {
font-size: 12px !important; }
.eTimer .etSep {
font-size: 20px !important; }
.list-with-left-icon:not(.small-icon) .item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.list-with-left-icon:not(.small-icon) .item .item-icon {
margin: 0 0 15px 0; }
#mc_embed_signup.bigger {
padding-right: 15px;
padding-left: 15px; }
#mc_embed_signup.bigger .input-wrap {
min-width: 100%; }
#mc_embed_signup.bigger .input-wrap input[type="email"] {
min-width: 100%; }
.lesson-holder p {
margin: 0 0 10px; }
#register-popup-window, #login-popup-window {
width: 100%;
left: 0px; }
.about-links .link {
max-width: 240px; }
.payments-courses .cours-block .header-course .price-amount {
font-size: 60px;
line-height: 62px; }
.payments-courses .cours-block .header-course .price-amount span {
font-size: 40px; }
.payments-courses .cours-block .header-course .price-duration {
font-size: 18px; }
.payments-courses .cours-block .body-course .columns-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.payments-courses .cours-block .body-course .columns-wrap .left-col {
width: 100%;
min-height: 400px; }
.payments-courses .cours-block .body-course .columns-wrap .right-col {
width: 100%; }
.single-course .modules-row {
padding: 0px; }
.single-course .top-banner-block {
padding-top: 30px; }
.shop-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.shop-header .left-col {
width: 100%; }
.shop-header .right-col img {
max-width: 100%; }
.trainers-list li.lock .btn {
top: 22%; }
.main-section .columns .left-col h1 {
font-size: 40px; }
.page-template-books .navigation .btn.white, .page-template-lessons-list .navigation .btn.white {
font-size: 18px;
margin-bottom: 25px;
width: 100%; }
.page-template-books .meta-post-wrap, .page-template-lessons-list .meta-post-wrap {
display: block;
margin-top: 20px; }
.vocabulary-filter .vocabulary-filter-holder {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.vocabulary-filter .vocabulary-filter-holder .voc-title-wrap {
text-align: center;
margin-bottom: 15px;
width: 100%; }
.vocabulary-filter .vocabulary-filter-holder .repeat-words {
margin: 5px auto;
width: 100%;
margin-bottom: 15px; }
.vocabulary-filter .vocabulary-filter-holder .lear-words {
margin: 0px auto;
width: 100%;
text-align: center; }
.page-template-speaking-club .payments-courses .cours-block .header-course {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 90px; }
.page-template-speaking-club .payments-courses .cours-block .header-course .price-amount {
font-size: 20px; } }
@media (max-width: 370px) {
.header .links-block {
text-align: center; }
.header .links-block a {
display: block; }
.header .links-block a {
margin: 0; }
.header .links-block a:not(:last-child) {
margin-bottom: 7px; } }html {
line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }  article,
aside,
footer,
header,
nav,
section {
display: block; } h1 {
font-size: 2em;
margin: 0.67em 0; }  figcaption,
figure,
main { display: block; } figure {
margin: 1em 40px; } hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; -webkit-text-decoration-skip: objects; } abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: inherit; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } dfn {
font-style: italic; } mark {
background-color: #ff0;
color: #000; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  audio,
video {
display: inline-block; } audio:not([controls]) {
display: none;
height: 0; } img {
border-style: none; } svg:not(:root) {
overflow: hidden; }  button,
input,
optgroup,
select,
textarea {
margin: 0; } button,
input { overflow: visible; } button,
select { text-transform: none; } button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; } legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
display: inline-block; vertical-align: baseline; } textarea {
overflow: auto; } [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details,
menu {
display: block; } summary {
display: list-item; }  canvas {
display: inline-block; } template {
display: none; }  [hidden] {
display: none; }  html {
box-sizing: border-box; }
*, *:before, *:after {
box-sizing: inherit; }
html, body {
height: 100%; } body {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
margin: 0;
min-width: 320px;
font: 15px/1.5 "Open Sans", Arial, Helvetica, sans-serif;
color: #5c6b7f;
background: #edeff0; }
@media (max-width: 767px) {
body {
font-size: 14px; } }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
figure {
margin: 0;
padding: 0; }
img {
max-width: 100%;
border: 0;
vertical-align: top; }
a {
color: #1a8fcc;
text-decoration: none;
outline: none;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out; }
a:hover {
text-decoration: underline; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
form,
fieldset {
margin: 0;
padding: 0;
border: 0; }
input,
textarea,
select {
font: 12px "Open Sans", Arial, Helvetica, sans-serif;
vertical-align: middle;
outline: none; }
::-moz-placeholder {
opacity: 1;
color: #91a1b7; }
::-webkit-input-placeholder {
opacity: 1;
color: #91a1b7; }
:-ms-input-placeholder {
opacity: 1;
color: #91a1b7; }
input:focus::-moz-placeholder {
color: transparent; }
input:focus::-webkit-input-placeholder {
color: transparent; }
input:focus:-ms-input-placeholder {
color: transparent; }
textarea:focus::-moz-placeholder {
color: transparent; }
textarea:focus::-webkit-input-placeholder {
color: transparent; }
textarea:focus:-ms-input-placeholder {
color: transparent; }
input[type="image"] {
padding: 0;
border: none; }
input[type=url], input[type=search], input[type=tel], input[type=email], input[type=text], input[type=password], input[type=file], input[type=submit], textarea {
-webkit-appearance: none; }
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none; }
input[type=url],
input[type=search],
input[type=tel],
input[type=email],
input[type=text],
input[type=password] {
display: block;
width: 100%;
box-shadow: none;
border: 1px solid #edeff0;
border-radius: 4px;
color: #91a1b7;
padding: 10px 13px;
background: #fff;
font-size: 14px; }
input[type="submit"] {
cursor: pointer; }
textarea {
display: block;
width: 100%;
box-shadow: none;
border: 1px solid #edeff0;
border-radius: 4px;
color: #91a1b7;
padding: 10px 13px;
background: #fff;
resize: none;
font-size: 14px; }
ul,
ol {
margin: 0;
padding: 0; }
p {
margin: 0 0 10px; }
h1 {
margin: 0 0 29px;
font: 42px/1 "Open Sans", Arial, Helvetica, sans-serif; }
@media (max-width: 767px) {
h1 {
font-size: 30px; } }
h2 {
margin: 0 0 21px;
font: 34px/1 "Open Sans", Arial, Helvetica, sans-serif; }
@media (max-width: 767px) {
h2 {
font-size: 24px; } }
h3 {
margin: 0 0 17px;
font: 700 18px/1 "Open Sans", Arial, Helvetica, sans-serif; }
h4 {
margin: 0 0 12px;
font: 600 16px/1.4 "Open Sans", Arial, Helvetica, sans-serif; }
h5 {
font: 700 14px/1.2 "Open Sans", Arial, Helvetica, sans-serif;
margin: 0 0 10px; }
.clearfix:after {
content: '';
display: block;
clear: both; } .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; } #colorbox, #cboxOverlay, #cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0); }
#cboxWrapper {
max-width: none; }
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft {
clear: left; }
#cboxContent {
position: relative; }
#cboxLoadedContent {
overflow: auto;
-webkit-overflow-scrolling: touch; }
#cboxTitle {
margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
cursor: pointer; }
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
max-width: none;
-ms-interpolation-mode: bicubic; }
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
padding: 0;
margin: 0; }
#colorbox, #cboxContent, #cboxLoadedContent {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; } #cboxOverlay {
background: #fff;
opacity: 0.9;
filter: alpha(opacity=90); }
#colorbox {
outline: 0; }
#cboxContent {
margin-top: 32px;
overflow: visible;
background: #000; }
.cboxIframe {
background: #fff; }
#cboxError {
padding: 50px;
border: 1px solid #ccc; }
#cboxLoadedContent {
background: #000;
padding: 1px; }
#cboxLoadingGraphic {
background: url(//skyenglish.club/wp-content/themes/engskype/images/loading.gif) no-repeat center center; }
#cboxLoadingOverlay {
background: #000; }
#cboxTitle {
position: absolute;
top: -22px;
left: 0;
color: #000; }
#cboxCurrent {
position: absolute;
top: -22px;
right: 205px;
text-indent: -9999px; } #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
border: 0;
padding: 0;
margin: 0;
overflow: visible;
text-indent: -9999px;
width: 20px;
height: 20px;
position: absolute;
top: -20px;
background: url(//skyenglish.club/wp-content/themes/engskype/images/controls.png) no-repeat 0 0; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
outline: 0; }
#cboxPrevious {
background-position: 0px 0px;
right: 44px; }
#cboxPrevious:hover {
background-position: 0px -25px; }
#cboxNext {
background-position: -25px 0px;
right: 22px; }
#cboxNext:hover {
background-position: -25px -25px; }
#cboxClose {
background-position: -50px 0px;
right: 0; }
#cboxClose:hover {
background-position: -50px -25px; }
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
right: 66px; }
.cboxSlideshow_on #cboxSlideshow {
background-position: -75px -25px;
right: 44px; }
.cboxSlideshow_on #cboxSlideshow:hover {
background-position: -100px -25px; }
.cboxSlideshow_off #cboxSlideshow {
background-position: -100px 0px;
right: 44px; }
.cboxSlideshow_off #cboxSlideshow:hover {
background-position: -75px -25px; } .jcf-select {
display: inline-block;
position: relative;
border: 1px solid #c3ccd8;
border-radius: 4px;
background: #fff;
margin: 0;
padding: 0;
vertical-align: middle;
min-width: 150px;
height: 36px; }
.jcf-select select {
z-index: 1;
left: 0;
top: 0; }
.jcf-select .jcf-select-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
cursor: default;
display: block;
font-size: 14px;
line-height: 36px;
margin: 0;
padding: 0 40px 0 18px;
color: #677588; }
.jcf-select .jcf-select-opener {
position: absolute;
text-align: center;
width: 38px;
bottom: 0;
right: 0;
top: 0;
padding: 0;
cursor: pointer; }
.jcf-select .jcf-select-opener:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #9fadc0 transparent transparent transparent;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
body > .jcf-select-drop {
position: absolute;
margin: -1px 0 0;
z-index: 9999; }
body > .jcf-select-drop.jcf-drop-flipped {
margin: 1px 0 0; }
.jcf-select .jcf-select-drop {
position: absolute;
margin-top: 0;
z-index: 9999;
top: 100%;
left: -1px;
right: -1px; }
.jcf-select .jcf-drop-flipped {
bottom: 100%;
top: auto; } .jcf-list-box {
overflow: hidden;
display: inline-block;
min-width: 200px;
margin: 0 15px; } .jcf-list {
display: inline-block;
vertical-align: top;
position: relative;
background: #fff;
line-height: 14px;
font-size: 14px;
width: 100%;
min-width: 100%;
border: 1px solid #c3ccd8; }
.jcf-list .jcf-list-content {
vertical-align: top;
display: inline-block;
overflow: auto;
min-width: 100%;
width: auto; }
.jcf-list ul {
list-style: none;
padding: 0;
margin: 0; }
.jcf-list ul li {
overflow: hidden;
display: block; }
.jcf-list .jcf-overflow {
overflow: auto; }
.jcf-list .jcf-option {
overflow: hidden;
cursor: default;
display: block;
padding: 5px 9px;
color: #677588;
height: 1%; }
.jcf-list .jcf-disabled {
background: #fff !important;
color: #aaa !important; }
.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
background: #1a8fcc;
color: #fff; }
.jcf-list .jcf-optgroup-caption {
white-space: nowrap;
font-weight: bold;
display: block;
padding: 5px 9px;
cursor: default;
color: #000; }
.jcf-list .jcf-optgroup .jcf-option {
padding-left: 30px; } .jcf-disabled {
background: #ddd !important; } .popup-holder .lightbox-block {
z-index: 9999;
height: 0;
overflow: hidden;
padding: 0 30px; }
.popup-holder .lightbox-block:target {
display: block; }
.popup-holder .lightbox-block:target ~ .overlay {
display: block; }
.popup-holder .overlay {
display: none;
position: fixed;
z-index: 9998;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(15, 15, 17, 0.2); }
.lightbox-block {
padding: 25px 30px;
max-width: 400px;
width: 100%;
background: #fff;
border-radius: 4px;
box-shadow: 0 0 6px 0 rgba(191, 196, 203, 0.5);
text-align: left;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.lightbox-block.contact {
max-width: 420px; }
.lightbox-block.description {
max-width: 980px; }
@media (max-width: 1023px) {
.lightbox-block.description {
max-width: 90%; } }
.lightbox-block h2 {
margin: 0 0 40px;
font-size: 20px;
font-weight: 500;
color: #374961; }
.lightbox-block p {
margin: 0; }
.lightbox-block .fancybox-close-small,
.fly-machines-lightbox .fancybox-close-small {
display: none; }
.new-trainer {
margin: 0 0 5px; }
.new-trainer .input-row {
margin: 0 0 39px; }
.new-trainer input[type="text"],
.new-trainer input[type="email"],
.new-trainer input[type="tel"],
.new-trainer input[type="password"] {
width: 100%;
display: block;
border-radius: 4px;
border: 1px solid #91a1b7;
background: #fff;
font-size: 14px;
padding: 7px 17px 10px;
margin: 0;
color: #5c6b7f; }
.new-trainer .buttons-row {
text-align: center;
margin: 0 -20px;
letter-spacing: -0.3em; }
.new-trainer .buttons-row .btn {
display: inline-block;
vertical-align: top;
text-transform: none;
width: calc(50% - 40px);
margin: 0 20px;
padding: 9px 15px;
letter-spacing: 0; }
.lightbox-block .btn-close {
float: right;
font-size: 14px;
color: #1a8fcc; }
.lightbox-block .btn-close:hover {
text-decoration: none;
color: #f5a623; } .fancybox-enabled {
overflow: hidden; }
.fancybox-enabled body {
overflow: visible;
-ms-touch-action: none;
touch-action: none; }
.fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%; z-index: 5;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; } .fancybox-container ~ .fancybox-container {
z-index: 99992; }
.fancybox-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #0f0f11;
opacity: 0;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.fancybox-container--ready .fancybox-bg {
opacity: 0.2;
-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
.fancybox-controls {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
opacity: 0;
z-index: 99994;
-webkit-transition: opacity .2s;
transition: opacity .2s;
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
direction: ltr; }
.fancybox-show-controls .fancybox-controls {
opacity: 1; }
.fancybox-infobar {
display: none; }
.fancybox-show-infobar .fancybox-infobar {
display: inline-block;
pointer-events: all; }
.fancybox-infobar__body {
display: inline-block;
width: 70px;
line-height: 44px;
font-size: 13px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-align: center;
color: #ddd;
background-color: rgba(30, 30, 30, 0.7);
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: subpixel-antialiased; }
.fancybox-buttons {
position: absolute;
top: 0;
right: 0;
display: none;
pointer-events: all; }
.fancybox-show-buttons .fancybox-buttons {
display: block; }
.fancybox-slider-wrap {
overflow: hidden;
direction: ltr; }
.fancybox-slider-wrap,
.fancybox-slider {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
z-index: 99993;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: none;
white-space: normal;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent; }
.fancybox-slide::before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0; }
.fancybox-slide--image {
overflow: hidden; }
.fancybox-slide--image::before {
display: none; }
.fancybox-content {
display: inline-block;
position: relative;
margin: 44px auto;
padding: 0;
border: 0;
width: 80%;
height: calc(100% - 88px);
vertical-align: middle;
line-height: normal;
text-align: left;
white-space: normal;
outline: none;
font-size: 16px;
font-family: Arial, sans-serif;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch; }
.fancybox-iframe {
display: block;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
background: #fff; }
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
background: transparent; }
.fancybox-placeholder {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0;
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
-webkit-transform-origin: top left;
transform-origin: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.fancybox-image,
.fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
max-width: none;
max-height: none;
background: transparent;
background-size: 100% 100%; }
.fancybox-controls--canzoomOut .fancybox-placeholder {
cursor: zoom-out; }
.fancybox-controls--canzoomIn .fancybox-placeholder {
cursor: zoom-in; }
.fancybox-controls--canGrab .fancybox-placeholder {
cursor: grab; }
.fancybox-controls--isGrabbing .fancybox-placeholder {
cursor: grabbing; }
.fancybox-spaceball {
z-index: 1; }
.fancybox-tmp {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden; }
.fancybox-error {
position: absolute;
margin: 0;
padding: 40px;
top: 50%;
left: 50%;
width: 380px;
max-width: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
cursor: default; }
.fancybox-error p {
margin: 0;
padding: 0;
color: #444;
font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }
.fancybox-close-small {
position: absolute;
top: 4px;
right: 4px;
padding: 0;
margin: 0;
width: 30px;
height: 30px;
font: 21px/1 Arial,"Helvetica Neue",Helvetica,sans-serif;
color: #888;
font-weight: 300;
text-align: center;
border-radius: 50%;
border-width: 0;
cursor: pointer;
background: #fff;
-webkit-transition: background .2s;
transition: background .2s;
box-sizing: border-box;
z-index: 2; }
.fancybox-close-small:focus {
outline: 1px dotted #888; }
.fancybox-slide--video .fancybox-close-small {
top: -36px;
right: -36px;
background: transparent; }
.fancybox-close-small:hover {
color: #555;
background: #eee; } .fancybox-caption-wrap {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 60px 30px 0 30px;
z-index: 99998;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box;
background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
opacity: 0;
-webkit-transition: opacity .2s;
transition: opacity .2s;
pointer-events: none; }
.fancybox-show-caption .fancybox-caption-wrap {
opacity: 1; }
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid rgba(255, 255, 255, 0.4);
font-size: 14px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #fff;
line-height: 20px;
-webkit-text-size-adjust: none; }
.fancybox-caption a,
.fancybox-caption button {
pointer-events: all; }
.fancybox-caption a {
color: #fff;
text-decoration: underline; } .fancybox-button {
display: inline-block;
position: relative;
width: 44px;
height: 44px;
line-height: 44px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
cursor: pointer;
background: transparent;
color: #fff;
box-sizing: border-box;
vertical-align: top;
outline: none; }
.fancybox-button--disabled {
cursor: default;
pointer-events: none; }
.fancybox-infobar__body, .fancybox-button {
background: rgba(30, 30, 30, 0.6); }
.fancybox-button:hover {
background: rgba(0, 0, 0, 0.8); }
.fancybox-button::before,
.fancybox-button::after {
content: '';
pointer-events: none;
position: absolute;
border-color: #fff;
background-color: currentColor;
color: currentColor;
opacity: 0.9;
box-sizing: border-box;
display: inline-block; }
.fancybox-button--disabled::before,
.fancybox-button--disabled::after {
opacity: 0.5; }
.fancybox-button--left::after {
left: 20px;
top: 18px;
width: 6px;
height: 6px;
background: transparent;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg); }
.fancybox-button--right::after {
right: 20px;
top: 18px;
width: 6px;
height: 6px;
background: transparent;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.fancybox-button--left {
border-bottom-left-radius: 5px; }
.fancybox-button--right {
border-bottom-right-radius: 5px; }
.fancybox-button--close {
float: right; }
.fancybox-button--close::before, .fancybox-button--close::after {
content: '';
display: inline-block;
position: absolute;
height: 2px;
width: 16px;
top: calc(50% - 1px);
left: calc(50% - 8px); }
.fancybox-button--close::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.fancybox-button--close::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); } .fancybox-loading {
border: 6px solid rgba(100, 100, 100, 0.4);
border-top: 6px solid rgba(255, 255, 255, 0.6);
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: fancybox-rotate .8s infinite linear;
animation: fancybox-rotate .8s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
z-index: 99999; }
@-webkit-keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } } @media all and (max-width: 800px) {
.fancybox-controls {
text-align: left; }
.fancybox-button--left,
.fancybox-button--right,
.fancybox-buttons button:not(.fancybox-button--close) {
display: none !important; }
.fancybox-caption {
padding: 20px 0;
margin: 0; } } .fancybox-button--fullscreen::before {
width: 15px;
height: 11px;
left: 15px;
top: 16px;
border: 2px solid;
background: none; } .fancybox-button--play::before {
top: 16px;
left: 18px;
width: 0;
height: 0;
border-top: 6px inset transparent;
border-bottom: 6px inset transparent;
border-left: 10px solid;
border-radius: 1px;
background: transparent; }
.fancybox-button--pause::before {
top: 16px;
left: 18px;
width: 7px;
height: 11px;
border-style: solid;
border-width: 0 2px 0 2px;
background: transparent; } .fancybox-button--thumbs span {
font-size: 23px; }
.fancybox-button--thumbs::before {
top: 20px;
left: 21px;
width: 3px;
height: 3px;
box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
right: 220px; }
.fancybox-thumbs {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
width: 220px;
margin: 0;
padding: 5px 5px 0 0;
background: #fff;
z-index: 99993;
word-break: normal;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent;
box-sizing: border-box; }
.fancybox-thumbs > ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 0; }
.fancybox-thumbs > ul > li {
float: left;
overflow: hidden;
max-width: 50%;
padding: 0;
margin: 0;
width: 105px;
height: 75px;
position: relative;
cursor: pointer;
outline: none;
border: 5px solid #fff;
border-top-width: 0;
border-right-width: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box; }
li.fancybox-thumbs-loading {
background: rgba(0, 0, 0, 0.1); }
.fancybox-thumbs > ul > li > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
max-width: none;
max-height: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.fancybox-thumbs > ul > li:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 2px;
border: 4px solid #4ea7f9;
z-index: 99991;
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
opacity: 1; } @media all and (max-width: 800px) {
.fancybox-thumbs {
display: none !important; }
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
right: 0; } }
@font-face {
font-family: 'robotoblack';
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-black-webfont.eot);
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-black-webfont.eot) format("embedded-opentype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-black-webfont.woff2) format("woff2"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-black-webfont.woff) format("woff"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-black-webfont.ttf) format("truetype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-black-webfont.svg) format("svg"); }
@font-face {
font-family: 'robotoblack_italic';
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-blackitalic-webfont.eot);
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-blackitalic-webfont.eot) format("embedded-opentype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-blackitalic-webfont.woff2) format("woff2"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-blackitalic-webfont.woff) format("woff"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-blackitalic-webfont.ttf) format("truetype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-blackitalic-webfont.svg) format("svg"); }
@font-face {
font-family: 'robotobold';
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-bold-webfont.eot);
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-bold-webfont.eot) format("embedded-opentype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-bold-webfont.woff2) format("woff2"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-bold-webfont.woff) format("woff"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-bold-webfont.ttf) format("truetype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-bold-webfont.svg) format("svg"); }
@font-face {
font-family: 'robotobold_italic';
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-bolditalic-webfont.eot);
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-bolditalic-webfont.eot) format("embedded-opentype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-bolditalic-webfont.woff2) format("woff2"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-bolditalic-webfont.woff) format("woff"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-bolditalic-webfont.ttf) format("truetype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-bolditalic-webfont.svg) format("svg"); }
@font-face {
font-family: 'robotoitalic';
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-italic-webfont.eot);
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-italic-webfont.eot) format("embedded-opentype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-italic-webfont.woff2) format("woff2"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-italic-webfont.woff) format("woff"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-italic-webfont.ttf) format("truetype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-italic-webfont.svg) format("svg"); }
@font-face {
font-family: 'robotolight';
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-light-webfont.eot);
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-light-webfont.eot) format("embedded-opentype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-light-webfont.woff2) format("woff2"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-light-webfont.woff) format("woff"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-light-webfont.ttf) format("truetype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-light-webfont.svg) format("svg"); }
@font-face {
font-family: 'robotolight_italic';
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-lightitalic-webfont.eot);
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-lightitalic-webfont.eot) format("embedded-opentype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-lightitalic-webfont.woff2) format("woff2"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-lightitalic-webfont.woff) format("woff"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-lightitalic-webfont.ttf) format("truetype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-lightitalic-webfont.svg) format("svg"); }
@font-face {
font-family: 'robotomedium';
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-medium-webfont.eot);
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-medium-webfont.eot) format("embedded-opentype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-medium-webfont.woff2) format("woff2"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-medium-webfont.woff) format("woff"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-medium-webfont.ttf) format("truetype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-medium-webfont.svg) format("svg"); }
@font-face {
font-family: 'robotomedium_italic';
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-mediumitalic-webfont.eot);
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-mediumitalic-webfont.eot) format("embedded-opentype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-mediumitalic-webfont.woff2) format("woff2"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-mediumitalic-webfont.woff) format("woff"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-mediumitalic-webfont.ttf) format("truetype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-mediumitalic-webfont.svg) format("svg"); }
@font-face {
font-family: 'robotoregular';
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-regular-webfont.eot);
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-regular-webfont.eot) format("embedded-opentype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-regular-webfont.woff2) format("woff2"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-regular-webfont.woff) format("woff"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-regular-webfont.ttf) format("truetype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-regular-webfont.svg) format("svg"); }
@font-face {
font-family: 'robotothin';
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-thin-webfont.eot);
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-thin-webfont.eot) format("embedded-opentype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-thin-webfont.woff2) format("woff2"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-thin-webfont.woff) format("woff"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-thin-webfont.ttf) format("truetype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-thin-webfont.svg) format("svg"); }
@font-face {
font-family: 'robotothin_italic';
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-thinitalic-webfont.eot);
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-thinitalic-webfont.eot) format("embedded-opentype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-thinitalic-webfont.woff2) format("woff2"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-thinitalic-webfont.woff) format("woff"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-thinitalic-webfont.ttf) format("truetype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/roboto-thinitalic-webfont.svg) format("svg"); }
@font-face {
font-family: 'lucida_grandebold';
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/ofont.ru_lucida_grande-webfont.eot);
src: url(//skyenglish.club/wp-content/themes/engskype/fonts/ofont.ru_lucida_grande-webfont.eot) format("embedded-opentype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/ofont.ru_lucida_grande-webfont.woff2) format("woff2"), url(//skyenglish.club/wp-content/themes/engskype/fonts/ofont.ru_lucida_grande-webfont.woff) format("woff"), url(//skyenglish.club/wp-content/themes/engskype/fonts/ofont.ru_lucida_grande-webfont.ttf) format("truetype"), url(//skyenglish.club/wp-content/themes/engskype/fonts/ofont.ru_lucida_grande-webfont.svg) format("svg"); }
@font-face {
font-family: 'icomoon';
src:  url(//skyenglish.club/wp-content/themes/engskype/fonts/icomoon.eot?lhtyv0);
src:  url(//skyenglish.club/wp-content/themes/engskype/fonts/icomoon.eot?lhtyv0#iefix) format('embedded-opentype'),
url(//skyenglish.club/wp-content/themes/engskype/fonts/icomoon.ttf?lhtyv0) format('truetype'),
url(//skyenglish.club/wp-content/themes/engskype/fonts/icomoon.woff?lhtyv0) format('woff'),
url(//skyenglish.club/wp-content/themes/engskype/fonts/icomoon.svg?lhtyv0#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}  
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-envelop:before {
content: "\e92e";
}
.icon-marker:before {
content: "\e92c";
color: #46d5b5;
}
.icon-ruglish:before {
content: "\e937";
color: #fff;
}
.icon-rule:before {
content: "\e938";
color: #fff;
}
.icon-speak:before {
content: "\e949";
color: #fff;
}  
.icon-instagram:before {
content: "\e92b";
}  
.icon-icon__pro:before {
content: "\e924";
color: #f5a623;
}
.icon-icon-movie:before {
content: "\e925";
color: #fff;
}
.icon-icon-music:before {
content: "\e926";
color: #fcfcfc;
}
.icon-icon-books:before {
content: "\e927";
color: #fff;
}
.icon-icon-camera:before {
content: "\e928";
color: #fff;
}
.icon-icon-page1:before {
content: "\e929";
color: #fff;
}
.icon-icon-page2:before {
content: "\e92a";
color: #fff;
}
.icon-build-01:before {
content: "\e920"; }
.icon-earth-01:before {
content: "\e921"; }
.icon-icon-folder-03-01:before {
content: "\e922"; }
.icon-icon-folder-04-01:before {
content: "\e923"; }
.icon-pro-account:before {
content: "\e91f";
color: #f5a623; }
.icon-aerostate:before {
content: "\e90d"; }
.icon-airliner-01:before {
content: "\e90f"; }
.icon-baloon:before {
content: "\e910"; }
.icon-blimp-01:before {
content: "\e911"; }
.icon-concorde-01:before {
content: "\e912"; }
.icon-dragonfly-01:before {
content: "\e913"; }
.icon-fly-apparate-01:before {
content: "\e914"; }
.icon-flying-saucer-01:before {
content: "\e915"; }
.icon-jet-plane-01:before {
content: "\e916"; }
.icon-kite:before {
content: "\e917"; }
.icon-lock-01:before {
content: "\e918"; }
.icon-peper-airplane-01:before {
content: "\e919"; }
.icon-propller-plane-01:before {
content: "\e91a"; }
.icon-rocket-01:before {
content: "\e91b"; }
.icon-spacecraft-01:before {
content: "\e91c"; }
.icon-error:before {
content: "\e90e";
color: #f54b5e; }
.icon-group-3:before {
content: "\e90c"; }
.icon-menu:before {
content: "\e91d"; }
.icon-arrow-back:before {
content: "\e909";
color: #5e6d81; }
.icon-like:before {
content: "\e90a";
color: #1a8fcc; }
.icon-volume:before {
content: "\e90b";
color: #1e7aaa; }
.icon-next:before {
content: "\e908"; }
.icon-back:before {
content: "\e907"; }
.icon-icon-facebook-01:before {
content: "\e900"; }
.icon-icon-folder-01:before {
content: "\e901"; }
.icon-icon-folder-02-01:before {
content: "\e902"; }
.icon-icon-play-01:before {
content: "\e903"; }
.icon-icon-player-01:before {
content: "\e904"; }
.icon-icon-system-01:before {
content: "\e905"; }
.icon-icon-user-01:before {
content: "\e906";
color: #fafafb; }
.icon-arrows-v:before {
content: "\e91e"; }
.icon-folder-plus:before {
content: "\e931"; }
.icon-lock:before {
content: "\e98f"; }
.icon-star-full:before {
content: "\e9d9"; }  .wrapper {
min-height: 100vh;
overflow: hidden;
height: auto;
margin: 0 0 -60px; }
.header {
background: #015c8b;
color: white;
padding: 16px 0 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.header.light {
background: #fff;
color: #5c6b7f;
padding: 3px 0 0; }
.header.light .logo {
margin: 4px 0 0; }
@media (max-width: 991px) {
.header.light {
padding: 3px 60px 0 0; } }
@media (max-width: 991px) {
.header {
position: relative; } }
.header.simple {
padding: 23px 0 19px; }
.center-holder {
max-width: 1140px;
margin: 0 auto; }
.center-holder.small {
max-width: 945px; }
@media (max-width: 1199px) {
.center-holder {
max-width: none;
padding: 0 15px; } }
.btn {
background: #f5a623;
color: white;
font: 700 13px/1.2 "Open Sans", Arial, Helvetica, sans-serif;
text-transform: uppercase;
display: inline-block;
text-align: center;
border-radius: 22px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
transition: color .3s ease-out, background-color .3s ease-out, opacity .3s ease-out, border-color .3s ease-out, visibility .3s ease-out, transform .3s ease-out;
-webkit-transition: color .3s ease-out, background-color .3s ease-out, opacity .3s ease-out, border-color .3s ease-out, visibility .3s ease-out, -webkit-transform .3s ease-out;
padding: 19px 15px 14px;
border: 1px solid #f5a623; }
@media (max-width: 767px) {
.btn {
font-size: 12px;
padding: 14px 25px; } }
.btn.btn-simple {
background: transparent;
font: 14px "Open Sans", Arial, Helvetica, sans-serif;
text-transform: none;
border: 1px solid rgba(247, 250, 253, 0.3);
padding: 8px 13px 9px;
letter-spacing: 0.5px; }
.btn.btn-simple:hover, .btn.btn-simple.active {
background: #f5a623;
border-color: #f5a623;
color: white; }
.btn.facebook {
background: #3553a4;
border-color: #3553a4; }
.btn.facebook:hover {
background: #fff;
color: #3553a4; }
.btn:hover, .btn.active {
text-decoration: none;
background: #fff;
color: #f5a623; }
.btn.blue {
background: #1a8fcc;
border-color: #1a8fcc;
text-transform: none;
font-size: 13px;
padding: 9px 49px; }
.btn.blue:hover, .btn.blue.active {
color: #1a8fcc;
background: #fff; }
@media (max-width: 767px) {
.btn.blue {
padding: 7px 20px; } }
.btn.reset {
background: #edeff0;
border-color: #edeff0;
color: #374961; }
.btn.reset:hover, .btn.reset.active {
background: #fff;
border-color: #374961; }
.btn[disabled="disabled"] {
opacity: .5;
pointer-events: none;
cursor: default; }
.btn.white {
background: #fff;
border: 1px solid #1a8fcc;
color: #1a8fcc;
padding: 8px 15px;
text-transform: none; }
.btn.white:hover {
background: #1a8fcc;
color: #fff; }
.header-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.links-block > a {
display: inline-block;
vertical-align: middle;
color: white; }
.links-block > a:hover {
text-decoration: none;
color: #f5a623; }
.links-block .btn {
margin: 0 0 0 30px; }
@media (max-width: 767px) {
.links-block .btn {
margin: 0 0 0 5px; } }
.links-block .btn .icon {
line-height: 1;
font-size: 25px;
color: #fff; }
@media (max-width: 991px) {
.nav-holder {
background: #fff;
position: absolute;
top: 100%;
right: 0;
left: 0;
padding: 0;
overflow: hidden;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
max-height: 0;
z-index: 5; } }
.nav {
font: 600 13px "Open Sans", Arial, Helvetica, sans-serif;
text-transform: uppercase; }
.nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
list-style: none; }
@media (max-width: 991px) {
.nav ul {
display: block; } }
.nav a {
color: #91a1b7;
padding: 25px 28px 24px;
display: block;
position: relative;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out; }
@media (max-width: 991px) {
.nav a {
text-align: center;
padding: 10px; } }
.nav a:before {
content: '';
width: 100%;
height: 4px;
bottom: -1px;
left: 0;
position: absolute;
background: #1a8fcc;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out; }
@media (max-width: 991px) {
.nav a:before {
display: none; } }
.nav a:hover {
color: #1a8fcc;
text-decoration: none; }
.nav a:hover:before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1); }
.nav .active a {
color: #1a8fcc; }
.nav .active a:before {
opacity: 1; }
@media (max-width: 991px) {
.nav {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
display: block;
position: relative;
z-index: 5;
border-top: 1px solid #1a8fcc;
background: #fff;
padding: 10px 0; } }
.menu-opener {
display: none;
width: 30px;
height: 25px;
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%); }
.menu-opener:before, .menu-opener:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 4px;
background: #1a8fcc; }
.menu-opener:after {
top: 100%; }
.menu-opener span {
position: absolute;
top: 50%;
left: 0;
text-indent: -9999px;
overflow: hidden;
width: 30px;
height: 4px;
background: #1a8fcc; }
.menu-opener:hover:before, .menu-opener:hover:after,
.menu-opener:hover span {
background: #f5a623; }
@media (max-width: 991px) {
.menu-opener {
display: block; } }
.nav-active .menu-opener span {
opacity: 0; }
.nav-active .menu-opener:after, .nav-active .menu-opener:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 12px;
left: 0;
right: 15%; }
.nav-active .menu-opener:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
@media (max-width: 991px) {
.nav-active .nav-holder {
max-height: 4000px; } }
@media (max-width: 991px) {
.nav-active .nav {
-webkit-transform: translateY(0);
transform: translateY(0); } }
.person-holder {
position: relative;
width: 260px; }
@media (max-width: 991px) {
.person-holder {
width: 190px; } }
.person-holder .open-menu {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #91a1b7 transparent transparent transparent;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%); }
.person-holder .person-block {
font: 600 12px "Open Sans", Arial, Helvetica, sans-serif;
position: relative;
z-index: 2;
background: #fff;
padding: 20px 20px 10px;
display: block;
color: #5c6b7f; }
.person-holder .person-block:hover {
text-decoration: none; }
@media (max-width: 767px) {
.person-holder .person-block {
font-size: 10px;
padding: 20px 15px 10px; } }
.person-holder .person-block .photo {
float: left;
background: #91a1b7;
width: 36px;
height: 36px;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 36px;
margin: 0 13px 0 0;
overflow: hidden; }
@media (max-width: 767px) {
.person-holder .person-block .photo {
width: 24px;
height: 24px;
line-height: 24px; } }
.person-holder .person-block .photo img {
width: 100%; }
.person-holder .person-block .text {
overflow: hidden;
position: relative;
padding: 0 20px 0 0; }
.person-holder .person-block .name {
display: block;
font-size: 14px;
color: #374961; }
@media (max-width: 767px) {
.person-holder .person-block .name {
font-size: 12px; } }
.person-holder .person-menu {
list-style: none;
font-size: 14px;
visibility: hidden;
opacity: 0;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
padding: 20px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
border-top: 1px solid #c3ccd8;
z-index: 10; }
@media (max-width: 767px) {
.person-holder .person-menu {
padding: 10px; } }
.person-holder .person-menu li {
padding: 0 0 20px; }
.person-holder .person-menu li:last-child {
padding: 0; }
@media (max-width: 767px) {
.person-holder .person-menu li {
padding: 0 0 5px; } }
.person-holder .person-menu a {
color: #5c6b7f; }
.person-holder .person-menu a:hover {
color: #1a8fcc;
text-decoration: none;
font-weight: 700; }
.person-holder .hint-form {
border-top: 1px solid #c3ccd8;
padding: 20px 20px 0;
margin: 0 -20px; }
.person-holder .hint-form input[type="checkbox"] {
margin: 0 10px 0 0;
display: inline-block;
vertical-align: middle; }
.person-holder .hint-form label {
cursor: pointer; }
.person-holder.active-person-block {
box-shadow: 0 2px 18px 0 rgba(158, 158, 158, 0.46); }
.person-holder.active-person-block .person-menu {
visibility: visible;
opacity: 1;
box-shadow: 0 2px 18px 0 rgba(158, 158, 158, 0.46); }
.main-section {
background: #fff url(//skyenglish.club/wp-content/themes/engskype/images/bg-wrapper.png) no-repeat center 0;
background-size: 100% auto;
padding: 65px 0;
font-family: "Roboto", Arial, Helvetica, sans-serif !important; }
.main-section .text-holder {
text-align: center;
max-width: 900px;
margin: 0 auto 71px;
font: 300 20px/1.4 "Roboto", Arial, Helvetica, sans-serif;
color: #fff; }
@media (max-width: 767px) {
.main-section .text-holder {
color: #374961;
margin: 0 0 30px; } }
.main-section h1 {
font-size: 54px;
font-weight: 700;
text-align: center;
color: #fff;
margin: 0 0 39px; }
@media (max-width: 767px) {
.main-section h1 {
font-size: 35px;
color: #374961; } }
.main-section .image-block {
max-width: 220px;
margin: 0 auto 14px; }
.main-section .image-block img {
-webkit-transform: rotate(10deg);
transform: rotate(10deg); }
.main-section .lesson-holder .content-block {
background: transparent; }
.main-section .content-block {
background: transparent; }
.main-section .reviews-holder h2 {
font-family: "Roboto", Arial, Helvetica, sans-serif;
font-weight: 900;
color: #015c8b;
margin: 0 0 49px; }
.main-section .reviews .review-text {
font-weight: 400;
font-size: 16px;
line-height: 1.625; }
@media (max-width: 767px) {
.main-section .reviews .review-text {
font-size: 14px; } }
.white {
color: white; }
.btns-list {
list-style: none;
max-width: 706px;
margin: 0 auto 151px;
overflow: hidden; }
@media (max-width: 767px) {
.btns-list {
margin: 0 auto 50px; } }
.btns-list li {
float: left;
width: 50%;
padding: 0 12px 15px; }
@media (max-width: 767px) {
.btns-list li {
width: 100%;
padding: 0 0 15px;
float: none; } }
.btns-list .btn {
display: block;
box-shadow: 4px 0 7px rgba(0, 0, 0, 0.16); }
.lessons-holder {
padding: 0 0 15px; }
.lessons-holder .text-frame {
text-align: center;
max-width: 550px;
margin: 0 auto 84px;
font-weight: 300;
font-size: 18px;
line-height: 1.55; }
@media (max-width: 767px) {
.lessons-holder .text-frame {
font-size: 14px;
margin: 0 auto 30px; } }
.lessons-holder .text-frame h2 {
font: 900 34px/1.2 "Roboto", Arial, Helvetica, sans-serif;
color: #015c8b;
margin: 0 0 19px; }
.lessons-list {
letter-spacing: -0.3em;
margin: 0 -13px 101px -18px; }
@media (max-width: 767px) {
.lessons-list {
margin: 0 0 50px; } }
.lessons-list li {
display: inline-block;
vertical-align: top;
width: 33.3%;
letter-spacing: 0;
padding: 0 45px;
text-align: center;
line-height: 1.375; }
@media (max-width: 767px) {
.lessons-list li {
width: 100%;
display: block;
padding: 0 0 20px;
max-width: 330px;
margin: 0 auto; } }
.lessons-list .video-block {
max-width: 300px;
margin: 0 auto 28px;
position: relative;
padding: 61% 0 0;
border-radius: 7px;
overflow: hidden; }
.lessons-list .video-block video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.lessons-list h3 {
text-transform: uppercase;
font-size: 16px;
margin: 0 0 15px; }
.lessons-list .icon {
color: #f5a623;
font-size: 22px;
display: inline-block;
vertical-align: middle;
margin: 0 15px 0 0; }
.reason-frame {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 16px 0 45px; }
@media (max-width: 767px) {
.reason-frame {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.reason-frame .plugin {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 51.3%;
text-align: center;
font: 700 14px/1.2 "Roboto", Arial, Helvetica, sans-serif; }
@media (max-width: 767px) {
.reason-frame .plugin {
width: 100%;
margin: 0 auto 10px;
max-width: 450px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; } }
.reason-frame .plugin a {
color: #015c8b;
text-decoration: underline; }
.reason-frame .plugin a:hover {
text-decoration: none; }
.reason-frame #customplayer {
border-radius: 7px;
overflow: hidden;
box-shadow: -2px 3px 17px rgba(89, 116, 130, 0.9);
margin: 0 0 26px; }
.reason-frame #customplayer .customplayer-wrap {
margin: 0;
padding: 61.5% 0 0; }
.reason-frame .reason-list {
margin: 0;
padding: 5px 7% 0 0; }
@media (max-width: 767px) {
.reason-frame .reason-list {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 0; } }
.reason-frame .reason-list li {
display: block;
width: 100%;
overflow: hidden;
text-align: left;
padding: 0 0 29px; }
@media (max-width: 767px) {
.reason-frame .reason-list li {
max-width: none; } }
.reason-frame .reason-list .icon-box {
width: 54px;
height: 54px;
float: left;
font-size: 30px;
margin: 0 32px 0 0; }
.reason-frame .reason-list .text {
overflow: hidden; }
.reason-frame .reason-list h3 {
margin: 0 0 12px; }
.reason-list {
list-style: none;
letter-spacing: -0.3em;
margin: 0 -20px 63px; }
@media (max-width: 767px) {
.reason-list {
margin: 0 0 50px; } }
.reason-list li {
letter-spacing: 0;
display: inline-block;
vertical-align: top;
width: 33.3%;
padding: 0 40px;
text-align: center; }
@media (max-width: 767px) {
.reason-list li {
display: block;
width: 100%;
max-width: 330px;
margin: 0 auto; } }
.reason-list li > a {
display: block;
color: #5c6b7f; }
.reason-list li > a:hover {
text-decoration: none; }
.reason-list .icon-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 88px;
height: 88px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #f5a623;
border-radius: 50%;
margin: 0 auto 34px;
color: #fff;
font-size: 40px; }
.reason-list h3 {
color: #374961;
font-family: 'robotomedium', Arial, Helvetica, sans-serif; }
.divider-block {
text-align: center;
overflow: hidden; }
.divider-block .divider-icon {
font-size: 27px;
position: relative;
display: inline-block;
vertical-align: top;
padding: 0 64px;
color: #e4edf1; }
.divider-block .divider-icon:before, .divider-block .divider-icon:after {
content: '';
position: absolute;
top: 50%;
left: -9999px;
right: 64px;
height: 1px;
width: 9999px;
background: #dbe0e5; }
.divider-block .divider-icon:after {
right: 9999px;
left: 135px; }
.teacher-frame {
padding: 81px 0 105px;
margin: 0 0 80px;
font-family: "Roboto", Arial, Helvetica, sans-serif;
font-weight: 400;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #dbe0e5; }
@media (max-width: 767px) {
.teacher-frame {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 30px 0;
margin: 0 0 30px; } }
.teacher-frame .photo-block {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 42.9%;
text-align: center;
margin: 8px 68px 0 0; }
@media (max-width: 767px) {
.teacher-frame .photo-block {
width: 100%;
max-width: 450px;
margin: 0 auto 10px; } }
.teacher-frame .photo {
box-shadow: -2px 3px 17px rgba(89, 116, 130, 0.9);
overflow: hidden;
border-radius: 16px;
margin: 0 0 20px; }
.teacher-frame .photo img {
width: 100%;
max-width: none; }
.teacher-frame .name {
font-weight: 700;
font-size: 22px;
color: #374961; }
.about-teacher {
font-size: 18px;
line-height: 1.56;
color: #748398;
letter-spacing: -0.5px; }
@media (max-width: 767px) {
.about-teacher {
font-size: 14px; } }
.about-teacher h3 {
margin: 0 0 28px;
color: #015c8b;
font-weight: 900;
font-size: 33px;
font-family: "Roboto", Arial, Helvetica, sans-serif; }
.about-teacher p {
margin: 0 0 36px; }
.about-teacher ol {
padding: 0;
margin: 0;
list-style: none;
counter-reset: newCounter;
font-size: 16px;
line-height: 1.375; }
@media (max-width: 767px) {
.about-teacher ol {
font-size: 14px; } }
.about-teacher ol li {
padding: 0 32px 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
letter-spacing: 0.5px; }
@media (max-width: 767px) {
.about-teacher ol li {
padding: 0 0 15px; } }
.about-teacher ol li .icon {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 53px;
height: 53px;
color: #fff;
background: #f5a623;
text-align: center;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 26px; }
.about-teacher ol li .text {
position: relative;
padding: 0 15px 0 36px; }
.about-teacher ol li .text:before {
counter-increment: newCounter;
content: counters(newCounter, ".") ")";
position: absolute;
top: 0;
left: 0; }
.about-teacher ol mark {
background: transparent;
font-weight: 700;
color: #748398; }
.reviews-holder h2 {
text-align: center; }
.reviews {
padding: 7px 30px; }
@media (max-width: 991px) {
.reviews {
padding: 10px 30px 10px 50px; } }
@media (max-width: 991px) and (max-width: 767px) {
.reviews {
padding: 10px 30px; } }
.reviews .review-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
max-width: 950px;
margin: 0 auto; }
@media (max-width: 991px) {
.reviews .review-block {
padding: 0 0 0 12px; } }
@media (max-width: 767px) {
.reviews .review-block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0; } }
.reviews .photo-block {
margin: 0 62px 0 0; }
@media (max-width: 767px) {
.reviews .photo-block {
margin: 0 0 20px; } }
.reviews .photo {
width: 115px;
height: 115px;
border-radius: 50%;
overflow: hidden;
box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
margin: 0 0 10px; }
@media (max-width: 767px) {
.reviews .photo {
margin: 0 auto; } }
.reviews .name {
display: block;
color: #32325a;
text-align: center;
font-weight: 600;
font-size: 20px; }
.reviews .slick-prev,
.reviews .slick-next {
font-size: 42px;
color: #5c6b7f;
background: transparent;
border: none;
position: absolute;
top: 50%;
left: -10px;
cursor: pointer;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%); }
@media (max-width: 767px) {
.reviews .slick-prev,
.reviews .slick-next {
font-size: 30px; } }
.reviews .slick-next {
left: auto;
right: -10px; }
.reviews .slick-prev:hover,
.reviews .slick-next:hover {
color: #146894; }
.reviews .review-text {
max-width: 656px;
line-height: 1.6; }
@media (max-width: 767px) {
.reviews .review-text {
max-width: none;
text-align: justify;
font-size: 14px;
line-height: 1.3; } }
.reviews .review-text p {
margin: 0; }
.start-section {
background: url(//skyenglish.club/wp-content/themes/engskype/images/bg-start-section.jpg) no-repeat center 0;
background-size: cover;
color: white;
text-align: center;
font-size: 18px;
padding: 79px 0 74px; }
@media (max-width: 767px) {
.start-section {
padding: 40px 0;
font-size: 16px; } }
.start-section h2 {
font: 400 34px/1.38 "Roboto", Arial, Helvetica, sans-serif; }
@media (max-width: 767px) {
.start-section h2 {
font-size: 24px; } }
.start-section strong {
font-weight: 900; }
.start-section .text {
max-width: 840px;
margin: 0 auto; }
.start-section .text p {
margin: 0 0 53px; }
@media (max-width: 767px) {
.start-section .text p {
margin: 0 0 30px; } }
.start-section .text .btn {
display: block;
max-width: 330px;
margin: 0 auto; }
.start-section.account {
padding: 85px 0 83px; }
.start-section.account h2 {
margin: 0 0 27px; }
.start-section.account .text {
max-width: 700px; }
.start-section.account .text .btn {
text-transform: none;
max-width: 280px;
padding: 11px 15px 10px; }
.start-section .start-link {
text-transform: uppercase;
color: #fff;
font-size: 13px;
font-weight: 700;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out; }
.start-section .start-link:hover {
text-decoration: none;
color: #015c8b; } .content-block {
background: #fff;
margin: 0 0 10px;
padding: 21px 30px; }
@media (max-width: 767px) {
.content-block {
padding: 10px 20px; } }
.content-block.title-block {
padding: 24px 30px 21px; }
.content-block.title-block h1 {
font: 600 32px/1.2 "Open Sans", Arial, Helvetica, sans-serif;
color: #374961;
margin: 0 -30px;
padding: 0 30px 26px;
border-bottom: 1px solid #9aa9bd; }
@media (max-width: 767px) {
.content-block.title-block h1 {
font-size: 24px; } }
.content-block .steps-list {
padding: 23px 0 4px; }
.content-block h3 .icon {
margin: 0 22px 0 0;
color: #f5a623; }
.content-block .head-block {
overflow: hidden;
padding: 0 30px 8px;
border-bottom: 1px solid #eaedf1;
margin: 0 -30px 30px; }
.content-block .head-block .btn {
float: right; }
.content-block .head-block .number {
float: right;
font: 700 14px "Open Sans", Arial, Helvetica, sans-serif;
padding: 7px 0 0; }
.content-block .head-block h3 {
overflow: hidden;
padding: 5px 5px 0 0; }
.steps-list {
margin: 0;
padding: 23px 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
counter-reset: newCounter; }
@media (max-width: 479px) {
.steps-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.steps-list li {
padding: 0 0 0 37px;
position: relative;
width: 100%; }
@media (max-width: 479px) {
.steps-list li {
padding: 0 0 15px 37px; } }
.steps-list li:before {
position: absolute;
top: 0;
left: 0;
text-align: center;
width: 24px;
height: 24px;
background: #9baabe;
border-radius: 50%;
font: 700 12px/2 "Open Sans", Arial, Helvetica, sans-serif;
color: #fff;
counter-increment: newCounter;
content: counters(newCounter, ".") " "; }
.steps-list li:after {
content: '';
width: auto;
height: 1px;
background: #9aa9bd;
position: absolute;
top: 50%;
left: 37px;
right: 29px; }
@media (max-width: 479px) {
.steps-list li:after {
display: none; } }
.steps-list li:last-child {
width: auto; }
@media (max-width: 479px) {
.steps-list li:last-child {
width: 100%; } }
.steps-list li:last-child:after {
display: none; }
.steps-list li.active {
color: #1a8fcc;
font-weight: 700; }
.steps-list li.active:before {
background: #1a8fcc; }
.steps-list li.active a {
color: #1a8fcc; }
.steps-list li.completed {
color: #1a8fcc;
font-weight: 700; }
.steps-list li.completed:before, .steps-list li.completed:after {
background: #1a8fcc; }
.steps-list li.completed a {
color: #1a8fcc; }
.steps-list a {
color: #5c6b7f; }
.steps-list a:hover {
text-decoration: none;
color: #1a8fcc; }
.steps-list .text {
background: #fff;
display: inline-block;
padding: 0 13px 0 0;
position: relative;
z-index: 2; }
.back-link {
display: inline-block;
font-size: 12px;
text-transform: uppercase;
color: #5c6b7f;
line-height: 20px;
margin: 21px 0 18px; }
.back-link .icon-arrow-back {
font-size: 25px;
vertical-align: middle;
margin: 0 15px 0 0; }
.back-link:hover {
color: #f5a623;
text-decoration: none; }
.plugin {
position: relative;
margin: 0 0 21px; }
.buttons-holder {
overflow: hidden;
border-bottom: 1px solid #edeff0;
padding: 0 0 20px;
margin: 0 auto 20px;
max-width: 853px; }
.buttons-holder .like {
float: left;
padding: 8px 25px 8px 20px; }
.buttons-holder .like .icon {
margin: 0 12px 0 0; }
.buttons-holder .done {
float: right; }
.content-holder {
max-width: 853px;
margin: 0 auto; }
.sentence-holder {
background-color: rgba(26, 143, 204, 0.05);
color: #4a576c;
padding: 10px 32px;
margin: 0 0 10px;
border: 1px solid #1a8fcc; }
@media (max-width: 767px) {
.sentence-holder {
padding: 10px 20px; } }
.sentence-holder h3 {
color: #374961;
margin: 0 0 19px; }
.sentence-holder p {
margin: 0 0 14px; }
.sentence-holder p:last-child {
margin: 0; }
.sentence-holder .sentence-list,
.sentence-holder ul {
margin: 0;
padding: 0;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
overflow: hidden;
line-height: 1.75; }
.sentence-holder .sentence-list strong,
.sentence-holder ul strong {
margin: 0;
float: left;
font-weight: 700;
clear: left;
padding: 0 10px 0 0; }
.sentence-holder table {
margin: 0 0 14px;
border-collapse: collapse;
width: 100% !important; }
@media (max-width: 767px) {
.sentence-holder table {
font-size: 11px; } }
.sentence-holder table th,
.sentence-holder table td {
border: 1px solid #5c6b7f;
padding: 3px 5px; }
.sentence-holder blockquote,
.sentence-holder > div,
.sentence-holder h1,
.sentence-holder h2,
.sentence-holder h4,
.sentence-holder h5,
.sentence-holder h6 {
margin: 0 0 14px; }
.sentence-holder .title {
display: block;
font-weight: 600;
margin: 0 0 15px; }
.sentence-holder.form {
background-color: rgba(26, 143, 204, 0.15); }
.sentence-holder.example {
background: url(//skyenglish.club/wp-content/themes/engskype/images/bg-example.png) repeat;
font-style: italic;
text-align: center; }
.chapter {
display: inline-block;
font: 600 14px "Open Sans", Arial, Helvetica, sans-serif;
color: #1a8fcc;
margin: 0 0 19px;
position: relative;
padding: 0 240px 0 0; }
@media (max-width: 767px) {
.chapter {
padding: 0; } }
.words-holder {
overflow: hidden;
margin: 0 -30px; }
@media (max-width: 767px) {
.words-holder {
margin: 0; } }
.words-holder .words-block {
float: left;
width: 50%;
padding: 0 30px; }
@media (max-width: 767px) {
.words-holder .words-block {
width: 100%;
float: none;
padding: 0 0 20px; } }
.words-holder .subtitle {
font: 600 14px "Open Sans", Arial, Helvetica, sans-serif;
color: #1a8fcc;
margin: 0 0 19px;
position: relative; }
.words-holder .subtitle .title {
float: left;
width: 50%;
padding: 0 30px; }
@media (max-width: 767px) {
.words-holder .subtitle .title {
padding: 0; } }
.words-holder .subtitle .note {
color: #000;
font-size: 11px; }
.words-block {
margin: 0 0 28px; }
.words-block:last-child {
margin: 0 0 15px; }
.words-block .title {
display: inline-block;
font: 600 14px "Open Sans", Arial, Helvetica, sans-serif;
color: #1a8fcc;
margin: 0 0 19px;
position: relative; }
.words-block .title .note {
color: #000;
font-size: 11px; }
@media (max-width: 767px) {
.words-block .title {
padding: 0; } }
.words-block .word-row {
margin: 0 0 13px;
overflow: hidden; }
.words-block .word {
font-weight: 700;
color: #374961;
padding: 0 4px 0 0; }
.words-block .btn-play-word {
margin: 2px 18px 0 0;
float: left; }
.words-block .btn-add-word {
margin: 0 18px 0 0; }
.words-block .word-text {
display: block;
overflow: hidden; }
.btn-play-word {
display: inline-block;
vertical-align: middle;
color: #1e7aaa;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out; }
.btn-play-word:hover {
text-decoration: none;
color: #f5a623; }
.btn-add-word {
width: 16px;
height: 16px;
background: #1e7aaa;
border-radius: 50%;
text-align: center;
color: #fff;
font: 700 16px/12px "Open Sans", Arial, Helvetica, sans-serif;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 0 0 5px; }
.btn-add-word:hover {
background: #f5a623;
text-decoration: none; }
.comments {
margin: 30px 0 0; }
.comments .head-block {
padding: 2px 30px 15px; }
.comments-form .comment-block > .comment-block {
padding: 0 0 0 54px; }
.comments-form .photo {
float: left;
width: 36px;
height: 36px;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 36px;
font-size: 14px;
margin: 0 17px 0 0; }
.comments-form .comment-text {
overflow: hidden;
padding: 0 0 27px; }
.comments-form .comment-text .name {
font: 700 14px "Open Sans", Arial, Helvetica, sans-serif;
color: #374961;
display: block;
margin: 0 0 9px; }
.comments-form .data-info {
color: #91a1b7;
font-size: 12px; }
.comments-form .data-info a {
color: #91a1b7;
text-decoration: underline; }
.comments-form .data-info a:hover {
color: #f5a623; }
.comments-form .data-info .date {
display: inline-block;
padding: 0 30px 0 0; }
.comments-form textarea {
display: block;
max-width: 740px;
height: 90px;
border: 1px solid #c3ccd8;
width: 100%;
resize: none;
margin: 0 0 20px;
font-size: 14px;
color: #91a1b7;
padding: 16px 21px; }
.video-holder {
position: relative;
padding: 0;
max-width: 400px;
margin: 0 auto 28px; }
.video-holder video,
.video-holder img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.video-holder img {
height: auto; }
.video-holder #customplayer .customplayer-wrap {
padding: 54.5% 0 0; }
.image-holder {
max-width: 400px;
margin: 0 auto 28px; }
#customplayer {
position: relative; }
#customplayer .customplayer-wrap {
position: relative;
margin: 0 auto 30px;
padding: 44.5% 0 0;
max-width: 853px; }
@media (max-width: 767px) {
#customplayer .customplayer-wrap {
padding: 40% 0 0; } }
@media (max-width: 767px) {
#customplayer .customplayer-wrap {
padding: 50% 0 0; } }
@media (max-width: 479px) {
#customplayer .customplayer-wrap {
padding: 60% 0 0; } }
#customplayer #player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
#customplayer > p {
margin: 0 auto;
max-width: 853px; }
#customplayer .image-holder {
max-width: 400px;
margin: 0 auto 28px; }
#customplayer .image-holder img {
max-width: none;
width: 100%; }
#subtitles-text {
margin: 0 auto;
max-width: 853px; }
.exercises-form input[type="text"] {
display: inline-block;
width: 213px;
height: 36px;
border: 1px solid #c3ccd8;
border-radius: 4px;
padding: 3px 10px;
color: #374961;
font-size: 14px; }
.exercises-form .jcf-select {
width: 230px;
margin: 0 13px 0 0; }
.exercises-form .field-box {
padding: 0 0 18px; }
.exercises-form .field-box label {
display: inline-block;
vertical-align: middle;
font-size: 15px;
color: #374961;
cursor: pointer; }
@media (max-width: 767px) {
.exercises-form .field-box label {
display: block; } }
.exercises-form .word-box {
display: inline-block;
vertical-align: middle;
width: 214px;
height: 36px;
border-bottom: 1px solid #c3ccd8;
padding: 3px 10px; }
.exercises-form .radio-holder {
padding: 8px 32px; }
@media (max-width: 767px) {
.exercises-form .radio-holder {
padding: 8px 0; } }
.exercises-list {
margin: 0;
padding: 0 0 4px;
color: #374961;
list-style: none;
counter-reset: newCounter; }
.exercises-list li {
padding: 19px 0 0;
position: relative; }
@media (max-width: 767px) {
.exercises-list li {
position: relative;
padding: 10px 0 0; } }
.exercises-list li:first-child {
padding: 0; }
@media (max-width: 767px) {
.exercises-list li:first-child {
padding: 0; } }
.exercises-list li:before {
content: '';
display: block;
clear: both; }
.exercises-list li .number {
font-weight: 800;
padding: 0;
float: left;
margin: 6px 10px 0 0; }
.exercises-list .text {
padding: 0 15px 0 0;
line-height: 36px; }
.exercises-list input[type="text"] {
display: inline-block;
margin: 0 13px 0 0; }
@media (max-width: 767px) {
.exercises-list .translate-exercise {
margin: 0 -5px; } }
@media (max-width: 767px) {
.exercises-list .translate-exercise .column {
padding: 0 5px; } }
.exercises-list .video-holder {
padding: 30% 0 0; }
@media (max-width: 767px) {
.exercises-list .video-holder {
padding: 44% 0 0; } }
@media (max-width: 479px) {
.exercises-list .video-holder {
padding: 50% 0 0; } }
.exercises-list .video-holder img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
margin: auto; }
.exercises-list .video-holder #customplayer,
.exercises-list .video-holder iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important; }
.exercises-list .video-holder #customplayer .customplayer-wrap {
position: static;
padding: 0; }
.exercises-list .success-block,
.exercises-list .error-block {
margin: 15px 0 0; }
.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; }
.success-block {
background: rgba(99, 219, 192, 0.1);
color: #5c6b7f;
overflow: hidden;
font-size: 14px;
line-height: 1.3;
margin: 15px 0 0 38px;
padding: 6px 18px;
display: none; }
.success-block .text {
overflow: hidden; }
.success-block .title {
display: block;
font-weight: 600;
font-size: 14px;
text-align: left;
line-height: 1;
padding: 5px 0; }
.success-block .icon-check {
float: left;
width: 6px;
height: 12px;
border: solid #3fcea3;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: 4px 16px 0 0; }
.success-block p {
margin: 0 0 2px; }
.success .success-block {
display: block; }
.error-block {
background: rgba(245, 74, 93, 0.1);
color: #5c6b7f;
overflow: hidden;
font-size: 14px;
line-height: 1.3;
margin: 15px 0 0 38px;
padding: 6px 18px;
display: none; }
.error-block .text {
overflow: hidden; }
.error-block .title {
display: block;
font-weight: 600;
text-align: left;
font-size: 14px;
line-height: 1;
padding: 5px 0; }
.error-block .icon-error {
float: left;
color: #f92d38;
margin: 4px 16px 0 0;
padding: 0; }
.error-block p {
margin: 0 0 2px; }
.error-block .questions {
float: left;
margin: 0 5px 0 0; }
.error-block .answer {
overflow: hidden;
display: block; }
.error .error-block {
display: block; }
.fake-radio-box {
display: inline-block;
vertical-align: middle;
width: 20px;
min-width: 20px;
height: 20px;
position: relative;
margin: 0 17px 0 0; }
@media (max-width: 767px) {
.fake-radio-box {
float: left; } }
.fake-radio-box .fake-radio {
padding: 0;
width: 100%;
height: 100%;
border: 2px solid #91a1b7;
border-radius: 50%;
display: inline-block;
overflow: hidden;
position: relative; }
.fake-radio-box .fake-radio:before {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background: #1a8fcc;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0; }
.fake-radio-box input[type="radio"] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: 2;
cursor: pointer;
width: 100%;
height: 100%; }
.fake-radio-box input[type="radio"]:checked ~ .fake-radio {
border-color: #1a8fcc; }
.fake-radio-box input[type="radio"]:checked ~ .fake-radio:before {
opacity: 1; }
.meta-block {
overflow: hidden;
padding: 20px 0; }
.meta-block .btn-back {
float: left;
color: #5c6b7f;
font: 600 14px/2.2 "Open Sans", Arial, Helvetica, sans-serif; }
@media (max-width: 767px) {
.meta-block .btn-back {
max-width: 50%;
position: relative;
padding: 0 0 0 30px;
line-height: 1.2; } }
.meta-block .btn-back .icon-arrow-back {
display: inline-block;
margin: 0 16px 0 0;
font-size: 25px;
line-height: 1;
vertical-align: middle; }
@media (max-width: 767px) {
.meta-block .btn-back .icon-arrow-back {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%); } }
.meta-block .btn-back:hover {
color: #f5a623;
text-decoration: none; }
.meta-block .btn {
float: right;
padding: 9px 59px;
cursor: pointer; }
@media (max-width: 767px) {
.meta-block .btn {
max-width: 50%; } } .progress-frame {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #fff;
margin: 30px 0 19px;
font-size: 14px;
color: #91a1b7; }
@media (max-width: 767px) {
.progress-frame {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.progress-frame .progress-holder {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 25px 30px 10px;
width: 100%; }
.progress-frame .progress-text {
overflow: hidden; }
.progress-frame .my-progress {
overflow: hidden; }
.progress-frame .points-value {
float: right; }
.progress-frame .points-value .icon {
width: 18px;
height: 18px;
text-align: center;
border-radius: 50%;
color: #fff;
background: #f5a623;
font-size: 14px;
line-height: 18px;
display: inline-block; }
.progress-frame .progress-value {
color: #374961; }
.progress-frame .your-level {
-ms-flex-negative: 1;
flex-shrink: 1;
padding: 22px 30px 12px;
border: solid #edeff0;
border-width: 0 0 0 1px;
width: 508px;
overflow: hidden; }
@media (max-width: 767px) {
.progress-frame .your-level {
width: 100%; } }
.progress-frame .change-level {
float: right;
color: #1a8fcc;
font-size: 13px;
text-decoration: underline; }
.progress-frame .change-level:hover {
text-decoration: none; }
.progress-frame .level-block {
overflow: hidden;
width: auto;
padding: 0; }
.progress-frame .level {
display: block;
font: 600 18px "Open Sans", Arial, Helvetica, sans-serif;
color: #374961; }
.progress-bar {
height: 6px;
background: #eceff3;
border-radius: 3px;
position: relative;
overflow: hidden; }
.progress-bar .progress {
position: absolute;
top: 0;
left: 0;
background: #f5a623;
height: 6px;
border-radius: 3px; }
.filter-form {
overflow: hidden;
font-size: 14px;
padding: 0 15px 21px 25px; }
@media (max-width: 767px) {
.filter-form fieldset {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.filter-form label {
font-weight: 600;
display: inline-block;
vertical-align: middle; }
.filter-form .right {
float: right; }
@media (max-width: 767px) {
.filter-form .right {
float: none;
text-align: center;
margin: 0 0 10px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; } }
.filter-form .filter-holder {
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
@media (max-width: 767px) {
.filter-form .filter-holder {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.filter-form .filter-holder label {
padding: 0 4px; }
.filter-form .filter-holder .btn {
padding: 9px 10px; }
.filter-form .filter-box {
display: inline-block;
vertical-align: top;
margin: 0 21px 0 0; }
.filter-form .filter-box:last-child {
margin: 0; }
@media (max-width: 767px) {
.filter-form .filter-box {
display: block;
text-align: center;
margin: 0 0 10px; }
.filter-form .filter-box:last-child {
margin: 0 0 10px; } }
.filter-form .jcf-select {
background: #edeff0;
border-color: #edeff0;
vertical-align: middle;
width: auto;
min-width: 90px; }
.filter-form .jcf-select-text {
padding: 0 35px 0 4px; }
.center-holder > .filter-form {
padding: 21px 15px 21px 25px; }
.jcf-select-filter .jcf-list {
background: #edeff0;
border-color: #edeff0; }
.lesson-holder {
background: #fff;
padding: 30px;
margin: 0 0 20px; }
.lesson-holder:after {
content: '';
display: block;
color: #fff; }
.lesson-holder .video-holder {
float: left;
width: 33.5%;
padding: 21.5% 0 0;
position: relative;
margin: 0 30px 0 0;
max-width: 400px; }
@media (max-width: 991px) {
.lesson-holder .video-holder {
float: none;
width: 100%;
max-width: 450px;
margin: 0 auto 15px;
padding: 38% 0 0; } }
@media (max-width: 767px) {
.lesson-holder .video-holder {
padding: 45% 0 0; } }
@media (max-width: 479px) {
.lesson-holder .video-holder {
padding: 70% 0 0; } }
.lesson-holder .video-holder video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%; }
.lesson-holder .lesson-text {
overflow: hidden;
font-size: 14px;
line-height: 20px; }
.lesson-holder .lesson-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 0 16px; }
@media (max-width: 479px) {
.lesson-holder .lesson-title {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.lesson-holder .lesson-title .points-value {
float: right;
font-size: 14px;
color: #91a1b7;
padding: 5px 10px;
width: 135px; }
.lesson-holder .lesson-title .points-value .icon {
width: 18px;
height: 18px;
text-align: center;
border-radius: 50%;
color: #fff;
background: #f5a623;
font-size: 14px;
line-height: 18px;
display: inline-block; }
.lesson-holder h2 {
font: 600 24px/0.9 "Open Sans", Arial, Helvetica, sans-serif;
margin: 0; }
@media (max-width: 479px) {
.lesson-holder h2 {
margin: 0 0 10px; } }
.lesson-holder .meta-info {
font: 600 10px/1.2 "Open Sans", Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #91a1b7;
margin: 0 0 9px; }
.lesson-holder .meta-info .likes {
font-size: 12px;
color: #1a8fcc; }
.lesson-holder .meta-info .icon-like {
margin: 0 4px 0 0; }
.lesson-holder .category {
margin: 0 20px 0 0; }
.lesson-holder .text {
padding: 0 0 15px; }
@media (max-width: 991px) {
.lesson-holder .text {
text-align: justify; } }
@media (max-width: 479px) {
.lesson-holder .btn-holder {
text-align: center; } }
.lesson-holder .btn-holder .btn {
padding: 9px 23px;
margin: 0 23px 0 0; }
@media (max-width: 479px) {
.lesson-holder .btn-holder .btn {
display: block;
max-width: 200px;
margin: 0 auto 10px; } }
.categories-list {
padding: 0;
margin: 0 0 21px;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 510px;
font-size: 12px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: #5c6b7f; }
@media (max-width: 479px) {
.categories-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.categories-list li {
position: relative;
width: 33.3%;
padding: 0 0 11px;
margin: 0 30px 0 0; }
@media (max-width: 479px) {
.categories-list li {
width: 100%;
margin: 0 0 15px; } }
.categories-list li:last-child {
margin: 0; }
.categories-list li:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
border-radius: 3px;
background: #eceff3; }
.categories-list li .check {
display: inline-block;
opacity: 0;
width: 6px;
height: 12px;
border: solid #3fcea3;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: -5px 16px 0 0; }
.categories-list li.completed {
color: #1a8fcc; }
.categories-list li.completed a {
color: #1a8fcc; }
.categories-list li.completed:after {
background: #1a8fcc; }
.categories-list li.completed .check {
opacity: 1; }
.categories-list a {
color: #5c6b7f;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.categories-list a:hover {
text-decoration: none;
color: #1a8fcc; }
.categories-list .category {
margin: 0 10px 0 0; } .translate-exercise {
letter-spacing: -0.3em;
padding: 2px 0 0;
margin: 0 -19px; }
@media (max-width: 767px) {
.translate-exercise {
margin: 0 -5px; } }
.translate-exercise:after {
display: block;
content: "";
clear: both; }
.translate-exercise .translate-repository-holder {
position: relative;
z-index: 2;
letter-spacing: 0;
padding: 0 19px;
margin: 0 -5px;
display: inline-block;
vertical-align: top; }
@media (max-width: 767px) {
.translate-exercise .translate-repository-holder {
padding: 0 5px; } }
.translate-exercise .translate-repository-holder .variant-translate {
display: inline-block;
vertical-align: top;
margin: 0 5px 10px; }
.translate-exercise .translate-repository-holder .variant-translate .translate-text {
margin: 0; }
.translate-exercise .column {
letter-spacing: 0;
display: inline-block;
vertical-align: top;
width: 25%;
padding: 30px 19px 0; }
@media (max-width: 767px) {
.translate-exercise .column {
padding: 15px 5px 0;
min-width: 100px;
width: 50%; } }
.translate-exercise .column.ui-sortable:not(.sortable-not-empty) .variant-translate {
pointer-events: none; }
.translate-exercise .column.ui-sortable.sortable-not-empty .translate-text:empty {
background: #d9d9d9; }
.translate-exercise .column.ui-sortable:not(.sortable-state-active) .ui-droppable-hover {
color: #fff;
background: #1a8fcc !important; }
.translate-exercise .translate-text {
background: #edeff0;
border-radius: 15px;
color: #5c6b7f;
margin: 0 0 19px;
padding: 7px 31px 7px 20px;
height: 38px;
white-space: nowrap;
position: relative;
cursor: pointer; }
@media (max-width: 767px) {
.translate-exercise .translate-text {
height: 35px;
margin: 0 0 10px;
font-size: 10px;
padding: 10px 25px 10px 10px;
white-space: normal; } }
.translate-exercise .translate-text:hover .translate-dropdown {
opacity: 1;
visibility: visible; }
.translate-exercise .translate-text.ui-draggable-dragging:hover .translate-dropdown {
opacity: 0;
visibility: hidden; }
.translate-exercise .translate-text .icon {
color: #000;
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%); }
.translate-exercise .translate-text:empty {
background: #d9d9d9; }
.translate-exercise .translate-text p {
display: inline-block;
max-width: 100%;
overflow: hidden;
margin: 0;
white-space: nowrap;
text-overflow: ellipsis; }
.translate-exercise .translate-dropdown {
position: absolute;
z-index: 4;
left: 0;
bottom: 100%;
max-width: 100%;
margin: 10px 0;
padding: 5px 10px;
font-size: 12px;
line-height: 18px;
color: #fff;
white-space: normal;
border-radius: 6px;
background: #333;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media (max-width: 767px) {
.translate-exercise .translate-dropdown {
font-size: 10px;
line-height: 1.2; } }
.translate-exercise .translate-dropdown:after {
position: absolute;
content: "";
left: 15px;
top: 100%;
width: 14px;
height: 7px;
border: 7px solid transparent;
border-color: #333 transparent transparent; }
.translate-exercise .variant-translate {
margin: 0 0 19px;
border-radius: 15px;
background: #d9d9d9; }
@media (max-width: 767px) {
.translate-exercise .variant-translate {
margin: 0 0 10px; } }
.translate-exercise .variant-translate.sortable-inner-active {
background: #1a8fcc; }
.translate-exercise .ui-draggable-dragging {
z-index: 3; }
.translate-exercise .jcf-select {
width: 100%;
height: 40px;
background: #edeff0;
border-radius: 15px;
border-color: #edeff0;
min-width: 50px; }
@media (max-width: 767px) {
.translate-exercise .jcf-select .jcf-select-text {
font-size: 12px; } }
.ui-sortable-placeholder {
min-height: 38px;
background: #d9d9d9;
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;
min-height: 35px; } }
.sortable-not-empty .ui-sortable-placeholder {
background: #1a8fcc; }
.jcf-select-translate .jcf-list {
background: #edeff0;
border-color: #edeff0;
margin: -15px 0;
padding: 15px 0;
border-radius: 15px; }
.congratulate {
text-align: center;
max-width: 358px;
padding: 27px 30px 34px;
font-size: 14px; }
.congratulate:target {
display: block !important;
height: auto;
overflow: visible;
padding: 27px 30px 34px; }
.congratulate h2 {
font-size: 24px;
margin: 0 0 19px; }
.congratulate p {
margin: 0 0 10px; }
.congratulate .congratulate-value {
width: 134px;
height: 134px;
background: rgba(245, 166, 35, 0.1);
border-radius: 50%;
margin: 41px auto 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #374961;
position: relative;
font: 600 12px/1 "Open Sans", Arial, Helvetica, sans-serif;
padding: 14px 6px 6px; }
.congratulate .congratulate-value .star-box {
position: absolute;
top: -12px;
left: 50%;
margin: 0 0 0 -12px;
width: 24px;
height: 24px;
border-radius: 50%;
color: #fff;
font-size: 12px;
line-height: 24px;
text-align: center;
background: #f5a623; }
.congratulate .congratulate-value .value {
font-size: 34px;
display: block;
width: 100%;
margin: 0 0 6px; }
.congratulate .link {
text-decoration: underline; }
.congratulate .link:hover {
text-decoration: none; }
.congratulate .btn {
display: block;
max-width: 208px;
margin: 0 auto 25px;
padding: 9px 15px; }
.congratulate .fly-machines-holder {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 36px 0 49px; }
.congratulate .fly-machines-holder .icon-box {
margin: 0 auto 11px;
background: #f5a623; }
.congratulate .fly-machines-holder .fly-machine {
display: block;
font: 600 14px "Open Sans", Arial, Helvetica, sans-serif; } .sign-holder {
background: #fff;
max-width: 420px;
margin: 50px auto;
position: relative;
text-align: center;
color: #374961;
padding: 43px 30px 30px;
border-radius: 8px;
font-size: 14px; }
.sign-holder .icon-box {
width: 66px;
height: 66px;
border-radius: 50%;
color: #fff;
background: #f5a623;
border: 8px solid #fff;
position: absolute;
top: -33px;
left: 50%;
-webkit-transform: translate(-60%, 0);
transform: translate(-60%, 0);
text-align: center;
font-size: 23px;
line-height: 55px; }
.sign-holder h1 {
font-size: 24px;
line-height: 1.1; }
.sign-holder h2 {
font-size: 20px;
margin: 0 0 34px; }
.sign-holder .btn {
display: block;
font: 600 14px "Open Sans", Arial, Helvetica, sans-serif;
text-transform: none;
padding: 7px 15px;
margin: 0 0 22px; }
.sign-holder .or {
position: relative;
margin: 0 0 20px; }
.sign-holder .or:before {
content: '';
width: 100%;
height: 1px;
background: #edeff0;
left: 0;
top: 50%;
position: absolute; }
.sign-holder .or span {
position: relative;
background: #fff;
z-index: 2;
display: inline-block;
padding: 0 30px; }
.sign-holder .left-text {
text-align: justify; }
.sign-holder .left-text ul {
margin: 0 0 10px; }
.sign-holder .css-fbl {
display: block;
max-width: 252px;
margin: 0 auto 16px;
padding-right: 15px; }
.sign-holder .css-fbl div {
height: 33px; }
.register-form {
text-align: left; }
.register-form .field-row {
margin: 0 0 17px; }
.register-form label {
display: block;
padding: 0 4px 8px;
cursor: pointer; }
.register-form input[type="text"],
.register-form input[type="email"],
.register-form input[type="tel"],
.register-form input[type="password"] {
display: block;
width: 100%;
box-shadow: none;
border: 1px solid #edeff0;
border-radius: 4px;
color: #91a1b7;
padding: 10px 13px;
font-size: 14px; }
.register-form .submit-box {
padding: 11px 0 0;
text-align: center; }
.register-form .submit-box a {
color: #1a8fcc;
text-decoration: underline; }
.register-form .submit-box a:hover {
text-decoration: none; }
.register-form input[type="submit"] {
width: 100%;
max-width: 252px;
margin: 0 auto 17px;
cursor: pointer; }
.register-form .error-block,
.register-form .success-block {
margin: 0; } .trainers-holder {
padding: 33px 0 16px;
color: #374961;
border-top: 1px solid #d7dde4; }
.trainers-holder:first-child {
border: none;
padding: 51px 0 16px; }
.trainers-holder h3 {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
margin: 0; }
.trainers-holder .content-box {
margin: 0 0 33px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.trainers-list {
margin: 0 -15px;
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.trainers-list li {
width: 25%;
padding: 0 15px 30px; }
@media (max-width: 991px) {
.trainers-list li {
width: 33.3%; } }
@media (max-width: 767px) {
.trainers-list li {
width: 50%; } }
@media (max-width: 479px) {
.trainers-list li {
width: 100%; } }
.trainers-list .trainer-block {
height: 100%;
background: #fff;
box-shadow: 0 0 6px 0 rgba(191, 196, 203, 0.5);
padding: 17px;
font-size: 14px;
color: #91a1b7;
position: relative; }
.trainers-list .trainer-block .delete {
position: absolute;
top: -10px;
right: -10px;
width: 20px;
height: 20px;
border-radius: 50%;
color: #fff;
border: 1px solid #f55f51;
text-align: center;
background: #f55f51;
font-size: 15px;
line-height: 18px;
font-weight: 700;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out; }
.trainers-list .trainer-block .delete:hover {
background: #fff;
color: #f55f51; }
.trainers-list .trainer-block .text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.trainers-list .trainer-block .btn {
padding: 5px 8px;
min-width: 50px; }
.trainers-list .image-box {
display: block;
margin: 0 0 13px;
position: relative;
height: 148px; }
.trainers-list .image-box > a {
display: block;
overflow: hidden;
max-height: 100%; }
.trainers-list .image-box img {
width: 100%;
max-width: none; }
.trainers-list .image-box .icon {
opacity: 0;
background: #9caabe;
width: 19px;
height: 19px;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 15px;
position: absolute;
top: -5px;
right: -9px;
border: 1px solid #fff;
font-size: 10px;
padding: 0 0 0 4px; }
.trainers-list a {
color: #374961; }
.trainers-list a:hover {
text-decoration: none;
color: #f5a623; }
.trainers-list .new-trainer {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #1a8fcc;
font-size: 14px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 14px 0; }
.trainers-list .new-trainer .add-trainer {
width: 55px;
height: 55px;
margin: 0 auto 2px;
display: block;
background: #1a8fcc;
color: #fff;
text-align: center;
line-height: 55px;
font-size: 40px;
border-radius: 50%;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.trainers-list .new-trainer .text {
display: block;
width: 100%;
text-align: center; }
.trainers-list .new-trainer:hover {
text-decoration: none;
color: #f5a623; }
.trainers-list .new-trainer:hover .add-trainer {
background: #f5a623; }
.trainers-list.my-trainers .trainer-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 170px; }
.trainers-list .meta {
overflow: hidden;
font-size: 11px;
text-transform: uppercase; }
.trainers-list .meta .more {
float: right;
color: #91a1b7;
font-size: 25px;
font-weight: 800;
margin: -17px 0 0; }
.trainers-list .meta .more:hover {
text-decoration: none;
color: #1a8fcc; }
.trainers-list .meta .date {
overflow: hidden; }
.trainers-list .trainer-info {
padding: 0 4px; }
.trainers-list .trainer-info h4 {
font: 20px/22px "Open Sans", Arial, Helvetica, sans-serif;
margin: 0 0 8px; }
.trainers-list .trainer-info p {
margin: 0 0 2px; }
.trainers-list h4 {
color: #374961;
margin: 0; }
.trainers-list .lock .image-box:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5); }
.trainers-list .lock a {
pointer-events: none; }
.trainers-list .lock .icon {
opacity: 1; }
.new-trainer.step-active .start-step {
display: none; }
.new-trainer.step-active .next-step {
display: block; }
.new-trainer .next-step {
display: none; }
.flex-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 40px; }
.flex-block > * {
margin-bottom: 0 !important; }
.flex-block .back-link {
margin: 0 30px 0 0; } .vocabulary-frame {
padding: 31px 0; }
.vocabulary-frame .content-block {
padding: 19px 30px 18px; }
.vocabulary-filter {
font-size: 13px;
color: #5c6b7f; }
.vocabulary-filter label {
cursor: pointer; }
.vocabulary-filter .filter-block {
display: inline-block;
vertical-align: top;
margin: 0 12px 0 0; }
@media (max-width: 767px) {
.vocabulary-filter .filter-block {
display: block;
margin: 0 0 10px; } }
.vocabulary-filter .title-filter {
font-weight: 700;
display: inline-block;
vertical-align: top;
margin: 0 20px 0 0;
word-wrap: break-word; }
@media (max-width: 479px) {
.vocabulary-filter .title-filter {
display: block;
padding: 0 0 10px; } }
.vocabulary-filter .words-list .title-filter {
width: calc(100% - 60px); }
@media (max-width: 767px) {
.vocabulary-filter .words-list .title-filter {
display: inline-block;
margin: 0; } }
@media (max-width: 479px) {
.vocabulary-filter .words-list .title-filter {
display: inline-block; } }
.vocabulary-filter .filter-box {
display: inline-block;
vertical-align: top;
margin: 0 22px 0 0; }
@media (max-width: 479px) {
.vocabulary-filter .filter-box {
display: block;
margin: 0 0 10px; } }
.vocabulary-filter .fake-radio-box {
margin: 0 5px 0 0; }
.vocabulary-filter input[type="text"],
.vocabulary-filter input[type="email"],
.vocabulary-filter input[type="tel"] {
display: block;
width: 100%;
border-radius: 4px;
border: 1px solid #91a1b7;
background: #fff;
font-size: 14px;
padding: 8px 19px 9px;
margin: 0;
color: #5c6b7f; }
.vocabulary-filter .add-word {
display: inline-block;
vertical-align: middle;
width: 36px;
height: 36px;
color: #fff;
text-align: center;
border-radius: 50%;
font-size: 26px;
line-height: 34px;
background: #1a8fcc; }
.vocabulary-filter .add-word:hover {
text-decoration: none;
background: #f5a623; }
@media (max-width: 479px) {
.vocabulary-filter .add-word {
margin: 0 auto 10px; } }
.vocabulary-filter .vocabulary-holder .filter-block {
padding: 7px 0 0; }
.vocabulary-filter .back-link {
margin: 0 20px 0 0; }
.fake-check-box {
display: inline-block;
vertical-align: middle;
position: relative;
width: 18px;
height: 18px;
margin: 0 8px 0 0; }
.fake-check-box input[type="checkbox"] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 2; }
.fake-check-box .fake-check {
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
border: 2px solid #91a1b7;
border-radius: 3px; }
.fake-check-box .fake-check:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 6px;
height: 12px;
border: solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg) translate(-70%, 5%);
transform: rotate(45deg) translate(-70%, 5%);
margin: -5px 16px 0 0;
opacity: 0; }
.fake-check-box input[type="checkbox"]:checked ~ .fake-check {
background: #1a8fcc;
border-color: #1a8fcc; }
.fake-check-box input[type="checkbox"]:checked ~ .fake-check:before {
opacity: 1; }
@media (max-width: 767px) {
.vocabulary-filter-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.vocabulary-filter-holder .btn-box {
float: right; }
.vocabulary-filter-holder .btn-box .btn {
padding: 9px 16px; }
@media (max-width: 767px) {
.vocabulary-filter-holder .btn-box {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
text-align: center; } }
@media (max-width: 767px) {
.vocabulary-filter-holder .vocabulary-holder {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
text-align: center;
padding: 0 0 20px; } }
@media (max-width: 479px) {
.vocabulary-filter-holder .vocabulary-holder {
text-align: left; } }
.vocabulary-filter-holder .check-all {
display: inline-block;
vertical-align: top;
padding: 7px 0 0; }
.vocabulary-filter-holder .check-all .title-filter {
width: auto; }
@media (max-width: 479px) {
.vocabulary-filter-holder .check-all .title-filter {
display: inline-block; } }
.vocabulary-filter-holder .search {
display: inline-block;
vertical-align: top;
width: 240px;
margin: 0 27px 0 4px; }
@media (max-width: 479px) {
.vocabulary-filter-holder .search {
margin: 0 0 10px; } }
.empty-vocabulary {
max-width: 400px;
margin: 0 auto;
text-align: center;
padding: 55px 0;
font-size: 14px;
line-height: 1.6; }
.empty-vocabulary h2 {
font: 600 20px "Open Sans", Arial, Helvetica, sans-serif;
color: #374961;
margin: 0 0 12px; }
.empty-vocabulary .icon-box {
margin: 0 auto 48px;
width: 64px; }
.empty-vocabulary .text p {
margin: 0 0 44px; }
.words-list {
background: #fff;
margin: -10px 0 0;
padding: 0 32px;
border-top: 1px solid #91a1b7;
font-size: 15px;
list-style: none; }
@media (max-width: 767px) {
.words-list {
font-size: 12px; } }
.words-list li {
border-top: 1px solid #91a1b7;
padding: 19px 0 14px; }
.words-list li:first-child {
border: none; }
.words-list .filter-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 767px) {
.words-list .filter-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.words-list .col {
width: 25%; }
@media (max-width: 767px) {
.words-list .col {
width: 100%;
padding: 0 0 10px; } }
.words-list .col:last-child {
text-align: center; }
.words-list .eng {
background: transparent;
font-weight: 700;
color: #374961;
overflow: hidden;
display: block;
word-wrap: break-word; }
.words-list label {
display: inline-block;
vertical-align: middle;
cursor: pointer; }
.words-list .title-filter {
width: calc(100% - 60px); }
@media (max-width: 767px) {
.words-list .title-filter {
display: inline-block;
margin: 0; } }
@media (max-width: 479px) {
.words-list .title-filter {
display: inline-block; } }
.words-list .fake-check-box {
margin: 0 10px 0 0; }
@media (max-width: 767px) {
.words-list .fake-check-box {
margin: 0; } }
.words-list .btn-play-word {
margin: 0 12px;
float: left; }
.words-list .notes {
margin: 0; }
.words-list .colorbox-opener {
display: block;
width: 150px;
height: 150px;
border-radius: 50%;
margin: 0 auto;
position: relative;
overflow: hidden;
background-position: center;
background-size: cover; }
.words-list .lightbox-image {
width: 75px;
display: block;
margin: 0 auto; } .trainer-holder {
background: #fff;
position: relative;
border-radius: 10px;
padding: 21px 30px;
margin: 11px 0;
box-shadow: 0 0 6px 0 rgba(191, 196, 203, 0.5);
z-index: 2; }
.trainer-holder:before, .trainer-holder:after {
content: '';
position: absolute;
top: -6px;
left: 14px;
right: 14px;
width: auto;
height: 6px;
box-shadow: 0 0 6px 0 rgba(191, 196, 203, 0.5);
background: #fff;
border-radius: 10px 10px 0 0; }
.trainer-holder:after {
height: 5px;
top: -11px;
left: 28px;
right: 28px; }
.trainer-holder .trainer-head {
overflow: hidden;
color: #5c6b7f;
font-size: 14px; }
.trainer-holder .trainer-head .text {
overflow: hidden;
padding: 0 0 18px; }
.trainer-holder .trainer-head .text p {
margin: 0; }
.trainer-holder .count {
float: right;
font-weight: 700; }
.trainer-holder .progress-bar {
height: 4px;
border-radius: 0;
margin: 0 -30px; }
.trainer-holder .progress-bar .progress {
height: 4px;
border-radius: 0 4px 4px 0; }
.trainer-holder .trainer-block {
text-align: center;
padding: 95px 0 62px; }
@media (max-width: 767px) {
.trainer-holder .trainer-block {
padding: 40px 0; } }
.trainer-holder .trainer-block h2 {
font: 600 28px "Open Sans", Arial, Helvetica, sans-serif;
color: #374961;
margin: 0 0 8px; }
@media (max-width: 767px) {
.trainer-holder .trainer-block h2 {
font-size: 22px; } }
.trainer-holder .transcript {
display: block;
font-size: 14px;
color: #5c6b7f;
margin: 0 0 10px; }
.trainer-holder .word-holder {
margin: 0 0 105px; }
@media (max-width: 767px) {
.trainer-holder .word-holder {
margin: 0 0 50px; } }
.variants-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center; }
@media (max-width: 767px) {
.variants-holder {
max-width: 300px;
margin: 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.variants-holder .btn {
text-transform: none;
margin: 0 20px;
display: block;
width: 100%;
font: 14px/1.2 "Open Sans", Arial, Helvetica, sans-serif;
letter-spacing: 0.5px;
padding: 13px 15px 11px; }
@media (max-width: 767px) {
.variants-holder .btn {
margin: 0 0 15px; } }
.listen-word {
max-width: 240px;
margin: 0 auto;
text-align: center;
padding: 67px 0 43px; }
.listen-word .btn {
display: block;
width: 100%;
text-transform: none;
font: 600 14px/1.2 "Open Sans", Arial, Helvetica, sans-serif; }
.listen-word .btn-listen {
margin: 0 0 41px; }
.listen-word .btn-listen .icon-volume {
margin: -2px 14px 0 0;
font-size: 20px;
line-height: 0.8;
vertical-align: middle; }
.listen-word .btn-listen .text {
display: inline-block;
vertical-align: middle; }
.listen-word .text-box {
font-size: 12px;
line-height: 1.5;
text-align: left;
margin: 0 0 17px;
color: #5c6b7f; }
.listen-word .field-box {
margin: 0 0 30px; }
.listen-word input[type=text] {
text-align: center;
font-size: 16px;
padding: 6px 13px; } .profile-frame {
max-width: 942px;
margin: 32px auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
color: #91a1b7; }
@media (max-width: 767px) {
.profile-frame {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.profile-frame .change-link {
float: right;
color: #1a8fcc;
text-decoration: underline;
font-size: 13px; }
.profile-card {
background: #fff;
width: 358px;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 4px;
margin: 0 1px 0 0;
padding: 26px 30px 30px; }
.profile-card .icon-icon__pro{
font-size: 27px;
margin-bottom: 15px;
display: block;
text-align: center;
}
@media (max-width: 767px) {
.profile-card {
width: 100%;
margin: 0 0 10px; } }
.profile-card .level-block {
overflow: hidden;
font-size: 13px;
border-bottom: 1px solid #edeff0;
padding: 0 0 13px;
margin: 0 0 19px;
width: 100%; }
.profile-card .level-box {
overflow: hidden; }
.profile-card .my-level {
display: block;
color: #374961;
font-size: 20px;
line-height: 1.1; }
.profile-card .points-block {
font-size: 13px;
border-bottom: 1px solid #edeff0;
padding: 0 0 17px;
margin: 0 0 17px; }
.profile-card .points-block p {
margin: 0; }
.profile-card .points-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.profile-card .points-flex .text {
font-size: 10px;
line-height: 1; }
.profile-card .points-value {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 12px 0 0; }
.profile-card .points-value .icon {
width: 18px;
height: 18px;
border-radius: 50%;
background: #f5a623;
color: #fff;
margin: 0 9px 0 0;
display: inline-block;
text-align: center; }
.profile-card .points-value .points {
font-size: 20px;
color: #374961; }
.fly-machine-block {
font-size: 14px;
color: #5c6b7f; }
.fly-machine-block .fly-text {
overflow: hidden;
margin: 0 0 7px; }
.fly-machine-box {
box-shadow: 0 0 6px rgba(182, 182, 182, 0.5);
padding: 26px; }
@media (max-width: 767px) {
.fly-machine-box {
max-width: 300px;
margin: 0 auto; } }
.fly-machine-box .icon-box {
width: 130px;
height: 130px;
border-radius: 50%;
background: #1a8fcc;
color: #fff;
font-size: 70px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.fly-machine-box.green .icon-box {
background: #46d5b5; }
.fly-machine-box.red .icon-box {
background: #f55f51; }
.fly-machine-box.yellow .icon-box {
background: #f5b62b; }
.fly-machine-box.orange .icon-box {
background: #f96502; }
.profile-holder {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
background: #fff;
border-radius: 4px;
padding: 30px; }
.profile-holder .success-block,
.profile-holder .error-block {
margin: 15px 0 0; }
.profile-form {
max-width: 274px;
text-align: center;
margin: 0 auto; }
.profile-form .photo-profile {
margin: 0 0 33px; }
.profile-form .photo-block {
background: #91a1b7;
background-size: cover;
color: #fff;
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 50%;
text-align: center;
font-size: 24px;
line-height: 100px;
margin: 0 auto 22px; }
.profile-form .field-row {
margin: 0 0 29px; }
.profile-form input[type="url"],
.profile-form input[type="search"],
.profile-form input[type="tel"],
.profile-form input[type="email"],
.profile-form input[type="text"],
.profile-form input[type="password"] {
border-width: 0 0 1px;
font-size: 16px;
text-align: center;
border-radius: 0; }
.profile-form .submit-row {
padding: 20px 0 0; }
.upload-box .upload {
text-transform: uppercase;
font-size: 10px;
line-height: 1;
border-color: #c3ccd8;
border-radius: 100px;
position: relative;
color: #92a2b8;
overflow: hidden;
padding: 5px 6px 6px; }
.upload-box .file-input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer; }
.fly-machines-lightbox {
max-width: 1070px;
padding: 14px 15px; }
.fly-machines-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 12px 0; }
.fly-machines-holder .machine-box {
display: inline-block;
width: 20%;
text-align: center;
padding: 20px 10px 29px;
color: #5c6b7f;
font-size: 12px; }
@media (max-width: 767px) {
.fly-machines-holder .machine-box {
width: 25%;
padding: 10px; } }
@media (max-width: 479px) {
.fly-machines-holder .machine-box {
width: 33%;
font-size: 10px; } }
.fly-machines-holder .machine-box:hover {
text-decoration: none;
box-shadow: 0 0 6px rgba(182, 182, 182, 0.5); }
.fly-machines-holder .machine-box.green .icon-box {
background: #46d5b5; }
.fly-machines-holder .machine-box.red .icon-box {
background: #f55f51; }
.fly-machines-holder .machine-box.yellow .icon-box {
background: #f5b62b; }
.fly-machines-holder .machine-box.orange .icon-box {
background: #f96502; }
.fly-machines-holder .machine-box.lock-box .lock {
opacity: 1; }
.fly-machines-holder .machine-box.lock-box .icon-box {
background: #9caabe !important; }
.fly-machines-holder .text-box {
margin: 0 0 9px; }
.fly-machines-holder .title {
font: 600 14px "Open Sans", Arial, Helvetica, sans-serif;
display: block;
color: #374961; }
@media (max-width: 479px) {
.fly-machines-holder .title {
font-size: 12px; } }
.fly-machines-holder .icon-box {
width: 85px;
height: 85px;
border-radius: 50%;
background: #1a8fcc;
color: #fff;
font-size: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto 22px;
position: relative; }
@media (max-width: 767px) {
.fly-machines-holder .icon-box {
font-size: 35px;
width: 60px;
height: 60px;
margin: 0 auto 12px; } }
.fly-machines-holder .lock {
position: absolute;
width: 19px;
height: 19px;
border: 1px solid #fff;
border-radius: 50%;
color: #fff;
font-size: 8px;
text-align: center;
line-height: 16px;
right: 2px;
top: 6px;
background: #9caabe;
opacity: 0; }
.fly-machines-holder .lock .icon {
margin: 0 0 0 3px; }
@media (max-width: 767px) {
.fly-machines-holder .lock {
top: 0;
right: -5px; } } .choose-frame {
text-align: center;
color: #374961;
padding: 55px 0 32px;
font-size: 18px; }
@media (max-width: 767px) {
.choose-frame {
padding: 30px 0; } }
.choose-frame h1 {
font-size: 32px;
text-align: center;
margin: 0 0 15px; }
@media (max-width: 767px) {
.choose-frame h1 {
font-size: 28px; } }
.choose-frame a {
color: #1a8fcc;
text-decoration: underline; }
.choose-frame a:hover {
text-decoration: none; }
.choose-level-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 -13px 0 -20px; }
@media (max-width: 767px) {
.choose-level-holder {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0; } }
.level-block {
background: #fff;
width: 33.3%;
margin: 0 13px 0 20px;
border-radius: 8px;
padding: 28px 30px;
font-size: 12px;
line-height: 1.5; }
@media (max-width: 767px) {
.level-block {
width: 100%;
max-width: 350px;
margin: 0 auto 20px; } }
.level-block .text {
text-align: center;
margin: 0 0 46px; }
.level-block h2 {
font: 600 24px "Open Sans", Arial, Helvetica, sans-serif;
color: #374961;
margin: 0 0 8px; }
@media (max-width: 767px) {
.level-block h2 {
font-size: 20px; } }
.level-block .description {
display: block;
font: 600 12px "Open Sans", Arial, Helvetica, sans-serif;
color: #1a8fcc;
text-transform: uppercase; }
.level-block .icon-level {
width: 140px;
height: 140px;
margin: 0 auto 49px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
font-size: 88px;
background: #1a8fcc; }
.level-block .icon-level.green {
background: #58d9bc; }
.level-block .icon-level.yellow {
background: #f5b62b; }
.level-block .icon-level.orange {
background: #f96502; }
.level-block .icon-level.light-blue {
background: #24b3fd; } 
.level-block .icon-level.coral {
background: #f55f51; }   
.level-block .btn {
display: block;
margin: 0 0 27px; }
.level-block .mark {
background: transparent;
color: #f5a623; }
.level-block p {
margin: 0; }
.level-block .icon-level .icon-icon-movie{
font-size: 53px;
}
.level-block .icon-level .icon-icon-music{
font-size: 66px;
} 
.level-block .icon-level .icon-icon-books{
font-size: 75px;
}
.level-block .icon-level .icon-icon-camera{
font-size: 51px;
}
.level-block .icon-level .icon-icon-page1{
font-size: 67px;
}
.level-block .icon-level .icon-icon-page2{
font-size: 56px;
} .about-block {
margin: 0 0 5px; }
.about-block .author-holder {
float: left;
width: 278px;
margin: 0 83px 0 0;
padding: 20px 0 0 17px; }
@media (max-width: 991px) {
.about-block .author-holder {
margin: 0 30px 0 0; } }
@media (max-width: 767px) {
.about-block .author-holder {
float: none;
margin: 0 auto;
padding: 0; } }
@media (max-width: 479px) {
.about-block .author-holder {
width: 250px; } }
.about-block .author-holder .btn {
display: block;
width: 156px;
padding: 9px 15px;
margin: 0 auto 10px;
text-transform: none; }
.about-block .photo-block {
position: relative;
padding: 20px 10px 67px 14px; }
.about-block .photo-block:before {
content: '';
background: url(//skyenglish.club/wp-content/themes/engskype/images/photo-block-bg.svg) no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.about-block .photo-block .photo-box {
width: 200px;
height: 200px;
border-radius: 50%;
margin: 0 auto;
overflow: hidden; }
@media (max-width: 479px) {
.about-block .photo-block .photo-box {
width: 180px;
height: 180px; } }
.about-block .about-holder {
overflow: hidden;
line-height: 1.6;
padding: 36px 0 19px; }
.about-block .about-holder h1 {
color: #374961; }
.about-block .about-holder .title {
display: block;
font: 700 14px "Open Sans", Arial, Helvetica, sans-serif;
color: #374961;
margin: 0 0 5px; }
.about-block .about-holder p {
margin: 0 0 22px; }
.about-block .about-holder .certificate {
display: block;
margin: 0 0 6px; }
.about-block .about-holder .certificates {
display: inline-block;
margin: 0 0 25px;
font-size: 13px;
text-decoration: underline; }
.about-block .about-holder .certificates:hover {
text-decoration: none; }
.about-block .about-holder .more {
display: inline-block;
color: #1a8fcc;
text-decoration: underline;
cursor: pointer; }
.about-block .about-holder .more:hover {
text-decoration: none; }
.about-link-block {
margin: 0 0 5px; }
.link-block {
display: block;
position: relative;
padding: 21px 30px;
font: 600 18px "Open Sans", Arial, Helvetica, sans-serif;
margin: -21px -30px; }
.link-block:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 6px;
border-color: transparent transparent transparent #5c6b7f;
position: absolute;
top: 50%;
right: 30px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%); }
.link-block:hover {
text-decoration: none;
color: #f5a623; }
.link-block:hover:after {
border-color: transparent transparent transparent #f5a623; }
.contact-form {
font-size: 14px; }
.contact-form h3 {
font: 20px "Open Sans", Arial, Helvetica, sans-serif;
text-align: center;
color: #374961;
margin: 3px 0 32px; }
.contact-form .input-row {
margin: 0 0 17px; }
.contact-form label {
display: block;
margin: 0 4px 8px;
cursor: pointer;
color: #374961; }
.contact-form input[type=url],
.contact-form input[type=search],
.contact-form input[type=tel],
.contact-form input[type=email],
.contact-form input[type=text],
.contact-form input[type=password] {
padding: 9px 15px 8px;
font-size: 14px; }
.contact-form textarea {
height: 82px; }
.contact-form .buttons-row {
text-align: center;
padding: 12px 0 5px; }
.contact-form .buttons-row .btn {
font: 600 14px "Open Sans", Arial, Helvetica, sans-serif; } .back-box {
padding: 31px 0 29px; }
.back-box .btn {
float: right;
margin: 0 0 0 20px; }
.back-box .box {
overflow: hidden; }
.back-box .back-link {
margin: 6px 0; }
.courses {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.courses .btn-box {
width: 100%;
text-align: center;
padding: 11px 0; }
.course-block {
width: calc(33.3% - 43px);
margin: 0 13px 30px 20px;
overflow: hidden;
border-radius: 4px;
position: relative;
font-size: 14px;
line-height: 1.6; }
@media (max-width: 767px) {
.course-block {
width: 100%;
max-width: 350px;
margin: 0 auto 20px; } }
.course-block.green .head-box {
background: #46d5b5; }
.course-block.green .destination {
color: #46d5b5; }
.course-block.orange .head-box {
background: #f96502; }
.course-block.orange .destination {
color: #f96502; }
.course-block.blue2 .head-box {
background: #1a8fcc; }
.course-block.blue2 .destination {
color: #1a8fcc; }
.course-block.yellow .head-box {
background: #f5b62b; }
.course-block.yellow .destination {
color: #f5b62b; }
.course-block.red .head-box {
background: #f55f51; }
.course-block.red .destination {
color: #f55f51; }
.course-block .head-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 10px;
background: #1a8fcc; }
.course-block h2 {
font: 700 24px/1.25 "Open Sans", Arial, Helvetica, sans-serif;
margin: 0 0 9px; }
@media (max-width: 767px) {
.course-block h2 {
font-size: 20px; } }
.course-block .destination {
display: block;
font-size: 12px;
color: #1a8fcc;
margin: 0 0 17px; }
.course-block p {
margin: 0 0 4px; }
@media (max-width: 991px) {
.course-block p {
text-align: justify; } } .prices {
margin: 0 0 0 -20px; }
.price-block {
width: calc(33.3% - 30px);
padding: 37px 30px 46px;
margin: 0 0 30px 20px;
overflow: hidden;
border-radius: 4px;
position: relative;
font-size: 12px;
line-height: 1.5;
text-align: center;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }
@media (max-width: 767px) {
.price-block {
width: 100%;
max-width: 350px;
margin: 0 auto 20px; } }
.price-block h2 {
color: #1a8fcc;
font: 700 24px "Open Sans", Arial, Helvetica, sans-serif;
margin: 0 0 9px; }
.price-block .description {
font: 11px "Open Sans", Arial, Helvetica, sans-serif;
color: #4a576c;
margin: 0 0 32px; }
@media (max-width: 767px) {
.price-block .description {
margin: 0 0 20px; } }
.price-block .price {
font: 800 54px/1 "Open Sans", Arial, Helvetica, sans-serif;
display: block;
color: #374961;
margin: 0 0 2px; }
@media (max-width: 767px) {
.price-block .price {
font-size: 40px; } }
.price-block .currency {
display: block;
font: 600 16px/1 "Open Sans", Arial, Helvetica, sans-serif;
color: #374961;
margin: 0 0 41px; }
@media (max-width: 767px) {
.price-block .currency {
margin: 0 0 20px; } }
.price-block .text {
max-width: 270px;
margin: 0 auto; }
.price-block .hover-price {
position: absolute; left: 0;
top: 0; width: 100%;
height: 100%;
background: url(//skyenglish.club/wp-content/themes/engskype/images/bg-hover-price.jpg) no-repeat center;
background-size: cover;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 50px 30px 20px; }
@media (max-width: 767px) {
.price-block .hover-price {
padding: 30px; } }
.price-block .hover-price .img-box {
max-width: 114px;
margin: 0 auto 47px; }
@media (max-width: 767px) {
.price-block .hover-price .img-box {
margin: 0 0 20px; } }
.price-block .hover-price .btn {
font: 600 13px "Open Sans", Arial, Helvetica, sans-serif;
text-transform: none;
width: 156px;
display: block;
margin: 0 auto;
padding: 7px 15px 9px; }
.price-block > *:not(.hover-price) {
opacity: 1;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out; } .level-test-block {
max-width: 750px;
margin: 0 auto; }
.level-test-block .title {
padding: 27px 0;
text-align: center;
font-size: 18px; }
.level-test-block .title p {
margin: 4px 0 0; }
.level-test-block .mark {
color: #1a8fcc;
background: transparent; }
.level-test-block h1 {
font: 32px "Open Sans", Arial, Helvetica, sans-serif;
text-align: center;
margin: 0; }
.level-test-block .head-block {
margin: 0 -30px 20px; }
.level-test-block .head-block h3 {
font-weight: 600;
color: #374961; }
.level-test-block .error-block .title,
.level-test-block .success-block .title {
padding: 5px 0; }
#player img {
width: 100%;
max-width: none; }
.customplayer-wrap {
margin: 0 0 41px; }
.test-answers-wrap {
color: #374961;
font-size: 15px;
max-width: 400px;
margin: 0 auto; }
.test-answers-wrap .answers {
margin: 0; }
.test-answers-wrap .field-box {
margin: 0 2px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 767px) {
.test-answers-wrap .field-box {
margin: 0; } }
.test-answers-wrap label {
cursor: pointer; }
.test-answers-wrap .fake-radio-box .fake-radio {
border-color: #91a1b7; }
.test-answers-wrap .icon-check {
display: inline-block;
vertical-align: middle;
width: 6px;
height: 12px;
border: solid #3fcea3;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: 0 25px 0 0; }
.test-answers-wrap .icon-error {
display: inline-block;
vertical-align: top;
margin: 0 16px 0 0; }
.test-answers-wrap .exercises-list {
padding: 10px 0 49px; }
.test-answers-wrap .exercises-list li:before {
display: none; }
.test-answers-wrap .error-block {
margin: 15px 38px; }
.test-answers-wrap .error-block .icon-error {
float: left; }
.test-answers-wrap .error-block .answer {
text-align: center; }
.test-answers-wrap .success-block .icon-check {
float: left; }
.test-answers-wrap .success-block .answer {
text-align: center; }
.test-answers-wrap .buttons {
text-align: center; }
.buttons .btn {
text-transform: none;
width: 160px;
padding: 9px 15px;
margin: 0 20px 10px 0; }
.buttons .btn:last-child {
margin: 0 0 10px; }
@media (max-width: 479px) {
.buttons .btn {
width: auto;
min-width: 110px; } }
.congratulate-holder {
text-align: center;
padding: 37px 0 26px;
font-size: 14px; }
.congratulate-holder .icon-box {
max-width: 100px;
margin: 0 auto 41px;
color: #f5a623;
font-size: 50px; }
.congratulate-holder h2 {
font-size: 24px;
color: #374961;
margin: 0 0 44px; }
.congratulate-holder .your-level {
display: block;
font: 700 28px/1 "Open Sans", Arial, Helvetica, sans-serif;
color: #1a8fcc;
margin: 0 0 5px; }
.congratulate-holder .text {
font-size: 12px;
color: #5c6b7f;
margin: 0 0 72px; }
.congratulate-holder .btn {
margin: 0 0 23px; }
.congratulate-holder .link {
text-decoration: underline; }
.congratulate-holder .link:hover {
text-decoration: none; }
.accordion {
margin: 0;
padding: 0;
list-style: none;
box-shadow: 0 0 6px 0 rgba(191, 196, 203, 0.5);
background: #fff; }
.accordion li.active .opener {
background: rgba(245, 74, 93, 0.02); }
.accordion li.active .opener:after {
border-width: 0 5px 5px 5px;
border-color: transparent transparent #91a1b7 transparent; }
.accordion li.success .opener:before {
width: 6px;
height: 12px;
border: solid #3fcea3;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.accordion li.error .opener:before {
content: "\e90e";
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #f92d38;
font-size: 16px;
width: 16px;
height: 16px;
left: 31px; }
@media (max-width: 767px) {
.accordion li.error .opener:before {
left: 10px; } }
.accordion .opener {
display: block;
font: 600 18px/1.2 "Open Sans", Arial, Helvetica, sans-serif;
color: #374961;
padding: 25px 40px 24px 70px;
position: relative;
border-bottom: 1px solid #edeff0; }
@media (max-width: 767px) {
.accordion .opener {
font-size: 14px;
padding: 15px 25px 15px 45px; } }
@media (max-width: 479px) {
.accordion .opener {
font-size: 12px; } }
.accordion .opener:hover {
color: #1a8fcc;
text-decoration: none; }
.accordion .opener:before, .accordion .opener:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%);
margin: -5px 16px 0 0; }
.accordion .opener:before {
left: 32px; }
@media (max-width: 767px) {
.accordion .opener:before {
left: 15px; } }
.accordion .slide {
padding: 25px 30px; }
.accordion .error-block {
font-size: 14px;
max-width: 514px;
margin: 15px 0 0; }
.accordion .error-block .title {
padding: 0;
font-size: 14px;
text-align: left; }
.accordion .success-block {
font-size: 14px;
max-width: 514px;
margin: 15px 0 0; }
.accordion .success-block .title {
padding: 0;
font-size: 14px;
text-align: left; }
.accordion .exercises-list li {
padding: 0; }
#test-full-list-answers .accordion .opener:after {
display: block; } .account-section .image-block {
max-width: 116px;
margin: 0 auto 5px; }
.account-section .image-block img {
-webkit-transform: rotate(18deg);
transform: rotate(18deg); }
.account-section .text-holder {
max-width: 600px;
margin: 0 auto; }
.account-section h2 {
line-height: 1.3; }
.account-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 36px 0 83px; }
@media (max-width: 767px) {
.account-holder {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px 0; } }
.account-holder .account-block {
width: 33.3%;
background: #e4e7ec;
border-radius: 4px;
box-shadow: 0 0 18px rgba(222, 222, 222, 0.5);
margin: 0 0 0 30px;
text-align: center;
padding: 10px; }
@media (max-width: 767px) {
.account-holder .account-block {
width: 100%;
max-width: 500px;
margin: 0 auto 15px; } }
.account-holder .account-block:first-child {
margin: 0; }
@media (max-width: 767px) {
.account-holder .account-block:first-child {
margin: 0 auto 15px; } }
.account-holder .account-block .account-box {
padding: 28px 30px 41px;
background: #fff;
height: 100%;
border-radius: 4px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
font-size: 12px;
line-height: 1.5; }
.account-holder .account-block .popular {
background: #f5a623;
color: #fff;
position: absolute;
top: 1px;
right: -47px;
font: 700 14px/1.1 "Open Sans", Arial, Helvetica, sans-serif;
-webkit-transform: rotate(38deg);
transform: rotate(38deg);
text-transform: uppercase;
min-width: 180px;
margin: 6px 0 0;
padding: 15px 10px;
text-align: center; }
.account-holder .account-block .rate {
color: #1a8fcc;
font: 700 12px/1.3 "Open Sans", Arial, Helvetica, sans-serif;
display: block;
text-transform: uppercase; }
.account-holder .account-block .duration {
font: 700 24px "Open Sans", Arial, Helvetica, sans-serif;
color: #374961;
display: block;
margin: 0 0 43px; }
.account-holder .account-block .price {
display: block;
font: 800 38px "Open Sans", Arial, Helvetica, sans-serif;
color: #374961;
margin: 0 0 13px; }
.account-holder .account-block .price .amount {
display: block;
font-size: 54px;
line-height: 0.4;
margin: 0 0 -8px; }
.account-holder .account-block .price .currency {
font: 600 16px/1 "Open Sans", Arial, Helvetica, sans-serif; }
.account-holder .account-block .text {
margin: 0 0 16px; }
.account-holder .icon-check {
margin: 0 auto;
background: #4fd520;
width: 36px;
height: 36px;
border-radius: 50%;
position: relative;
display: block; }
.account-holder .icon-check:before {
content: '';
position: absolute;
width: 10px;
height: 15px;
border: solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(43deg);
transform: rotate(43deg);
top: 9px;
left: 13px; }
.about-accounts {
color: #374961;
padding: 0 0 49px; }
.about-accounts h2 {
text-align: center;
margin: 0 0 76px; }
.account-table {
width: 100%;
border: 1px solid #d5dbe3;
border-radius: 4px;
box-shadow: 0 0 18px rgba(222, 222, 222, 0.5);
border-collapse: collapse;
font-size: 16px;
margin: 0 0 10px; }
@media (max-width: 767px) {
.account-table {
font-size: 12px; } }
.account-table th,
.account-table td {
background: #fff;
border: none;
text-align: center;
vertical-align: middle;
width: 25.75%;
padding: 12px 5px; }
@media (max-width: 767px) {
.account-table th,
.account-table td {
padding: 7px 5px; } }
.account-table th:nth-child(even),
.account-table td:nth-child(even) {
background: rgba(54, 73, 97, 0.05); }
.account-table th:first-child,
.account-table td:first-child {
width: 48.5%; }
.account-table th {
border-bottom: 1px solid #d5dbe3;
font-weight: 600;
padding: 23px 5px 22px; }
@media (max-width: 767px) {
.account-table th {
padding: 7px 5px; } }
.account-table tbody tr:first-child td {
padding: 39px 5px 12px; }
@media (max-width: 767px) {
.account-table tbody tr:first-child td {
padding: 7px 5px; } }
.account-table tbody tr:last-child td {
padding: 12px 5px 39px; }
@media (max-width: 767px) {
.account-table tbody tr:last-child td {
padding: 7px 5px; } }
.account-table .icon-pro-account {
font-size: 34px;
margin: -48px 0 28px;
display: block; }
@media (max-width: 767px) {
.account-table .icon-pro-account {
font-size: 15px;
margin: 0 0 10px; } }
.account-table .pro {
display: block;
font: 700 20px/1 "Open Sans", Arial, Helvetica, sans-serif; }
@media (max-width: 767px) {
.account-table .pro {
font-size: 12px; } } .leader-holder {
padding: 31px 0 0; }
@media (max-width: 767px) {
.leader-holder {
padding: 20px 0 0; } }
.leader-board-head {
background: #fff;
border-radius: 4px;
margin: 0 0 12px;
font-size: 12px;
text-transform: uppercase;
overflow: hidden;
padding: 19px 21px 21px; }
@media (max-width: 767px) {
.leader-board-head {
font-size: 10px;
padding: 10px 15px; } }
.leader-board-head .filter-list {
margin: 0 -15px 0 0;
padding: 0;
list-style: none;
letter-spacing: -0.3em;
float: right; }
@media (max-width: 767px) {
.leader-board-head .filter-list {
margin: 0; } }
.leader-board-head .filter-list li {
display: inline-block;
vertical-align: top;
letter-spacing: 0; }
.leader-board-head .filter-list li.active a {
text-shadow: 1px 0 0 #1a8fcc;
color: #1a8fcc; }
.leader-board-head .filter-list li.active a:after {
opacity: 1; }
.leader-board-head .filter-list a {
color: #5c6b7f;
padding: 0 23px;
display: inline-block;
vertical-align: top;
position: relative; }
@media (max-width: 767px) {
.leader-board-head .filter-list a {
padding: 0 5px; } }
.leader-board-head .filter-list a:after {
content: '';
position: absolute;
bottom: -22px;
left: 0;
width: 100%;
height: 4px;
background: #1a8fcc;
opacity: 0;
-webkit-transition: opacity .3s ease-out;
transition: opacity .3s ease-out; }
.leader-board-head .filter-list a:hover {
text-decoration: none;
text-shadow: 1px 0 0 #1a8fcc;
color: #1a8fcc; }
.leader-board-head .filter-list a:hover:after {
opacity: 1; }
.leader-board-head .head-title {
overflow: hidden; }
.leader-board-head .head-title .icon {
font-size: 18px;
display: inline-block;
vertical-align: middle;
color: #f5a623;
margin: 0 26px 0 0; }
@media (max-width: 767px) {
.leader-board-head .head-title .icon {
margin: 0 10px 0 0; } }
.leader-board-head h5 {
margin: 0;
color: #374961;
display: inline-block;
vertical-align: middle; }
.leaders-list {
margin: 0;
padding: 0;
list-style: none;
counter-reset: newCounter;
overflow: auto;
max-height: calc(100vh - 233px); }
.leaders-list .leader-person .icon-icon__pro{
display: inline-block;
vertical-align: middle;
font-size: 23px;
margin-left: 10px;
}
@media (max-width: 767px) {
.leaders-list {
font-size: 12px;
max-height: calc(100vh - 195px); } }
.leaders-list li {
background: #fff;
border-top: 1px solid #edeff0;
padding: 13px 29px 10px 66px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative; }
@media (max-width: 767px) {
.leaders-list li {
padding: 10px 12px 10px 42px; } }
.leaders-list li:before {
counter-increment: newCounter;
content: counters(newCounter, ".") ".";
position: absolute;
left: 26px;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
font: 600 12px/1 "Open Sans", Arial, Helvetica, sans-serif; }
@media (max-width: 767px) {
.leaders-list li:before {
left: 13px; } }
.leaders-list li .count {
position: absolute;
left: 26px;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
font: 600 12px/1 "Open Sans", Arial, Helvetica, sans-serif; }
@media (max-width: 767px) {
.leaders-list li .count {
left: 13px; } }
.leaders-list li:first-child {
border: none; }
.leaders-list li.first {
background: #fcf3e4; }
.leaders-list li.second {
background: #fdf8ee; }
.leaders-list li.third {
background: #fffcf6; }
.leaders-list .icon {
position: absolute;
top: 50%;
left: 20px;
-webkit-transform: translate(0, -51%);
transform: translate(0, -51%); }
@media (max-width: 767px) {
.leaders-list .icon {
left: 10px; } }
.leaders-list .photo {
width: 36px;
height: 36px;
border-radius: 50%;
margin: 0 18px 0 0;
display: inline-block;
vertical-align: middle;
overflow: hidden;
background: #91a1b7;
color: #fff;
font: 600 14px/36px "Open Sans", Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase; }
.leaders-list .photo img {
width: 100%; }
.leaders-list .points-box {
font-size: 14px; }
@media (max-width: 767px) {
.leaders-list .points-box {
font-size: 12px; } }
.leaders-list .points-box p {
margin: 0; }
.leaders-list .points-box .amount {
font: 800 16px "Open Sans", Arial, Helvetica, sans-serif;
color: #374961;
display: inline-block;
vertical-align: top;
margin: 0 10px 0 0; }
@media (max-width: 767px) {
.leaders-list .points-box .amount {
font-size: 14px; } } .testimonials-holder .back-box .box {
float: left; }
.testimonials-holder .back-box h2 {
overflow: hidden;
text-align: center;
font-size: 32px; }
@media (max-width: 479px) {
.testimonials-holder .back-box h2 {
text-align: right; } }
.testimonials-holder .btn-box {
padding: 30px 38px; }
@media (max-width: 479px) {
.testimonials-holder .btn-box {
text-align: center; } }
.testimonials-holder .btn-box .btn {
padding: 9px 25px 9px 21px; }
.testimonial-block {
background: #fff;
border-radius: 4px;
padding: 34px 38px;
overflow: hidden;
margin: 0 0 1px; }
.testimonial-block .photo {
float: left;
width: 140px;
height: 140px;
border-radius: 50%;
overflow: hidden;
margin: 8px 54px 0 0; }
@media (max-width: 767px) {
.testimonial-block .photo {
width: 90px;
height: 90px;
margin: 5px 20px 0 0; } }
@media (max-width: 479px) {
.testimonial-block .photo {
float: none;
display: block;
margin: 0 auto 10px; } }
.testimonial-block .photo img {
width: 100%;
max-width: none; }
.testimonial-block .testimonial-text {
overflow: hidden;
line-height: 1.7; }
@media (max-width: 479px) {
.testimonial-block .testimonial-text {
text-align: justify; } }
.testimonial-block .info {
margin: 0 0 20px; }
@media (max-width: 479px) {
.testimonial-block .info {
text-align: center; } }
.testimonial-block .name {
display: block;
font: 600 24px/1.5 "Open Sans", Arial, Helvetica, sans-serif;
margin: 0 0 7px;
color: #374961; }
.testimonial-block .post {
display: block;
font: 600 12px/1.5 "Open Sans", Arial, Helvetica, sans-serif;
color: #91a1b7;
margin: 0 0 7px; }
.testimonial-block p {
margin: 0 0 7px; }
.testimonial-block a {
text-decoration: underline; }
.testimonial-block a:hover {
text-decoration: none; }
#subtitles-text {
height: 200px;
overflow-y: auto; }
#subtitles-text span {
display: block; }
.hint-box {
background: url(//skyenglish.club/wp-content/themes/engskype/images/bg-hint.png) no-repeat;
max-width: 250px;
border-radius: 20px;
color: #fff;
position: absolute;
bottom: 100%;
left: 50%;
-webkit-transform: translate(5%, 0);
transform: translate(5%, 0);
font-size: 12px;
text-align: center;
z-index: 999;
border: 2px solid #fff; }
.hint-box:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 5px 0 5px;
border-color: #1a8fcc transparent transparent transparent;
left: 50%;
top: 90%;
z-index: 998; }
.hint-box:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 32px 7px 0 7px;
border-color: #fff transparent transparent transparent;
z-index: 997;
top: 90%;
left: 50%;
margin: 0 0 0 -2px; }
.hint-box.top-right-box {
bottom: 58%; }
.hint-box.bottom-right-box {
bottom: -30px;
left: auto;
right: 13%; }
@media (max-width: 767px) {
.hint-box.bottom-right-box {
right: 3%; } }
@media (max-width: 479px) {
.hint-box.bottom-right-box {
right: 2.5%; } }
.hint-box.bottom-center-box {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
bottom: 27%; }
.hint-box.bottom-left-box {
bottom: 24%;
left: 12%; }
.hint-box.right-box {
left: auto;
right: 0;
bottom: 50%;
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%); }
@media (max-width: 767px) {
.hint-box.mobile-bottom-box {
right: auto;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
top: calc(100% + 35px);
bottom: auto; } }
.hint-box.top-arrow:before {
border-width: 0 5px 30px 5px;
border-color: transparent transparent #1a8fcc transparent;
top: -30px; }
.hint-box.top-arrow:after {
border-width: 0 7px 32px 7px;
top: -30px;
border-color: transparent transparent #fff transparent; }
.hint-box.bottom-left-arrow:before, .hint-box.bottom-left-arrow:after {
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
left: 13%; }
.hint-box.bottom-left-arrow:after {
margin: 0 0 0 -3px; }
.hint-box.bottom-right-arrow:before, .hint-box.bottom-right-arrow:after {
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
left: 87%; }
.hint-box.bottom-right-arrow:after {
margin: 0 -3px 0 0; }
.hint-box.left-arrow:before {
border-width: 5px 30px 5px 0;
border-color: transparent #1a8fcc transparent transparent;
left: -28px;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%); }
.hint-box.left-arrow:after {
border-width: 7px 32px 7px 0;
border-color: transparent #fff transparent transparent;
left: -30px;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%); }
@media (max-width: 767px) {
.hint-box.mobile-top-arrow:before {
border-width: 0 5px 30px 5px;
border-color: transparent transparent #1a8fcc transparent;
top: -28px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
.hint-box.mobile-top-arrow:after {
border-width: 0 7px 32px 7px;
border-color: transparent transparent #fff transparent;
top: -30px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0); } }
@media (max-width: 379px) {
.hint-box.mobile-hidden {
display: none; } }
.hint-box .hint-block {
background: #1a8fcc;
padding: 12px 22px 12px 10px;
position: relative;
z-index: 999;
border-radius: 18px; }
.hint-box p {
margin: 0; }
.hint-box .hint-close {
position: absolute;
top: -3px;
right: -3px;
color: #1a8fcc;
font-size: 7px;
cursor: pointer;
width: 15px;
height: 15px;
border-radius: 50%;
background: #fff;
z-index: 2;
text-align: center;
line-height: 13px; }
.hint-box .hint-close:before {
color: #1a8fcc; }
.hint-box .hint-close:hover {
color: #000; }
.hint-box .hint-close:hover:before {
color: #000; }
.show-subtitles-box {
margin: 0 auto;
max-width: 853px; }
.show-subtitles-box .show-subtitles {
display: inline-block;
position: relative;
padding: 0 240px 0 0;
font-weight: 700; }
@media (max-width: 767px) {
.show-subtitles-box .show-subtitles {
padding: 0; }
.show-subtitles-box .show-subtitles .hint-box.bottom-right-box {
right: auto;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
top: calc(100% + 35px);
bottom: auto; } }
.show-subtitles-box a {
color: #f5a623; }
.show-subtitles-box .hint-box.bottom-right-box {
right: 0;
bottom: 50%;
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%); } .contact-holder {
position: fixed;
top: 20%;
left: -300px;
width: 300px;
-webkit-transition: left .3s ease-out;
transition: left .3s ease-out;
background: #fff;
padding: 15px 20px;
border-radius: 0 22px 22px 0;
border: solid #1a8fcc;
border-width: 2px 2px 2px 0;
z-index: 2; }
@media (max-width: 767px) {
.contact-holder {
width: 280px;
left: -280px; } }
.contact-holder .contact-btn {
position: absolute;
top: 50%;
right: -74px;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate(0, -50%) rotate(90deg);
transform: translate(0, -50%) rotate(90deg);
border-radius: 22px 22px 0 0;
padding: 9px 20px; }
.contact-visible .contact-holder {
left: 0; } .push {
height: 60px; }
.footer {
height: 60px;
text-align: center;
background: #fff; }
.footer.simple {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 7px 0 0; }
.footer .leaders-list {
max-height: none;
overflow: hidden;
text-align: left; }
.footer .leaders-list li:before {
display: none; }
.leader-footer {
box-shadow: 0 -6px 13px 0 rgba(205, 205, 205, 0.5);
position: relative; }
.leader-footer .leader-holder {
padding: 0; }
#cboxCurrent {
bottom: -2px !important;
font-size: 22px;
color: #374961; }
#colorbox,
#cboxOverlay,
#cboxWrapper {
overflow: visible !important; }
#cboxContent {
background: transparent; }
#cboxLoadedContent {
background: transparent; }
#cboxLoadedContent {
position: relative; }
.single-uvocabulary .cboxPhoto,
.single-vocabulary .cboxPhoto {
max-width: 300px;
height: auto !important;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 0 !important; }
.single-uvocabulary #cboxTitle,
.single-vocabulary #cboxTitle {
bottom: -48px;
top: auto;
font-size: 40px;
left: 0;
right: 0;
text-align: center; }
@media (max-width: 767px) {
.single-uvocabulary #cboxTitle,
.single-vocabulary #cboxTitle {
font-size: 32px;
bottom: -40px; } }
#cboxTitle {
text-align: center; }
.navigation {
overflow: hidden;
padding: 0 0 20px; }
.css-fbl {
max-width: none;
border-radius: 22px;
text-transform: uppercase;
font-size: 13px; }
.more-text .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px; }
.more-text .col {
width: 50%;
padding: 0 15px 15px; }
@media (max-width: 767px) {
.more-text .col {
width: 100%; } }
.more-text .col .colorbox-opener {
display: block;
margin: 0 0 10px; }
.more-text .title {
text-align: center; }
#autocomplete-res > ul {
border: solid #91a1b7;
border-width: 0 1px 1px 1px;
margin: -5px 0 0;
padding: 5px 0 0;
border-radius: 0 0 4px 4px;
list-style: none; }
#autocomplete-res a {
display: block;
padding: 8px 19px 9px;
color: #91a1b7; }
#autocomplete-res a:hover {
color: #fff;
background: #1a8fcc;
text-decoration: none; }
.edit-vac-field,
.save-vac-block,
.edit_vac_field,
.cancel-vac-block {
font-size: 11px;
display: inline-block;
margin: 0 10px 0 0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out; }
.edit-vac-field:hover,
.save-vac-block:hover,
.edit_vac_field:hover,
.cancel-vac-block:hover {
text-decoration: none;
color: #f5a623; }
.vac-field .img-placeholder {
width: 150px;
height: 150px;
border-radius: 50%;
overflow: hidden;
background: #edeff0;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 15px; }
.vac-field .img-placeholder .edit-vac-field {
margin: 0; }
.edit-vac-block {
text-align: center; }
.save-vac-block {
background: #46d5b5;
color: #fff;
display: inline-block;
vertical-align: top;
padding: 3px 5px;
margin: 5px 3px;
border: 1px solid #46d5b5;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out; }
.save-vac-block:hover {
background: #fff;
color: #46d5b5; }
.cancel-vac-block {
background: #f55f51;
color: #fff;
display: inline-block;
vertical-align: top;
padding: 3px 5px;
margin: 5px 3px;
border: 1px solid #f55f51;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out; }
.cancel-vac-block:hover {
background: #fff;
color: #f55f51; }
.table-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px 32px;
font-size: 15px;
font-weight: 700;
background: #fff; }
@media (max-width: 767px) {
.table-header {
display: none; } }
.table-header .col {
width: 25%; }
.table-header .col:last-child {
text-align: center;
margin: 0 22px 0 0; }
.meta-holder .btn-description {
float: right;
margin: 21px 0 18px 15px; }
.description-carousel .slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
@media (max-width: 767px) {
.description-carousel .slide {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.description-carousel .image-description {
width: 65%;
height: 100%;
padding: 0 10px; }
@media (max-width: 767px) {
.description-carousel .image-description {
width: 100%;
height: auto;
margin: 0 0 10px; } }
.description-carousel .image-description img {
display: block;
margin: 0 auto;
width: 100%;
height: auto; }
.description-carousel .text-description {
width: 35%;
padding: 0 75px 0 30px; }
@media (max-width: 767px) {
.description-carousel .text-description {
width: 100%;
padding: 0; } } .delete-popup {
text-align: center; }
.delete-popup p {
margin: 0 0 20px; }
.delete-popup .buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.delete-popup .buttons .btn {
width: 45%; }
.placeholder {
display: inline-block;
min-width: 150px;
height: 25px;
font-size: 15px;
line-height: 1;
padding: 3px 10px;
vertical-align: top;
background: #edeff0;
border: 1px dashed #5c6b7f;
border-radius: 5px; }
.content-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 21px 0 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.content-box .back-link {
margin: 0; }
.content-box h1,
.content-box h2,
.content-box h3,
.content-box h4,
.content-box h5,
.content-box h6 {
margin: 0; }
#autocomplete-wrapper {
position: relative; }
#autocomplete-wrapper #autocomplete-res {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
z-index: 2; }
.button-box {
padding: 18px 0;
text-align: center; }
.popup-holder {
font-weight: 700;
position: relative; }
.popup-holder .opener-block {
background: #fff;
border-radius: 22px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 1px solid #f5a623; }
.popup-holder .opener-block .open {
padding: 0 10px;
width: 35px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0 20px 20px 0; }
.popup-holder .opener-block .open span {
display: block;
text-indent: -9999px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #f5a623 transparent transparent transparent; }
.popup-holder .opener-block .open:hover {
background: #fff; }
.popup-holder .opener-block .open:hover span {
border-color: #f5a623 transparent transparent transparent; }
.popup-holder .opener-block .btn {
border-radius: 20px 0 0 20px; }
.popup-holder .slide-block {
display: none;
border: 1px solid #f5a623;
border-radius: 0 0 22px 22px;
padding: 1px 0 0;
margin: -1px 0 0;
overflow: hidden;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff; }
.popup-holder .slide-block a {
padding: 9px 16px;
display: block;
color: #f5a623; }
.popup-holder.popup-active .opener-block {
border-radius: 22px 22px 0 0; }
.popup-holder.popup-active .opener-block .open {
border-radius: 0 20px 0 0; }
.popup-holder.popup-active .btn {
border-radius: 20px 0 0; }
.chart-block {
z-index: 9;
margin: 0 0 10px;
position: relative; }
.chart-block .line-chart {
position: relative;
border-radius: 4px;
overflow: hidden; }
.chart-block .text-area {
font-weight: 600;
position: absolute;
top: 50%;
left: 50%;
color: #fff;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
white-space: nowrap; }
.chart-block .text-area p {
margin: 0; }
.sitemap-frame {
padding: 40px 0; }
.sitemap-holder {
padding: 0 0 20px;
overflow: hidden;
margin: 0 -30px; }
@media (max-width: 767px) {
.sitemap-holder {
margin: 0; } }
.sitemap-holder h3 {
margin: 0 0 20px; }
.sitemap-holder .col {
float: left;
width: 33.33%;
padding: 0 30px; }
@media (max-width: 767px) {
.sitemap-holder .col {
float: none;
width: 100%;
padding: 0 0 30px; } }
.sitemap-holder .label {
display: inline-block;
vertical-align: top;
word-break: break-all;
font-size: 10px;
line-height: 1;
color: #fff;
background: #015c8b;
border-radius: 3px;
padding: 5px 10px; }
.sitemap-holder .label.mark {
background: #f96502; }
.sitemap {
margin: 0 0 20px;
padding: 0;
font-size: 14px;
font-weight: 600;
line-height: 1.3;
list-style: none;
color: #015c8b; }
.sitemap li {
padding: 0 0 5px 10px;
position: relative; }
.sitemap li:before {
content: '';
position: absolute;
top: 7px;
left: 0;
width: 4px;
height: 4px;
border-radius: 50%;
background: #5c6b7f; }
.sitemap a {
color: #015c8b; }
.sitemap a:hover {
text-decoration: none;
color: #1a8fcc; }
.sitemap .mark {
color: #f5a623; }
.sitemap .mark a {
color: #f96502; }
.sitemap .mark a:hover {
text-decoration: none;
color: #1a8fcc; }
.sitemap .passed {
color: #46d5b5; }
.sitemap .passed a {
color: #46d5b5; }
.sitemap .passed:before {
width: 12px;
height: 6px;
border: solid #46d5b5;
border-width: 2px 2px 0 0;
-webkit-transform: rotate(120deg);
transform: rotate(120deg);
background: transparent;
border-radius: 0;
left: -5px;
top: 5px; }