@font-face {
font-family: 'Montserrat Light';
font-style: normal;
font-weight: normal;
src: local('/App_Themes/fonts/Montserrat Light'), url('/App_Themes/fonts/Montserrat-Light.woff') format('woff');
}
@font-face {
font-family: 'Montserrat Regular';
font-style: normal;
font-weight: normal;
src: local('/App_Themes/fonts/Montserrat Regular'), url('/App_Themes/fonts/Montserrat-Regular.woff') format('woff');
}
@font-face {
font-family: 'AmaticSC-Regular';
font-style: normal;
font-weight: normal;
src: local('/App_Themes/fonts/AmaticSC-Regular'), url('/App_Themes/fonts/AmaticSC-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'mistral';
    font-style: normal;
    font-weight: normal;
    src: local('/App_Themes/fonts/mistral'), url('/App_Themes/fonts/mistral.ttf') format('truetype');
}
@font-face {
    font-family: 'flags-color-world';
    font-style: normal;
    font-weight: normal;
    src: local('/App_Themes/fonts/flags color world'), url('/App_Themes/fonts/flags color world.ttf') format('truetype');
}

body {
    /* nie pozwól na zaznaczenia */
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

.globoWidth {
    width: 177px;
    height: 120px;
    display: block;
}
.AmaticXXXL {
    /*font-size: xxx-large;*/
    font-size: 3.7rem;
    font-family: AmaticSC-Regular;
}
.Load > span {
    overflow-x: hidden;
    height: 50px;
    width: 770px;
    overflow-y: hidden;
    display: flex;
    float:left
}
.AmaticXXL {
    font-size: xx-large;
    font-family: AmaticSC-Regular;
}
.AmaticXL {
    font-size: x-large;
    font-family: AmaticSC-Regular;
}
.AmaticL {
    font-size: large;
    font-family: AmaticSC-Regular;
}
.AmaticS {
    font-size: small;
    font-family: AmaticSC-Regular;
}
.dAnswerRemove { cursor:pointer;
}
.ui-icon-trash {
    cursor: pointer;
} 
.CorrectPX {
    font-weight: bolder;
    font-size: 16px;
    color: #fff;
    float: left;
    width: 120px;
    display: none;
}
.Gray{
   color: #999;
}
.ImageMask {
    width: 100%;
    height: 100%;
    position: relative;
}
.LessonFinish {
    width: 600px;
    margin: 60px auto 0 auto;
}
.LessonFinishHeader{
    Width:100%;
    height:80px;
    background:#fff;
    border-top-left-radius:13px;
    border-top-right-radius:13px;
}
.LessonFinishPadlock {
    width:160px;
    height:150px;
    float:left;
    /*background:red;*/

}

.MakeDivScrool>div:last-child > .dcpbProfileBorder{
    display:none !important;
}
.odpowiedzi > .odpowiedz > .OdpowiedzButton > .x {
    display: none;
}
/*#next:hover {
    animation: shake 0.5s;
    animation-iteration-count: infinite;
}*/
@keyframes shake {
    0% {
        transform:  rotate(0deg);
    }

    10% {
        transform:  rotate(-1deg);
    }

    20% {
        transform: rotate(1deg);
    }

    30% {
        transform:  rotate(0deg);
    }

    40% {
        transform:  rotate(1deg);
    }

    50% {
        transform: rotate(-1deg);
    }

    60% {
        transform: rotate(0deg);
    }

    70% {
        transform: rotate(-1deg);
    }

    80% {
        transform:  rotate(1deg);
    }

    90% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-1deg);
    }
}
#next {
    -moz-transition: -moz-transform 0.05s ease-in-out -moz-transform-origin: center top;
    -webkit-transition: -webkit-transform 0.05s ease-in-out;
    -webkit-transform-origin: top;
    -o-transition: -o-transform 0.05s ease-in-out;
    -o-transform-origin: top;
    -ms-transform-origin: top;
}
.BigFontXp {
    font-size:20px;

} 
.LessonFinishDetail {
    width: 380px;
    float: left;
    margin-top: 30px;
    margin-left: 25px;
    height: 150px;
    /*background:yellow;*/
}
.LessonFinishDetailLine {
    width:340px;
    height:30px;
    float:left;
    /*background:blue;*/
}
.LessonFinishDetailCheck{
    width:340px;
    height:50px;
    float:left;
    /*background:red;*/
}
.LessonFinishPadlockTXT {
      width: 100%;
    height: 30px;
    padding-top: 5px;
    font-size: 18px;
    text-align: center;
    color: #fff;
}
.waitGif {
    width: 100%;
    text-align: center;
    display:none;
}
.LessonFinishDetailSegment {
    width: 92px;
    float: left;
    height: 70px;
    border-left: solid 3px #8e9598;
    color: white;
}
.LessonFinishDetailCheckdiv {
    width:234px;
    height:50px;
    margin:0 auto;
    display:block;
}
.LessonFinishDetailCheckButton {
    width:117px;
    height:50px;
    font-size: 10px;
    float:left;
    color: #bec0c4;
    display:block;
}
.LessonFinishDetailSegmentFirst {
    width:100%;
    font-size: 31px;
    float:left;
    padding-left: 5px;
    height:40px;
}
.LessonFinishDetailSegmentSecond {
    font-size: 10px;
    width:100%;
    padding-left: 5px;
    float:left;
    padding-top: 5px;
    height:30px;
}

.LessonFinishPadlockTXTbottom {
    color: #fff;
    margin-top: 7px;
    display: block;
    font-size: 12px;
    text-align: center;
}
.LessonFinishMain{
    width:100%;
    background: #5c636d;
    min-height: 210px;
    padding: 20px 35px;
    padding-right:0px;
}
.LessonFinishFooter{
    Width:100%;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 15px;
    height:80px;
    background:#fff;
    border-bottom-left-radius:13px;
    border-bottom-right-radius:13px;
}

.TestFinishButtonFinish {
       cursor: pointer;
    float: right;
    background: transparent;
    border-radius: 5px;
    border: solid 1px;
    border-color:transparent;
    color: #4799fd;
    font-size: 13px;
        padding: 4px 11px;
    margin: 10px -10px 0 0;
}
.DialogActive {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
 .TestFinishButtonFinish:hover {
            /*background: #ea4272;*/
        color: #000;
    }
.TestFinishButton {
        cursor: pointer;
    float: left;
    background: transparent;
    border-radius: 5px;
    border: solid 1px;
    border-color:transparent;
    color: #333333;
    font-size: 12px;
    margin: 10px -10px 0 0;
}
    .TestFinishButton:hover {
        background: transparent;
        border-color: transparent;
        /*color: #fff;*/
    }
    .TestFinishNextButton {
        cursor: pointer;
    float: right;
    border-radius: 5px;
        background: #ea4272;
        border-color: #ea4272;
        border:solid 1px;
        color: #fff;
    font-size: 12px;
    padding: 7px 11px;
        margin: 9px -10px 0 0;
}
    .TestFinishNextButton:hover {
        background: #ea4272;
        border-color: #ea4272;
        color: #fff;
    }

.CorrectPXChild {
    margin: 13px 0  0 20px;
    font-weight: bolder;
    font-size: 16px;
    color: #fff;
    float: left;
    width: 120px;
}
.LevelingTestFinishProgres, .LevelingTestFinishLevel {
    width:260px;
    height:200px;
    /*background:red;*/
    margin-top: 70px;
    display:block;
        margin-bottom: -35px;
    float: left;
}
.LevelingTestFinishProgresTitle {
    font-size: 15px;
    color: #fff;
    float: left;
    width: 150px;
    margin-left: 30px;
}
.LevelingTestFinishLevelTitle {
    font-size: 15px;
    color: #fff;
    float: left;
    width: 130px;
    margin-left: 30px;
}
.LevelingTestFinishProgresDesc {
    font-size: 30px;
    color: #fff;
    float: left;
    width: 150px;
    margin-left: 30px;
}
.LevelingTestFinishLevelDesc {
    font-size: 30px;
    color: #fff;
    float: left;
    width: 130px;
    margin-left: 30px;
}
.LevelingTestFinishProgresIco, .LevelingTestFinishLevelIco {
    width: 80px;
    height: 80px;
    display:block;
    float: left;
    background: url(/Images/ella-after-leveling-test-1.svg) 0px 0px no-repeat;  
    -webkit-background-size: contain;       
     -moz-background-size: contain;       
      -o-background-size: contain;  
            background-size: contain;   
      /*transform:rotate(6deg); 
      -webkit-transform:rotate(6deg); 
      -moz-transform:rotate(6deg); 
      -o-transform:rotate(6deg);*/     
      /*width: 85px;    
      height: 85px;  
      display: table;   
      margin: 0 auto; 
      margin-top: 0px;*/
}
.LevelA1Leveling {  float:left;  background: url(/Images/ella-ikony-leveling-test-a1.svg) -3px -8px no-repeat;    -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;    width: 100px;    height: 100px;    display: table;    }
.LevelA2Leveling {  float:left;  background: url(/Images/ella-ikony-leveling-test-a2.svg) -3px -8px no-repeat;    -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;    width: 100px;    height: 100px;    display: table;    }
.LevelA2plusLeveling { float:left;   background: url(/Images/ella-ikony-leveling-test-a2plus.svg) -3px -8px no-repeat;    -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;    width: 100px;    height: 100px;    display: table;    }
.LevelB1Leveling {  float:left;  background: url(/Images/ella-ikony-leveling-test-b1.svg) -3px -8px no-repeat;    -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;    width: 100px;    height: 100px;    display: table;    }
.LevelB2Leveling {  float:left;  background: url(/Images/ella-ikony-leveling-test-b2.svg) -3px -8px no-repeat;    -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;    width: 100px;    height: 100px;    display: table;    }
.LevelC1Leveling {  float:left;  background: url(/Images/ella-ikony-leveling-test-c1.svg) -3px -8px no-repeat;    -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;    width: 100px;    height: 100px;    display: table;    }

.LevelingTestFinishLevelIco {
    width: 100px;
    height: 100px;
    display:block;
    float: left;
    background: url(/Images/ella-after-leveling-test-2.svg) 0px 0px no-repeat;  
}
.LevelingTestFinishSeparator {
width: 30px;
    height: 200px;
    margin-right: 40px;
    background: url(/Images/insert.svg) no-repeat;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    display: block;
    float: left;
    margin-top: -70px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.CorrectPXChild2 {
    margin: 0px 0 0 41px;
    font-weight: auto;
    font-size: 14px;
    color: #fff;
    float: left;
    width: 120px;
}
.CorrectDiamond2 {
    font-weight: auto;
    font-size: 14px;
    color: #fff;
    font-size: 24px;
    margin: 18px 0 0 0;
    float: left;
    width: 120px;
}
/* Let's get this party started */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
 .ui-draggable-dragging {
    z-index: 3;
    max-Width: 250px !important;
}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(204,204,204,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
 ::-webkit-scrollbar-thumb:window-inactive {
	background: #eae6e6; 
}



/*w razie potrzeby odkomentowac reszte fontow*/
/*
@font-face {
font-family: 'Avenir LT Std 55 Oblique';
font-style: normal;
font-weight: normal;
src: local('/App_Themes/fonts/Avenir LT Std 55 Oblique'), url('/App_Themes/fonts/AvenirLTStd-Oblique.woff') format('woff');
}
@font-face {
font-family: 'Avenir LT Std 95 Black';
font-style: normal;
font-weight: normal;
src: local('/App_Themes/fonts/Avenir LT Std 95 Black'), url('/App_Themes/fonts/AvenirLTStd-Black.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 45 Book';
font-style: normal;
font-weight: normal;
src: local('/App_Themes/fonts/Avenir LT Std 45 Book'), url('/App_Themes/fonts/AvenirLTStd-Book.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 85 Heavy';
font-style: normal;
font-weight: normal;
src: local('/App_Themes/fonts/Avenir LT Std 85 Heavy'), url('/App_Themes/fonts/AvenirLTStd-Heavy.woff') format('woff');
}


@font-face {
font-family: 'Avenir LT Std 35 Light';
font-style: normal;
font-weight: normal;
src: local('/App_Themes/fonts/Avenir LT Std 35 Light'), url('/App_Themes/fonts/AvenirLTStd-Light.woff') format('woff');
}



@font-face {
font-family: 'Avenir LT Std 95 Black Oblique';
font-style: normal;
font-weight: normal;
src: local('/App_Themes/fonts/Avenir LT Std 95 Black Oblique'), url('/App_Themes/fonts/AvenirLTStd-BlackOblique.woff') format('woff');
}

@font-face {
font-family: 'Avenir LT Std 45 Book Oblique';
font-style: normal;
font-weight: normal;
src: local('/App_Themes/fonts/Avenir LT Std 45 Book Oblique'), url('/App_Themes/fonts/AvenirLTStd-BookOblique.woff') format('woff');
}

@font-face {
font-family: 'Avenir LT Std 85 Heavy Oblique';
font-style: normal;
font-weight: normal;
src: local('/App_Themes/fonts/Avenir LT Std 85 Heavy Oblique'), url('/App_Themes/fonts/AvenirLTStd-HeavyOblique.woff') format('woff');
}

@font-face {
font-family: 'Avenir LT Std 35 Light Oblique';
font-style: normal;
font-weight: normal;
src: local('/App_Themes/fonts/Avenir LT Std 35 Light Oblique'), url('/App_Themes/fonts/AvenirLTStd-LightOblique.woff') format('woff');
}

@font-face {
font-family: 'Avenir LT Std 65 Medium Oblique';
font-style: normal;
font-weight: normal;
src: local('/App_Themes/fonts/Avenir LT Std 65 Medium Oblique'), url('/App_Themes/fonts/AvenirLTStd-MediumOblique.woff') format('woff');
}*/

body, html
{
	font-family:  'Montserrat Light', 'Arial';
    font-style: normal;
    font-size: 13px;
    color: #333333;
	margin:0;
    padding: 0;
	-webkit-font-smoothing: antialiased;
	min-height:100%;
}
.RankLp {
    width: 37px;
    float: left;
    font-size: 22px;
    padding: 8px 10px 0 0px;
    text-align: -webkit-right;
    height: 36px;
    color: #999999;
    display: -webkit-box;
}
.circle {
    width: 65px;
    height: 65px;
    background: #f2f2f2;
    display: block;
    border: solid 1px #e6e4e4;
    border-radius: 50%;
    position: relative;
    float:left;
}
.circleLock {
    width: 20px;
    display: block;
    height: 20px;
    margin: 17px 0 0 26px;
    color: #333;
}
.circle img {
    width: 63px;
    background: #fff;
    border-radius: 50%;
}
.PopUpMoreDiamond {
    color:#fff;
}
.PopUpMoreExperiencePoints { color:#fff;}
.DashGraduateDiamond { cursor:pointer;
}

.GraduateDiamond {
    width: 30%;
    float:left;
    margin-top:10px;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom:15px;
}
.GraduateDiamondName {
    font-size: 13px;
    color: #fff;

    margin-top: 15px;
    text-align: center;
    /*margin-left: 10px;*/
    float: left;
    width:  100% ;
}


#ProgressMobile .ui-slider-range-min {
background:#e4e4e4; margin:-1px  0 0 -1px; height:6px;}

/*aa-rzeciaganie.js*/
.divright {
    float: right;
}
.gameover {
    text-align: center;
    /*font-size: xxx-large;*/
    font-size: 3.7rem;
    font-weight: 700;
    color:#666666;
    margin-top: -42px;
    position: relative;
    font-size: 25px;
}
.skip {
    font-size: 14px;
    padding: 10px 0 0 0;
    color: #666695;
    border: none;
    background: none;
    cursor:pointer;
}
.TourDarkBG {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    top: 0 !important;
    margin-left: 0 !important;
    left: 0 !important;
    margin-top: 0 !important;
    z-index: 1002 !important;
    position: fixed !important;
}
.ShowYouTopics {
        color: #ea4272;
        border:none;
        font-size: 13px;
        background: none;
}
.TourControlPanel {
    bottom: 0px;
    top: auto !important;
}
.TourControlPanelBg {
        min-height: 50px !important;
    padding: 5px !important;
       /*position: fixed !important;*/
    top: auto !important;
    bottom:0px;
        left: auto !important;
    margin: 0 auto;
}
.PopUpBox.TourControlPanel {
     position: fixed !important;
}

.TourBg {
    min-height: 200px !important;
    /*position: fixed !important;*/
    top: 100px !important;
        left: auto !important;
    margin: 0 auto;
}
.TourButton:hover,.TourButtonControlPanel:hover {
    cursor:pointer;
    background: rgba(232, 67, 116, 1);
}
.TourButtonControlPanel {
    width:100%;
    margin: 0 auto;
    font-size:13px;
        padding: 10px 19px;
    background-color: #5c636d;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #FFFFFF;
    border: none;
    text-align: center;
}
.TourButton {
    width:180px;
    margin:35px auto 0 auto;
    font-size:13px;
        padding: 3px 19px;
    background-color: #5c636d;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #FFFFFF;
    border: none;
    text-align: center;
}
.triangle{
width:90px;
display:block;
height:30px;
}

.triangle1 {
width:0px;
height:0px;
margin-left:30px;
border-top:15px solid transparent;
border-right:15px solid transparent;
border-left:15px solid transparent;
border-bottom:15px solid white;
}
.triangle2 {
width:0px;
height:0px;
float:left;
border-top:15px solid transparent;
border-right:15px solid white;
border-left:15px solid transparent;
border-bottom:15px solid transparent;
}
.triangle3 {
width:0px;
height:0px;
float:left;
margin-left:30px;
border-top:15px solid transparent;
border-right:15px solid transparent;
border-left:15px solid white;
border-bottom:15px solid transparent;
}
.triangle4 {
width:0px;
height:0px;
margin-left:30px;
border-top:15px solid white;
border-right:15px solid transparent;
border-left:15px solid transparent;
border-bottom:15px solid transparent;
}
#TourContent {
        padding: 0 0 10px 0;
}
.TourContent {
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    min-height: 50px !important;
}
.TourArrow {
    display: block;
    background-size: auto;
    height: 30px;
    position: absolute;
    /*top: -30px;*/
    width: 90px;
    /*right: 40px;*/
}
.TourBG {
    height: 100%;
    width: 100%;
        top: 0 !important;
    margin-left: 0 !important;
    left: 0 !important;
    margin-top: 0 !important;
     position: fixed !important;
    z-index: 1004 !important;
}
.DivBorder{    
    margin-top:5px;
    border: dashed 1px #cccccc;
    padding: 13px 13px;
    border-radius: 5px;}
.TourElementShow {
    position: relative;
    z-index: 1003;
    background: rgb(255,255,255) !important;
    min-height: 168px;
    border-radius: 10px;
}
.TourElementShowHeader {
    position: relative;
    z-index: 1003;
    border: solid 2px #fff;
    background: rgb(255,255,255) !important;
    min-height: 18px;
    padding: 0px 10px !important;
    border-radius: 10px;
}
.TourHelp {
    margin-left:0 !important;
    margin-top:0 !important;

}

.TourHelpBg {
    width: 270px !important;
    min-height: 100px !important;
}
.heart {
    width: 60px;
    margin: 20px 15px 0 0;
    float: right;
        z-index: 2;
    position: relative;
}
.TaskLock {
    width:980px;
    height:50px;
    z-index:200;
    display:none;
    position:absolute;
}
#TaskMainTopCorectAnswer {
        display: none;
    text-align:center;
        font-size: 17px;
    font-weight: bold;
    padding: 20px 0 0 0;
}
#TaskMainTopCorectAnswerClose {
	/*background: url('/Images/close.svg');*/
    width: 70px;
    height: 22px;
    z-index:201;
    position: relative;
    border: none;
    cursor: pointer;
    margin-right: 15px;
    margin-top: -6px;
    float:right;
    margin-left: -70px;
}
.nowrap
{
    overflow: hidden;
    white-space: nowrap;
}
.correct {
    background: rgb(155, 204, 94) ;
    cursor: default !important;
    color:white;
    opacity: 1 !important;
}
.incorrect {
        background: rgb(234, 119, 118) ;
        cursor: default !important;
        color:white;
        opacity: 1 !important;

}
.notchose {
    cursor: default !important;
    color:#333333;
    opacity: 1 !important;
}

.select2-container {
    background-color: white;
    border-radius: 4px;
}
.divleft {
    float: left;
}
        .pytania {
            width: 241px;
            height: 400px;
            /*float: right;*/
            vertical-align: middle;
            display: table-cell;
        }

        .odpowiedzi {
            width: 100%;
            height: 400px;
            /*float: left;*/
            vertical-align: middle;
            display: table-cell;
        }

        .odpowiedz {
            background: yellow;
            margin: 10px 0;
            float: left;
            width: 244px;
            border: dashed 1px #ccc;
            background: white;
            min-height: 30px;
            border-radius: 5px;
        }

        .pytanie {
            background: orange;
            margin: 10px 0;
            float: left;
            width: 238px;
            border: dashed 1px #ccc;
            background: white;
            min-height: 28px;
            border-radius: 5px;
        }
        .pytanieL {
            background: orange;
            margin: 10px 0;
            float: left;
            width: 238px;
            border: dashed 1px #ccc;
            background: white;
            min-height: 28px;
            border-radius: 5px;
        }

        .x {
            float: right;
            width: 10px; /*min-height:50px;*/
            height:10px;
            /*margin: -1px -7px 1px 5px;*/
            margin: -25px -8px 0px 0px;
        }

        .x2 {
            float: none;
            width: 20px; /*height:50px;*/
            vertical-align: middle;
            display: table-cell;
        }
.TopMobileClose {
    background: url('/Images/close-circle.svg');
    margin: 12px auto;
    width: 25px;
    display: block;
    height: 25px;
}
.TopMobileInstruction{
    background: url('/Images/question.svg');
    margin: 12px auto;
    width: 25px;
    display: block;
    height: 25px;
}
.TopMobileClose:hover {
    background: url('/Images/close-circle_hover.svg');
}
.TopMobileInstruction:hover {
    background: url('/Images/question_hover.svg');
}

        .OdpowiedzButton {
            float: left;
            width: auto;
            padding: 5px 15px;
            background: white;
            /*position: absolute;*/
            margin: -1px;
            border:solid 1px #ccc;
            border-radius: 5px;
        }

            .OdpowiedzButton p {
                width: auto;
                float: left;
                margin: 0 0;
            }

            .OdpowiedzButton a {
                margin: 0 0;
                padding: 17px;
            }

/*.dRemove{background:red url('/Images/closeNew2.svg') no-repeat right top; display:inline-block; width:27px; height:40px; position:relative; z-index:99; margin-top:-27px;}*/
.dAnswerRemove {display:inline-block; padding:8px 2px 10px 12px!important;}

        .odpowiedzHover {
            background: #ccc !important;
        }

        .pytanieHover {
            background: #ccc !important;
        }
        .highlight {
            background: rgb(238, 238, 238) !important;
        }
         .highlight.pytanieHover {
            background: #ccc !important;
        }
          .highlight.odpowiedzHover {
            background: #ccc !important;
        }
/*end aa-przeciaganie.js*/
#header {
    background-color: rgba(51,51,51,0.8);
    color:white;
	height:50px;
    top: 0;
    position: fixed;
    z-index: 4;
    width: 100%;
}
.audiobox {
    width:120px;
    height:100px;
    float:left;
}
.cluetip-close {
    float: right;
    width: 16px;
    height: 16px;
    background:url(/Images/close2-white.svg);
    margin: 5px 5px 0 0;
    cursor:pointer;
}
.GraduateDiamondEdit {
    background:url(/Images/3-edit.svg) no-repeat;
    width:100px;
    height:85px;
    margin: 0 auto;
}
.PopUpBoxFix.PopUpDictionary.ui-draggable.ui-draggable-dragging {
    display:block !important;
}

.GraduateDiamondEdit:hover, .GraduateDiamondAbcBook:hover, .GraduateDiamondButerfly:hover {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    width: 105px;
}
.GraduateDiamondAbcBook {
    background:url(/Images/2-abc-book.svg) 3px 6px no-repeat;
    width:100px;
    height:85px;
    margin: 0 auto;
}
.GraduateDiamondButerfly {
    background:url(/Images/1-buterfly.svg) 0px 7px no-repeat;
    width:100px;
    height:85px;
    margin: 0 auto;
}
.dcpbImgParent{margin:0 20px !important;}
.dcpbImg{ background:none !important; border:none !important;}
.GraduateDiamondName a{color:#fff;}
.pmargin {
    margin: 0 4px 10px 3px;
}
.zone {
    height: 50px;
	clear:both;
    width: 100%;
}
.postep {
       background:#f2f2f2;
    border: solid 1px #f2f2f2;
    height: 10px !important;
}
.nopng {
    background:none !important;
}
.postep a {
    display:none;
}
 .postep div {
         border: solid 1px #ccc;
    border-radius:3px;
        background-image: -webkit-linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 8px 8px;
    background-size: 8px 8px;
}
 .postep-pink {
       background:#f2f2f2;
    border: solid 1px #f2f2f2;
    height: 10px;
}
.postep-pink a {
    display:none;
}
 .postep-pink div {
	border: solid 1px #ccc;
    border-radius:7px;
	background-color:rgba(232, 67, 116, 1);

	-webkit-background-size: 8px 8px;
    background-size: 8px 8px;
}


li {
    display: block;
}
.Progresss {
    width:77px;
    height:77px;
    float:left;
    background:url(/Images/Progress2.png) center top no-repeat;
    display:block;
}
.ProgressButton {
    width: 100%;
	clear:both;
    height: 70px;
}
.Progresss_txt {
    display: table;
    margin: 0 auto;height:100%;width:77px;text-align:center;
    }
.Progresss_txt_Cell {display:table-cell;font-size:12px;vertical-align:middle;}
.Dashboard
{
    position:relative;
	width: 980px;
	margin: 60px auto 0 auto;
}
#Exercise, .Task {
    position: relative;
}
.Dash_left {
    /*float:left;
	width: 642px;*/
    min-height: 600px;
}
.Dash_right
{
	/*float:right;
    width: 328px;*/
    min-height: 790px;
}
.Dash_hi
{
	width: 100%;
	min-height: 241px;
	float: left;
    background: rgba(255,255,255,0.8);
    border-radius: 13px;
}
.Dash_friends
{
	width: 100%;
    min-height: 647px;
    background: rgba(255,255,255,0.8);
    border-radius: 13px;
}
.Dash_goal
{
	margin: 10px 0 0 0;
	width: 100%;
	min-height: 223px; 
	float: left;
    background: rgba(255,255,255,0.8);
    border-radius: 13px;
	position:relative;
}
.Dash_1_2
{	
	margin:0 0 0 30px;
	width: 300px;
	float: left; 
}
.Dash_2_2
{
	width: 300px;
	float: right;
}
.Dash_challenges
{
	margin: 10px 0 0 0;
	width: 320px;
	float: left;
   background: rgba(255,255,255,0.8);
    border-radius: 13px;
    height: 295px;
}
.Dash_prizes
{
	margin: 10px 0 10px 0;
	width: 320px;
	float: right;
    background: rgba(255,255,255,0.8);
    border-radius: 13px;
    height: 295px;
}
.ChallengeLine {
    background: url("/Images/line-challange.svg") no-repeat;
} 
.Dash_follow {
    margin: 10px 0 10px 0;
    width: 100%;
    min-height: 125px;
    background: rgba(60, 54, 54, 0.55);
    color: #fff;
    border-radius: 13px;
}
.btn_Dash {
    text-align: center;
    float: right;
    padding: 8px 19px;
    margin: 0 30px 0 0;
    background-color: #5c636d;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #FFFFFF;
    border: none;
    font-weight: 600;
}
.pink {
    background-color: rgba(232, 67, 116, 1);
}
.btn_Dash_left
{
	float:left;
	margin: 0 0 0 0px;
}

#ctl00_ContentPlaceHolder1_Task_TBX_LBL, #Task_TBX_LBL
{
	display: none;
}
#PhotoDisplay_title
{
	margin: 190px 0 0 10px;
	font-size: 21px;
	font-weight: bold;
	color: white;
	position: absolute;
}
#PhotoDisplay_magnes
{
	cursor: pointer;
	display:none;
	margin: 20px 0 0 309px;
	font-size: 21px;
	width: 13px;
	height: 13px;
	font-weight: bold;
	background:url(/Images/magnes.svg);
	color: white;
	position: relative;
}

.Photo_magnes
{
	    cursor: pointer;
	display:none;
	margin: 10px 0 0 105px;
	font-size: 21px;
	width: 13px;
	height: 13px;
	font-weight: bold;
	background:url(/Images/magnes.svg);
	color: white;
	position: relative;
}
.Photo_title
{
	margin: 38px 0 0 5px;
	font-size: 13px;
	color: white;
	position: absolute;
		width: 122px;
}
.LessonLink
{
	width: 980px;
	margin: 55px auto -55px auto;
    display: block;
	font-family:  'Montserrat Light';
	font-weight: 600;
	font-style: normal;
	font-size: 11px;
	float: none;
	color: #cbcbcb;
	text-align: center;
}
.close
{
	background: url(/Images/close3.jpg);
    width: 17px;
    height: 17px;
    border: none;
    cursor: pointer;
    margin: 9px -22px 0 16px;
}
.CloseCorrectAnswerTxt {
    float:left;
    cursor:pointer;
}
.qs_scal
{
	width: 250px;
	height: 370px;
	display: block;
	float: left;
	margin:0 0 0 50px;
}
.dropdown-menu {
    background:rgba(60, 54, 54, 0.8);
}
.dropdown-menu.white {
    background:#fff;
}
.dropdown-menu > li > a{
    color:white;
}
.dropdown-menu > li > a:hover{
    color:white;
    background-color: rgb(74, 71, 71);
}
.logo
{
	float: left;
	padding: 8px 10px 12px 10px;
	height:50px;
	font-size: 20px;
	font-weight: bold;
    background: rgba(232, 67, 116, 1);
}
.TopMenu
{
	float: left;
    height: 50px;
}
.TopMenu ul
{
    display: block;
    margin-top: 20px;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
	width:100%;
    padding-left: 0px;
}
.TopMenu ul li
{
	float:left;
	margin: 0 10px;
}
.TopMenu ul li a
{
	text-decoration: none;
	color:#ccc;
}
.CommingSoon {
    color: red;
    font-size: 15px;
    display: inline-block;
    float: left;
    width: 99px;
    font-weight: bold;
    position: relative;
    z-index: 2;
    margin: -59px 0 0 -5px;
    transform: rotate(25deg);
    -webkit-transform: rotate(325deg);
    -moz-transform: rotate(25deg);
    -o-transform: rotate(25deg);
}
.CommingSoon1 {
    color: red;
    font-size: 15px;
    display: inline-block;
    float: left;
    width: 99px;
    font-weight: bold;
    position: relative;
    z-index: 2;
    margin: 24px 0 0 -14px;
    transform: rotate(25deg);
    -webkit-transform: rotate(325deg);
    -moz-transform: rotate(25deg);
    -o-transform: rotate(25deg);
}

#tab_txt, #tab_txtSC
{
    display:none;
	width: 780px;
	margin: 0 0 20px 10px;
}
#nav {
    line-height: 30px;
    background-color: #E0E0E0;
    min-height: 490px;
    width: 110px;
    margin: 0;
    float: left;
    padding: 10px 0 0 20px;     
}

#section {
    width:350px;
    float:left;
    padding:10px;	 	 
}
.rowbox
{
	width: 100%;
	height: 45px;
}
.rowboxmin
{
	width: 100%;
	height: 30px;
}
.rowboxtxt
{
    width: 430px;
    float: left;
    margin: -9px 0 15px 17%;
    font-weight: bolder;
    font-size: 19px;
}
.z20
{
	width: 220px;
	min-height: 70px;
	    float: left;
    margin: 0 0 0 18px;
}

.z20tit
{
	width: 160px;
	height: 25px;
	text-align:center;
	color:#cccccc;
}
.inputtxt
{
	margin: 0px 2px 0 1px;
	width: 20px;
	background: url(/Images/dot.png);
	border:none;
	height:23px;
	font-family:  'Montserrat Light';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #333333;
	text-align: center;
}
input:focus {
        outline: none;
    }
.TopMobile{    display:none;}
.inputtxt:focus,.close:focus,.odp_BT:focus, .check:focus
{
	outline: none;
}


        
        /* jssor slider bullet navigator skin 01 css */
        /*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */
        .jssorb01 {
            position: absolute;
        }
.CooperationTable td {
        border-bottom: 2px solid #ddd;
        padding: 5px;
}
.CooperationTable table {
       width:100%;
       vertical-align: bottom;
    border-bottom: 2px solid #ddd;
       background: #fff;
     
}
        .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
            position: absolute;
            /* size of bullet elment */
            width: 12px;
            height: 12px;
            filter: alpha(opacity=70);
            opacity: 0.7;
            overflow: hidden;
            cursor: pointer;
            border: #000 1px solid;
        }
        .jssorb01 div { background-color: gray; }
        .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
        .jssorb01 .av { background-color: #fff; }
        .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

        /* jssor slider arrow navigator skin 13 css */
        /*
        .jssora13l                  (normal)
        .jssora13r                  (normal)
        .jssora13l:hover            (normal mouseover)
        .jssora13r:hover            (normal mouseover)
        .jssora13l.jssora13ldn      (mousedown)
        .jssora13r.jssora13rdn      (mousedown)
        */
        .jssora13l, .jssora13r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 14px;;
            height: 50px;
            cursor: pointer;
            color:#ccc;
            font-size:28px;
            /*background: url('/Images/a13.png') no-repeat;*/
            overflow: hidden;
        }
        .jssora13l { background-position: -250px -35px; }
        .jssora13r { background-position: -310px -35px; }
        .jssora13l:hover { background-position: -130px -35px; color:rgba(232, 67, 116, 1); }
        .jssora13r:hover { background-position: -190px -35px; color:rgba(232, 67, 116, 1); }
        .jssora13l.jssora13ldn { background-position: -250px -35px; }
        .jssora13r.jssora13rdn { background-position: -310px -35px; }
  

#footer {
    background-color:#666666;
    color:white;
    clear:both;
    text-align:center;
   padding:5px;	 	 
}
.ButtonQuestion {
   background: url('../../Images/button1.png') no-repeat;
	width: 260px;
    height:33px;
    float: left;
}
.zygzak {
    width:13px;
    min-height: 30px;
    float:left;
    background:url(/Images/zygzak.png) repeat-y;
    border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
position:relative;
}
.dzubek {
    width: 12px;
    height: 32px;
    margin:1px 0 0 -4px;
    z-index:3;
    position:relative;
    float: left;
    background:url('../../Images/edge.png')  no-repeat;
        -webkit-background-size: 13px 100%;
 -moz-background-size: 13px 100%;
 -o-background-size: 13px 100%;
 background-size: 12px 100%;
}
.Insert {
    width: 25px;
    height: 21px;
    background:url(/Images/insert.svg) no-repeat;
        -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
        background-size: contain;
            margin: 5px auto;

}
.Insert2 {
    width: 25px;
    height: 21px;
    background:url(/Images/insert.svg) no-repeat;
        margin: 180px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
        background-size: contain;

}
.Insert2.m210{
 margin: 210px 0 0 0;
}
.divinput
{
    padding: 0 6px;
    float: left;
    min-width: 84px;
    min-height: 30px;
    outline: none;
    margin:-3px 0 0 0;
    width: calc(100% - 24px);
    -webkit-user-select: text;
}
.dBoxTitle a {
    color:#333333;
}
.pytanie.Lock {
padding: 5px 15px;
background:#ccc !important;
}
.pytanieL.Lock {
padding: 5px 10px;
background:#ccc !important;
}
.pytanieTxt {
 border: solid 1px #ccc;
width:227px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: white;
float:left;
border-right: none;
min-height:28px;
padding: 5px 10px;

}
.pytanieParent {
border:solid 1px #ccc;
width:100%;
min-height:30px;
margin: 10px 0;
display: inline-block;
}
.div4_5 {
    margin: 0px auto 18px auto;
    font-size: 13px;
    text-align: center;
    border: dashed 1px #cccccc;
    width: 340px;
    padding: 13px 13px;
    float: left;
    border-radius: 5px;
}
.ques
{
	background: url('../../Images/button1.png') no-repeat;
	width: 210px;
	float: left;
	padding: 9px 8px;
	    position: relative;
    z-index: 3;
}
.Correct2_3 {
    width:100%;
    height:100px;
        border-radius: 10px;
}
.litCircleResult{    display: table-cell;    text-align: center;     font-size:25px;     font-weight: 400;  vertical-align: middle;}
.DivCircle{ width:50%; min-height:260px; float:left;  min-width: 245px;}
.DivCircleResultParent { width:50%; min-height:260px;  float:left;     }
.DivCircleResult { width:80%;      display: table;     font-size: 13px;  min-width: 245px; height:300px;   border: dashed 1px #ccc;  margin: 15px auto;  border-radius: 10px;}
.spinParent{      cursor: pointer;    min-width: 245px;      width: 80%;    display: table;    margin: 0 auto;    background: #5c636d;    color: #fff;    border-radius: 5px;}
.spinParentDisabled{      cursor: default;    min-width: 245px;      width: 80%;    display: table;    margin: 0 auto;    background: #e4e4e4;    color: #fff;    border-radius: 5px;}
.spin {        font-size: 13px;    color: #fff;    padding: 10px;    margin: 0 auto;    display: inherit;}
.spinParent:hover{ background:rgba(232, 67, 116, 1);}
canvas{    margin: 0 auto;    float: none;    display: -webkit-box;}
.PopUpLongBoxContent {    min-height: 279px;       height: auto !important; display: inline-block;}
  .gallery { float: left; width: 100%;  height: 400px; }
  .gallery.custom-state-active { background: #eee; }
  .gallery li {  width: 300px; padding: 9px 0; margin: 0 0.4em 19px 120px; border: solid 1px #cccccc;    border-radius: 5px; text-align: center;     cursor: all-scroll;}
  .gallery li h5 { margin: 0 0 0.4em; cursor: move; }
  .gallery li a { float: right; }
  .gallery li a.ui-icon-zoomin { float: left; }
  .gallery li img { width: 100%; cursor: move; }
 
  .trash { float: left; width: 111px; min-height: 40px; padding: 2px; }
  .trash li {    padding: 9px 0;    border-radius: 5px;  text-align: center;     border: none;    background: #cccccc;  }
  .trash li h5 { margin: 0 0 0.4em; cursor: move; }
  .trash li a { float: right; }
  .trash li a.ui-icon-zoomin { float: left; }
  .trash li img { width: 100%; cursor: move; }
  #ContentPlaceHolder1_Task_TBX_LBL{width:100%; height:25px; float:left;}
.button1
{
		background:url('../../Images/button1.png') 100%;
		width:270px;
		height:50px;
		margin: 0 0 20px 40px;
}
.button2
{
		background:url('../../Images/button2.png') 100%;
		width:300px;
		height:50px;
		margin: 0 0 20px 40px;
}

ul {
list-style-type: none;
}
.zone_left {
    float: left;
    width:90px;
}
.zone_left a {
 margin: 14px 0 0 0;
 font-size: 13px;
 display:block;
}

.zone_right {
    float: left;
    width:90px;
}
.zone_right a {
 margin: 14px 0 0 15px;
 font-size: 13px;
 display:block;
}
.TaskMain2Header
{
	width: 100%;
	/*min-height: 160px;*/
	display:block;
	margin:0 auto;
	/*background: red;*/
}
.TaskMain2Body
{
	width: 100%;
	/*height: 200px;*/
	display:block;
	margin:0 auto;
	/*background: red;*/
}
.LevelDescription {
    width: 100%;
    height: auto;
    min-height:18px;
    color: #333;
    padding:15px 0 0 0px;
}
.TitleDescription {
    font-size:13px;
    color: #333;
    margin:10px 0 0 0;
}
.Title_Link {
    width: auto;
    float: left;
    margin: 0 0;
    font-size: 13px;
}

.LevelBox a {
    margin: 0 10px 0 0;
}

 a {
    color: #4799ff;
    text-decoration: none;
}
a:hover{
    text-decoration:none;
}
.LevelBox {
    height:auto;
    margin: 0 0 20px 0;
}
.Boxmain {
    width:460px;
    height:auto;
    float:left;

}
.TaskMain2Header_Title
{
	width: 100%;
	clear:both;
	min-height: 50px;
	display:block;
	/*background: blue;*/
	clear:both;
	padding:20px 0 0 0;
	font-weight: 400;
    font-style: normal;
    font-size: 20px;
}
.TaskMain2Header_Title2
{
	width: 100%;
	min-height: 70px;
	display:block;
	/*background: blue;*/
	padding:20px 0 0 0;
	    font-weight: 400;
    font-style: normal;
    font-size: 20px;
}
.TaskMain2Header_TitleMin
{
	width: 100%;
    min-height:60px;
    float:left;
	padding: 20px 0 0 2px;
	font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #333;
}
.TaskMain2Header_SubTitle
{
	width: 100%;
    font-size: 13px;
    color: #999999;
    margin: 10px 0 0 0;
}
.TaskMain
{
	width: 980px;
	float: left;
	/*height: 500px;*/
	background: #FFFFFF;
	    border-top: none;
    border-bottom: none;
}
.TaskMain2
{
	width: 100%;
	background: rgba(255,255,255,0.8);
	border-radius:13px;
	padding:10px 30px 30px 30px;

}
.TaskMain3
{
	width: 100%;
	background: rgba(255,255,255,0.8);
    /*border: solid 1px #cccccc;*/
	border-radius:13px;
}
.Progres_pic
{
	margin: 0 1px;
}

.SmalGray{background:url(/Images/ProgressGray.svg); width:13px; margin: 18px 2px; height:13px; float:left; background-repeat: no-repeat;    -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;}
.SmalWhite{background:url(/Images/ProgressWhite.svg); width:13px; margin: 18px 2px; height:13px; float:left; background-repeat: no-repeat;    -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;}
.SmalGreen{background:url(/Images/ProgressGreen.svg); width:13px; margin: 18px 2px; height:13px; float:left; background-repeat: no-repeat;    -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;}
.SmalRed{background:url(/Images/ProgressRed.svg); width:13px; margin: 18px 2px; height:13px; float:left; background-repeat: no-repeat;    -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;}
.MediumGray{background:url(/Images/ProgressGray.svg);    margin: 14px 2px; width:21px; height:21px; float:left; background-repeat: no-repeat;    -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;}
.MediumWhite{background:url(/Images/ProgressWhite.svg);    margin: 14px 2px; width:21px; height:21px; float:left; background-repeat: no-repeat;    -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;}
.MediumRed{background:url(/Images/ProgressRed.svg);     margin: 14px 2px;width:21px; height:21px; float:left; background-repeat: no-repeat;    -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;}
.MediumGreen{background:url(/Images/ProgressGreen.svg);    margin: 14px 2px; width:21px; height:21px; float:left; background-repeat: no-repeat;    -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;}
.BigGray{background:url(/Images/ProgressGray.svg);  margin: 10px 1px; width:29px; height:29px; float:left; background-repeat: no-repeat;    -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;}
.BigRed{background:url(/Images/ProgressRed.svg);  margin: 10px 1px; width:29px; height:29px; float:left; background-repeat: no-repeat;    -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;}
.BigGreen{background:url(/Images/ProgressGreen.svg);  margin: 10px 1px; width:29px; height:29px; float:left; background-repeat: no-repeat;    -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;}
.BigWhite{background:url(/Images/ProgressWhite.svg);  margin: 10px 1px; width:29px; height:29px; float:left; background-repeat: no-repeat;    -webkit-background-size: contain;    -moz-background-size: contain;    -o-background-size: contain;    background-size: contain;}

.VolumeDiv
{
	display: block;
	width: 100%;
	height: 38px;
}
.Volume
{
	font-size: 11px;
	margin: 15px 0 0 15px;
	height: 10px;
}
.listL
{
	margin: 200px auto;
}
.error
{
	color:red;
	font-size:12px;
}
.Task
{
	width: 980px;
	float: left;
	margin:50px 0 50px 50px;
	min-height: 500px;
}
.TaskHeader
{
   /*opacity: 0.7;
   filter: alpha(opacity=70);
    background:#fff;*/
       background: rgba(255, 255, 255, 0.7);
	width: 980px;
	height:50px;
	/*background:url(/Images/LoadHeader.jpg);*/
	float:left;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.GameOverRightTitle {
        margin-left: 40px;
    font-weight: 700;
    color: #999999;
        margin-right: 95px;
    text-align: right;
}

.GameOverRank {
    width: 80%;
    margin-left: 40px;
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}
.GameOverLeft {
line-height: 47px;
width:53%;
height:370px;
margin-top:50px;
float:left;
display:block;
text-align: center;
font-size: 20px;
font-weight: 700;
vertical-align: middle;
/*background:yellow;*/
}
.GameOverRight {
width:47%;
margin-top:25px;
height:370px;
float:left;
display:block;
border-left: solid 1px #c3c5c4;
/*background:orange;*/
}
.TopStatus
{
	height: 50px;
	float:right;
}
.Status
{
	display:inline-block;
	height: 50px;
	float:left;
	color:#ccc;
	padding-left:20px;
	/*background:#666666;*/
}
.StatusAvatar
{
	display:inline-block;
	height: 38px;
	float:left;
	margin-top:7px;
	border-radius:25px;
	background:#fff;
}
.pad15 {
padding: 5px 15px; 
}
.StatusAvatar img
{
	height: 38px;
	width:38px;
	border:2px solid #b8b8b8;
	border-radius:50%;
}
.statusItem {display:inline-block; margin-left:15px;padding-top:18px;height:36px;}
#dUserDiamond {display:inline-block; margin: 12px 3px 0px 7px;}
#Dictionary{display:inline-block; margin: 12px 3px 0px 20px; cursor:pointer;}

.odmDiamond {display:inline-block;}
.dUserDiamond {
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 4px #fff;
    -moz-box-shadow: 0 0 3px #fff;
    box-shadow: 0 0 1em #fff;
    background: #fff;
    color: red;
    padding: 5px;
    font-weight: bold;
    /*margin-top:10px;*/
    /*margin-right:8px;*/
    margin-left: 0px!important;
    margin: 5px 0px 0px 0px !important;
}

.Notifications
{
	width: 50px;
	height: 50px;
	margin-right:50px;
	float:left;
	background:url(/Images/Notifications.svg) no-repeat;
	/*background:url(/Images/Notifications.jpg) no-repeat #666666;*/

}
.MS
{
	width: 50px;
	height: 40px;
	float: left;
	background:url(/Images/Login.jpg) no-repeat #666666;
	padding: 18px 0 0 15px;
	color:black;
}
.TaskMainMenu
{
	width: 270px;
	height: 15px;
	margin:15px 0 0 0;
	color:rgb(153, 153, 153);
	    font-size: 11px;
	float:right;
}
.TaskMainTop
{
	width: 100%;
	height: 55px;
}
.TaskFooter
{
	width: 980px;
	height:70px;
    /*opacity: 0.7;
    filter: alpha(opacity=70);*/
    background: rgba(255, 255, 255, 0.7);
    /*background: url(/Images/belt-bottom.jpg);*/
	float:left;
	border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.star {
    background:url(/Images/Rate.svg) no-repeat ;
    width:20px;
    height:20px;
    float:left;
}
.star_checkbox {
    margin: -1px 10px 0 0;
    width:17px;
    height:17px;
    float:left;
    border:solid 1px #ccc;
    border-radius:5px;
}
.StarMobileHover:hover {
        background: #eee;
        cursor:pointer;
}
.star_hover {
    background:url(/Images/Rate-hover.svg) no-repeat ;
    width:20px;
    height:20px;
    float:left;
}
.StartOver
{
	height:15px;
	float:left;
	color:rgb(153, 153, 153);
	padding: 1px 19px 0 20px;
	background:url(/Images/StartOver.svg) no-repeat;
    border:none;
    cursor: pointer;
}
.Instructions
{

	height:15px;
	float:left;
	color:rgb(153, 153, 153);
	padding: 1px 19px 0 20px;
	background:url(/Images/Instructions.svg) no-repeat;
}
.Rate
{
	height:15px;
	float:left;
	color:rgb(153, 153, 153);
	padding: 1px 19px 0 20px;
	background:url(/Images/Rate.svg) no-repeat;
}
.StartOver:hover
{
	background:url(/Images/StartOver-hover.svg) no-repeat;
	color:#333;
}
.Instructions:hover
{
	background:url(/Images/Instructions-hover.svg) no-repeat;
	color:#333;
}
.Rate:hover
{
	background:url(/Images/Rate-hover.svg) no-repeat;
	color:#333;
}
.TaskMainTitle
{
    /*display:none;*/
	width: 100%;
	/*background: red;*/
	margin:10px 0 0 0;
}
.TaskMainDetail
{
	width: 100%;
	/*min-height: 400px;*/
	/*background: red;*/
	/*margin:14px 0 0 0;*/

}
.button
{
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: none;
    color: #222222;
	margin:0 10px;
}
.button_unactiv
{
	color:#cccccc;
	cursor:default;
	margin:0 10px;
}
.LoadTit
{
	float:left;
	width: 100px;
	height: 50px;
    padding: 0 0 0 10px;
}
.menu-top-right.mobile {
    top:40px;
    width: 96%;
}

.navbar-nav.mobile {
    width:99%;
     color: #666;
}
.scrollbar-inner.Exercise {
    z-index:3;
}
.navbar-nav.mobile a{
     color: #666;
}


.odpowiedziLeft {
    /*width: 15px !important;
    height: 25px !important;*/
    background: url('/Images/arrow-left.svg') no-repeat right;
    display: none;
    position: fixed;
    left: -4px;
    top: 73px;
    font-size: 29px;
    cursor: pointer;
    width: 28px !important;
    height: 35px !important;
}

.odpowiedziRight {
    display: none;
    background: url('/Images/arrow-right.svg') no-repeat left;
    /*width: 15px !important;
    height: 25px !important;*/
    position: fixed;
    right: -4px;
    top: 73px;
    font-size: 29px;
    cursor: pointer;
    width: 25px !important;
    height: 35px !important;
}
.sceneLeft {
    /*width: 15px !important;
    height: 25px !important;*/
    background: url('/Images/arrow-left.svg') no-repeat right;
    display: none;
    position: fixed;
    left: -4px;
    top: 73px;
    font-size: 29px;
    cursor: pointer;
    width: 28px !important;
    height: 35px !important;
}

.sceneRight {
    display: none;
    background: url('/Images/arrow-right.svg') no-repeat left;
    /*width: 15px !important;
    height: 25px !important;*/
    position: fixed;
    right: -4px;
    top: 73px;
    font-size: 29px;
    cursor: pointer;
    width: 25px !important;
    height: 35px !important;
}

.odpowiedziLeftRightDisabled {
    background:none !important;
    cursor:default;

}
.sceneLeftRightDisabled {
    background: none !important;
    cursor: default;
}
.odpowiedziLeft:hover {
    color: rgb(232, 67, 116);
    background:url('/Images/arrow-left_hover.svg') no-repeat right;
    cursor: pointer;
}
.odpowiedziRight:hover {
    color: rgb(232, 67, 116);
    background:url('/Images/arrow-right_hover.svg') no-repeat left;
    cursor: pointer;
}

.sceneLeft:hover {
    color: rgb(232, 67, 116);
    background: url('/Images/arrow-left_hover.svg') no-repeat right;
    cursor: pointer;
}

.sceneRight:hover {
    color: rgb(232, 67, 116);
    background: url('/Images/arrow-right_hover.svg') no-repeat left;
    cursor: pointer;
}
.VolumeDiv2 > #masterMin > .ui-slider-handle {
        margin: 5px 0 15px -4px;
        min-width: 10px;
        height: 14px;
        width: 11px;
}
.Load
{
	float:left;
	width: 830px;
	height: 50px;
}
.LoadExit
{
	float: left;
	width: 40px;
	height: 50px;
}
.LoadTitVal
{
	display: table-cell;
	text-align: center;
	width: 100px;
	height: 50px;
	vertical-align: middle;
	color: rgb(153, 153, 153);

}
#ExerciseRate {
    margin:0 auto;
}
.RateBTN {
    top:15px;
}
.zarowka {
    background:url('/images/zarowka.svg');
    width:25px;
    height:25px;
    float:left;
    cursor:pointer;
    margin: 5px 4px 0 0;
}
.ShowCorrect {
    font-size: 14px;
    padding: 10px 0 0 0;
    width: 200px;
    height: 40px;
    cursor:pointer;
    font-weight: 700;
    color: #e02d2d;
}
.buttons
{
	margin:25px 0 0 15px ;
	float:left;
}
.buttonsCheck
{
	    margin: 15px 15px 0 0px;
	float:right;
}
.LessonLink a {
    color: #cbcbcb;
}
.TryAgain
{
        text-align: center;
    font-size: 14px;
    padding: 10px 0 0 0;
	width: 187px;
	height: 40px;
	border-radius: 5px;
	background: rgb(228, 82, 81);
	border:none;
	color:#fff;
    display:none;
    cursor:pointer
}
.TAGame
{
	width: 187px !important;
}
.TAGame p { display:inline-block !important;
}
.TAGame span {    right: 3px !important;
    }

ol > li {    display: list-item;}
ol {    -webkit-padding-start: 20px;}
.NoWrapEnd {    display: inline-block;}
.GotIt
{
     cursor:pointer;
     text-align: center;
    font-size: 14px;
    padding: 10px 0 0 0;
	width: 187px;
	height: 40px;
	border-radius: 5px;
    background: rgb(232, 67, 116); 
	border:none;
	color:#fff;
    display:none;
}
.check
{
     cursor:pointer;
     text-align: center;
    font-size: 14px;
    padding: 10px 0 0 0;
	width: 187px;
	height: 40px;
	border-radius: 5px;
	background: #f2f2f2;
	border:none;
    color: #666695;
}
.TaskMainProgres
{
	width: 200px;
	height: 40px;
	float: left;
	margin: 0px 0 0 437px;
}
.TaskMainDetail_1
{
	width: 459px;
	min-height:400px;
	/*background: blue;*/
	float:left;
}
.TaskMainDetail_2
{
	width: 60px;
	height:400px;
	/*background: yellow;*/
	float:left;
}
.TaskMainDetail_3
{
	width: 459px;
	height: 400px;
	/*background: black;*/
        float: none;
    vertical-align: middle;
    display: table-cell;
}
.TaskMainDetail_4
{
	width: 60px;
	height:400px;
	/*background: yellow;*/
	float:left;
}
.TaskMainDetail_5
{
	width: 459px;
	height: 400px;
	/*background: black;*/
	float:left;
}
.avatar
{
	float: left;
}
.odp_BT
{
	font-size: 16px;
	width:440px;
	height:30px;
    z-index:2;
    position:relative;
	border: solid 1px #cccccc;
    border-radius: 5px;
	margin:9px 0;
	cursor: pointer;
	font-family:   'Montserrat Light';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #333333;
	background:white;
}
.TaskMainTitle_border
{
    /*border: solid 1px #676161;*/
    width: 683px;
	    background: white;
		/*text-align:center;*/
    margin: 0px 0 0 35px;
    /*padding: 20px 20px;*/
}
.Stars {
    width:55px;
    height:60px;
    margin: 0 auto;
    background:url(/Images/stars.svg) no-repeat;
}
.hand {
    width:91px;
    height:95px;
    margin: 0 auto;
    background:url(/Images/hand.svg) no-repeat;
}
.diamond {
    width: 46px;
    height: 43px;
    margin: 13px auto 0 auto;
    background:url(/Images/diamond.svg) no-repeat;
}
.diamondCout {
    width: auto;
    display: table;
    margin: 0 auto;
}
    .diamondCout > * {
        float:left;
    }
     .diamondCout > p {
       margin: 20px 9px 0px 0px;
       color:#853d92;
    }
    
.TaskMainDetail_image
{
    /*margin: 65px 0 0 130px;*/
    float: left;
    padding: 25px 0 0 80px;
    background: url('../../Images/btnPlay.svg') no-repeat;
    height: 63px;
        background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    cursor: pointer;
}
.TaskMainDetail_image_min
{
    width:40px;

    float: left;
    /*padding: 25px 0 0 80px;*/
    background: url('../../Images/btnPlay.svg') no-repeat;
    height: 35px;
    cursor: pointer;
            background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.drag, .drop, .dropped {
    width: 300px;
    height: 100px;
    line-height: 100px;
    border: 1px solid black;
    cursor: pointer;
    border-radius: 10px;
    text-align: center;
    background-color: lightpink;
    position: relative;
}
.demo
{
	width: 490px;
	height: 400px;
	float: left;
}
.demo2
{
	width: 800px;
	height: 300px;
	float: left;
}
#masterMin {
        background: #BDBDBB;
}
#masterMin > .ui-slider-range-min {
    background: #E84374;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.sortable
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 490px;
}
	.sortable li
	{
	text-align:center;
	width:440px;
	padding: 8px 0 8px 0;
	border: solid 1px #cccccc;
    border-radius: 5px;
	margin:5px 0 9px 0;
	cursor: n-resize;
	}
        .TryAgain p {   display: inline-block;
    }
.ui-slider .ui-slider-handle  {
    border:none !important;
}
.stableli
{
	background: white;
}
	.sortable li:hover
	{
		background:#cccccc;
	}
	.sortable2
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
	.sortable2 li
	{
	text-align:center;
	width:202px;
	float:left;
	padding: 8px 0 8px 0;
	border: solid 1px #cccccc;
    border-radius: 5px;
	margin:5px 8px 9px 8px;
	cursor: e-resize;
	}
	.sortable2 li:hover
	{
		background:#cccccc;
	}
.TopMobileMargin { display:none;}

.container {
    background-color: lightblue;
    width: 500px;
    height: 400px;
    border: 1px solid black;
    float: left;
    margin-right: 30px;
}
.ResetUnit {
    background: none;
    border: none;
    margin: 11px 20px 0 0;
    float:left;
    font-size: 12px;
    color: #4799ff;
    cursor:pointer;
}

    .ResetUnit:hover {
        color: #23527c;
    }
    .ButtonSubscribeBuyMidle {
        display: none;
    }
#TempOdpowiedz {
    display:none !important;
}
.TaskMainDetail_1 ul {
        list-style-type: disc;
        margin-left: -20px;
}
.TaskMainDetail_1 ul li {
            display: list-item;
}

.textbox
{
	margin: -7px 0 0 5px;
	padding:0 0 0 5px;
	float: right;
	height: 27px;
	border: dashed 1px #cccccc;
	background:white;
	border-radius:5px;
}
.ButtonSubscribeBuyMin {
display:none;
}
.ButtonSubscribeBuy {
    margin: 8px 0px 0px 20px;
    float:left;
}
.TaskMainDetail_image2
{
    padding: 25px 0 0 80px;
    background: url('../../Images/btnPlay.svg') no-repeat;
        height: 64px;
    margin: 0px 0 20px 0;
    cursor: pointer;
}
.UnitClose {
    margin: -17px -17px 0px 0px;
    float: right;
}
.TaskMainDetail_photo 
{
	cursor:default;
    width: 338px;
	float:right;
    /*margin: 35px 0 0 0px;*/
}
#Modpowiedzi {
    border:0px !important;
}
.divcenter {
    height: 400px;
    vertical-align: middle;
    display: table-cell;
}
    .Task { margin:60px auto; float:none;  width:980px; }
.PhotoAndText
{
	width: 170px;
	float: left;
    margin: 0px 20px 20px 20px;
	    height: 163px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.PBar {
    display:block;
    float:left;
    top: 7px;
    width: 22px !important;
    /*margin-left: 5px;
    margin-right: 5px;*/
    position: relative;

}
.ErrorPageInfo{
    width: 170px;
    height: 190px;
    color: #fff;
    margin-top: -210px;
    float: left;
}
.ErrorPageInfoNr{
    width: 170px;
    height: 70px;
    font-size:60px;
    float: left;
    font-weight: 700;
}
.ErrorPageInfoTitle{
    width: 170px;
    height: 60px;
    font-size: 20px;
    font-weight: 700;
    float: left;
}
.ErrorPageInfoDescription{
    width: 170px;
    height: 60px;
    padding-top: 15px;
    float: left;
    font-size: 13px;
}
.NoBorder{
        padding-bottom: 17px !important;
        border-bottom-right-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
}
.ErrorPageBTN{
    background: #cbcdd1;
    border-color: #cbcdd1;
    color: #434241;
    padding-top: 12px;
    font-weight: 700;
    padding-bottom: 12px;
}
.ErrorPageBTN:hover {
    background: #ea4272;
    border-color: #ea4272;
    color: #fff;
}
.RedBottomBorder{
    width: 546px;
    margin-left: auto;
    margin-right: auto;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
    height: 23px;
    background: #ea4272;
}
.ErrorPageImg{max-width: 250px;}

.divplay {
    float: left;
}
.pytanie > .OdpowiedzButton, .incorrect, .correct {
    border: solid 1px rgba(204, 204, 204, 0) !important;
}

.GE_PaddingL {
    padding-left: 30px !important;
}
.TaskMainDetail_photo2 
{
	cursor:default;
	width:170px;
}
.TaskMainDetail_image{margin: 0 0 0 10px}
 .divQusetion{float:right}
  .divQusetion{width:68%;}
.TaskMainDetail_image2:hover
{
	/*background:url('../../Images/btnStop.svg') 100%;*/
}
.min {display:none; }

.YourProgresBarBox {width:570px;clear:both;margin:10px 0 0 0;}

/*style dla ćwiczeń*/
.displayNone {display:none;}

.Task_2_3_MainDetail .boxTaskContainer {}
.Task_2_3_MainDetail .TaskMainDetail_3{float:left;} 
.Task_2_3_MainDetail .gallery li   {width: 234px; padding:8px 9px; margin: 0 0.4em 21px 0px;}
.Task_2_3_MainDetail .TaskMainDetail_image{ width: 260px;} 
.Task_2_3_MainDetail .trash li{width: 249px; height:31px; margin: -1px 0 0 -1px; border:none; background: url(/Images/dymek_activ.png) no-repeat;} 
.Task_2_3_MainDetail .TaskMainDetail_1{width: 300px; }
.Task_2_3_MainDetail .TaskMainDetail_2{width: 40px;} 
.Task_2_3_1 .TaskMainDetail_3{width:300px;}
.Task_2_3_2 .TaskMainDetail_3{width: 459px; }
.Task_2_3_2 .boxTaskMainDetail_3_cont {width: 292px;float: right;}
.Task_2_3_MainDetail .TaskMainDetail_4{width: 40px;}
.Task_2_3_MainDetail .TaskMainDetail_5{ width: 240px;} 
.Task_2_3_MainDetail .TaskMainTitle{margin:50px 0 0 0;} 
.Task_2_3_MainDetail .TaskMainDetail_image{margin: 120px 0 0 0px; float:right;}
.Task_2_3_MainDetail .ui-state-default,
.Task_2_3_MainDetail .ui-widget-content .ui-state-default,
.Task_2_3_MainDetail .ui-widget-header .ui-state-default {
    margin: 0 0 15px 0px;
}
.Task_2_3_MainDetail .trash{border:none; background: url(/Images/dymek.png) no-repeat; width:252px;} 
.Task_2_3_MainDetail .green{background: url(/Images/dymek_green.png) no-repeat !important;}
.Task_2_3_2_MainTitle_border { width: 572px;float: left;margin-left: 164px; margin-bottom:14px; margin-top:50px;}
@media only screen and (max-width: 1160px) {
    .ButtonSubscribeBuy {
        display:none;
    }
    .ButtonSubscribeBuyMidle {
        display: block;
    }
}
@media only screen and (max-width: 1030px) {
.Task_2_3_2 .TaskMainDetail_3{width:45%;}
.Task_2_3_2 .TaskMainDetail_5 {width:40%;}
    .Load > span {
           width: calc(100% - 50px);
    float: left;
    }
    .Load {
        width:84%;
    }
}

@media only screen and (max-width: 991px) {
            .ButtonSubscribeBuyMin {
        display:block;
        margin: 0;
        width: 90px;
        margin: 17px auto;
        float: none;
        margin-left: 150px;

    }
        .ButtonSubscribeBuyMidle {
        display:none;
    }
    .ChallengeLine {
        background:none;
    }
        .ChallengeLine2 {
        background: url("/Images/line-challange_v1.svg") no-repeat;
        background-repeat: no-repeat;
        position: relative;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        background-position: bottom;
    } 
/*.Task_2_3_MainDetail .TaskMainDetail_5 {width:100%;}
.Task_2_3_MainDetail .gallery li {margin:0 auto; margin-bottom:21px;}*/
.Task_2_3_MainDetail .TaskMainDetail_1 {display:block; width: 100%; height:auto; min-height:inherit; margin-top:20px; margin-bottom:20px;}
.Task_2_3_MainDetail .TaskMainDetail_image{display:block; float:none;margin:0 auto;}

.Task_2_3_MainDetail .boxTaskContainer {display:block; width:100%; text-align:center;}
.Task_2_3_MainDetail .TaskMainDetail_2 {display:none;}
.Task_2_3_MainDetail .TaskMainDetail_3,
.Task_2_3_MainDetail .TaskMainDetail_4,
.Task_2_3_MainDetail .TaskMainDetail_5, .Task_2_3_2 .TaskMainDetail_3, .Task_2_3_2 .TaskMainDetail_5
 {display:inline-block; float:none;vertical-align:text-top;}
.Task_2_3_2 .TaskMainDetail_3 {width:300px;}
.Task_2_3_2 .TaskMainDetail_5 {width:240px;}
.Task_2_3_2_MainTitle_border {float:none; display:block; margin-left:0px; margin:auto; margin-top:30px;}
.Dash_challenges, .Dash_prizes {min-height:385px;}
.Dash_right, .Dash_friends{min-height:inherit;}
.Dash_friends{padding-bottom:20px;}
 .Load {
        width:77%;
    }
}
@media only screen and (max-width: 620px) {
    .Dash_challenges, .Dash_prizes {min-height:inherit; height:auto;}
        .Load {
        width:71%;
    }



    .LevelingTestFinishSeparator {
        height: 30px;
        margin: 0 auto;
            transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
        float: none;
    }
    .LevelingTestFinishProgres, .LevelingTestFinishLevel {
            height: 160px;
            margin: 0px auto;
            padding-top: 40px;
            float: none;
    }
    .TryAgain, .GotIt, .check{width:150px;}
    .LessonFinish {
        width: 98%;
    }
    .LessonFinishFooter{float:left;}
    .LessonFinishMain{float:left; padding:0 0;}
    .LessonFinishPadlock{width:100%;    height: 180px;}
    .LessonFinishDetail{ float: none;    margin: 0 auto;    display: block;}
}

@media only screen and (max-width: 640px) {
.Task_2_3_MainDetail .TaskMainDetail_4 {display:none;}
.Task_2_3_MainDetail .TaskMainDetail_3 {height:auto}
.Task_2_3_MainDetail .TaskMainDetail_5 {width:100%; height:auto; margin-top:20px;}
.Task_2_3_MainDetail .gallery {display:block; float:none; height:auto; width:290px; margin:auto;}
.Task_2_3_MainDetail .gallery li {margin-left:54px; margin-bottom:21px;}
.Task_2_3_2_MainTitle_border {width:auto; margin-left:20px; margin-right:20px; margin-top:20px; background:none;}
.UnitClose{    margin: -24px 1px 0px 0px;}
}

@media only screen and (max-width: 525px) {

    .ErrorPageInfo {
        width: 110px;
        height: 190px;
        color: #fff;
        margin-top: -210px;
        float: left;
    }

    .ErrorPageInfoNr {
        width: 110px;
        height: 70px;
        font-size: 53px;
        float: left;
        font-weight: 700;
    }

    .ErrorPageInfoTitle {
        width: 110px;
        height: 60px;
        font-size: 15px;
        font-weight: 700;
        float: left;
    }

    .ErrorPageInfoDescription {
        width: 110px;
        height: 60px;
        padding-top: 0px;
        float: left;
        font-size: 12px;
    }
}
@media only screen and (max-width: 400px) {

    .ErrorPageInfo {
        width: 200px;
        height: 190px;
        color: #fff;
        margin-top: -115px;
        float: left;
    }
    .ErrorPageImg {
        max-width: 120px;
    }
    .ErrorPageInfo,
    .ErrorPageInfoDescription, .ErrorPageInfoNr{
        width:100%;
    }
    .ErrorPageInfoTitle {
        width: 50%;
    }
}
@media only screen and (max-width: 500px) {


    .GameOverRank {
        width: calc(100% - 40px);
    }
    .skip {
    color:#fff;
    }
    .ResCol6 {
    width: 100%;
}

    .ImageMask {
    calc(100% - 20px);
    position: absolute;
}

    .LessonFinishDetailSegmentFirst {
    font-size: 27px;
    padding-left: 3px;
}

    .GameOverLeft {
       width: 100%;
        margin-top:0px;
         height: 140px;
        border-right:none;
    }
    .GameOverRight {
       width: 100%;
        margin-top:0px;
    }
}
@media only screen and (max-width: 500px) {
.Task_2_3_2_MainTitle_border {color:#9B9EBA;}
.CloseCorrectAnswerTxt{display:none;}
#TaskMainTopCorectAnswerClose{width:22px;}
}
/*---koniec---style dla ćwiczeń*/

@media only screen and (max-width: 1300px)
{
	#nav
	{
		display: none;
	}
	#footer
	{
		display: none;
	}
}
@media only screen and (max-width: 1000px)
{
    .DivCircleResult{height:180px;}

}
@media only screen and (min-width: 798px) and (max-width: 1036px)
{

}

@media only screen and (min-width: 500px) and (max-width: 797px)
{
}
@media only screen and (max-width: 500px)
{
    #MoreDiamond {
    overflow: hidden;
    white-space: nowrap !important;
    display: block;
    text-overflow: ellipsis;
}
    .GraduateDiamond {
          width:100%;
    }

    /* Let's get this party started */
::-webkit-scrollbar {
    width: 0px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: none; 
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: none; 
    -webkit-box-shadow: none; 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: none;
}


}

@media only screen and (max-width: 423px)
{
    .LessonFinishDetailSegment{    width: 79px;}
    .LessonFinishDetail{width: 318px;}
    .LessonFinishDetailCheck{width:318px}
    .LessonFinishDetailLine{width:318px;}
    .LessonFinishFooter {        padding-left: 10px;        padding-right: 30px;    }

}
@media only screen and (max-width: 1030px) {
    /*.Task { margin:50px auto; float:none;  width:980px; }*/
    .TaskHeader{width:100%;}
    .TaskMain{width:100%;}
    .TaskFooter{width:100%;}
    .TaskMainProgres{margin: 0px 0 0 39%;}
    .TaskMainDetail_1{width:45%;}
    .TaskMainDetail_3{width:40%;}
    .LessonLink{width:100%; }
    .LoadExit{float:right;}
    /*.Load{width: auto;}*/
    .divQusetion{width:68%;}

}
@media only screen and (max-width: 980px) {
        .LessonLink{        margin: 55px auto -45px auto;}
.Task { margin:50px auto; float:none;  width:100%; }
    .GE_PaddingL{padding-left:50px !important;}
.TaskLock {
   width: calc(100% - 2px);
}    .GameOverRightTitle {
        margin-right: 18%;
    }
    #CorrectDiamond {
        display:none !important;
    }
}

@media only screen and (max-width: 640px) {
.divQusetion{width:50%;}
/*.TopStatus{display:none;}*/
.TaskMainProgres{display:none}
.divQusetion{width:48%;}
.TaskMainMenu{width:270px;}
.TaskMain2 {padding:10px 10px 30px 10px;}
.YourProgresBarBox {width:100%;}
.DivCircle{margin: 0 auto; float:none;}
.DivCircleResultParent {width:100%;}
/*.Load{display:none;}*/

}
@media only screen and (max-width: 780px) {

        .TaskMainProgres{    margin: 0px 0 0 26%;}

}
@media only screen and (max-width: 767px) {
	.LevelLink {margin:0 auto;}

                .ButtonSubscribeBuyMin {
        display:none;

    }
        .ButtonSubscribeBuyMidle {
        display:block;
    }

        .zarowka {
    background:url('/images/zarowkaMin.svg');
    width:40px;
    height:40px;
    float:left;
    cursor:pointer;
    margin: 0 0;
    background-repeat: no-repeat;
    position: relative;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
    .ShowCorrect{display:none;}
	.LevelBox a {display:block;clear:both;margin:10px 0;}

    .Status {    padding-left: 0px; }
}
/*@media only screen and (max-width: 640px),  (min-width: 641px) and (max-width: 1024px) and (orientation:portrait)*/
@media only screen and (max-width: 620px) {
    .ButtonSubscribeBuyMin {
        display:block;
        margin: 0;
        width: 90px;
        margin: 17px auto;
        float: none;
        margin-left: 150px;

    }
        .ButtonSubscribeBuyMidle {
        display:none;
    }
}
@media only screen and (max-width: 500px)
{
    .divplaylb4 {
        margin-top:40px;
    }

    .GameOverRightTitle {
    margin-right: 9%;
}
    .tree i {
        display:none;
    }
    .CorrectPX {
        width: 100px;
    }
    .CorrectPXChild {
            margin: 13px 0 0 7px;
    }
    .TryAgain {
        width: 50px;
    }
    .TryAgain span {
       right: 0px;
    }
    .CorrectPXChild2 {
        margin: 0px 0 0 20px;
    }
    .TryAgain p {
        display:none;
    }
    .CorrectDiamond2  {
        display:none;
    }
        .TaskMain {
        height: auto;
        /*min-height: 500px;*/
    }
       
    .Top{background:#c7cbce;}
    .Task { margin:0px auto; float:none;  width:100%; }
    .TopMobile{   display:block;  width: 100%;    position: fixed;    top: 0;    height: 45px;        background: #5c636d;    z-index: 5;}
    .TopMobileMargin { display:block; width:100%; height:15px; float:left;}
    .TaskHeader{display:none}
    /*.TopStatus{display:none;}*/
    #header{width:100%}
    .TopMenu {width:80%;}
    .LessonLink{display:none;}
    .Task{width:100%; }
    .TaskMainTop{display:none;}
    body, html{background: #fff;}
    .TaskMain{width:100%; background: #fff; margin: 0 0 80px 0; min-height:250px; border:0px;}
    .TaskMainDetail_1{  width:100%;  min-height: 110px; height: inherit;}
    .divcenter{height:100px;}
    .TaskMainDetail_image{margin:0;}
    .divQusetion{width:220px;}
    .divcenter{height:100px;}
    .TaskMainDetail_2{display:none;}
    .TaskFooter{width:100%;border: 0px;      background: #5c636d;   z-index: 20;  bottom: 0px;  position: fixed;     opacity: 1;  filter: alpha(opacity=100);    border-radius: 0px;}
    .TaskMainDetail_3{  width:90%; margin:0 0;  margin: 0 auto;  height:inherit;     display: block;}
    .odp_BT{margin:7px 0; padding:10px 15px; width:100%}
    .button{display:none;}
    .button_unactiv {display:none;}
    .min {display:Block; width: 20px;    float: left;    font-size: 30px;}
    .buttons{margin:15px 0 0 15px;}
    .title{    font-size: 15px;    color: #666;    margin: 10px 0 5px 0;}
    .TaskMain2{width:100%}
    .TaskMainDetail_photo{width:100%}
    .divleft{width:100%;}
    .Task_BT_LBL{ margin: 0 auto;    display: table;}
    odp_BT {        float: none;        margin: 5px auto;    }
}
@media only screen and (max-width: 420px)
{
	.Progresss	{width:100%;}
	.LevelDescription {padding:15px 0 0 0;}
	.LevelBox {margin:0 0 40px 0;}
	.LevelDescription {display:block;clear:both;}
	.zone-left {width:90px;}


    .ButtonSubscribeBuyMin {
        margin: 0;
        width: 60px;
        margin: 17px auto;
        float: none;
        margin-left: 111px;
            padding: 8px 16px;
    }
}
@media only screen and (max-width: 320px) {
    .TaskMainDetail_1 {width: 100%;    }
    .divplay{float:none;    margin: 0 auto;    display: table;}
    .divQusetion{    width: 80%;    float: none;    margin: 0 auto;}
    .divright{float:none;}
    .divQusetion{    float: none;    margin: 0 auto;    width: auto;    display: table;}
    .Task_BT_LBL{width:100%;}
}