* {
    margin: 0;
    padding: 0;
}

html,
body,
.childBody {
    height: 94.5%;
}


.translateNotice .bgBlue {
    margin-bottom: 25px;
    position: relative;
    top: 10px;
    text-align: center;
    width: 300px;
    padding: 5px 40px;
}
.doubleTaskNav #taskNav > i{
    display: none;
}
.green{
    color: green;
}
.specialContent{    
    position: relative;    
    margin-top: -30px;
    padding-bottom: 40px !important;
    box-shadow: 0px 0px 25px #c8dbff;
    border-radius: 50px;    
}
.specialContent .headerBG{
    border-radius: 50px;
}
.displayBlock{
    display: block !important;
}
#tasksAjax pre strong {
    display: contents;
}
.gptImg{
    display: block;
    width: 400px;
    margin: 0 auto;    
}
.desctopNone{
    display: none;
}
.buttonBottom{
    display: none;
}

textarea[name="textarea"]{
    width: 100%;
    min-height: 200px;    
}

#translateUz{
    white-space: break-spaces;
    line-height: 32px;
    font-size: 18px;
    font-weight: 400;
}
#translateUz p {
    font-weight: 400;
}
.markerAnswerExpert p:first-child{
    margin-bottom: -15px !important;
}
.blockRadio input[type="radio"] {
    display: none;
}

.appComeBack {
    display: none;
    position: absolute;
    top: -20px;
    left: -20px;    
}

.appComeBack img {
    width: 50px;
}

.descriptionChild {    
    overflow: auto;
    scrollbar-width: thin;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid #f8f8f8;
}

#tasksAjax strong {
    margin: 20px 0px;
    display: block;
}

.translateNotice p{
    margin-bottom: 0px;
    font-weight: 400;
}

.numberTask{
    font-size: 42px;
    font-weight: 400;
    position: relative;
    top: 15px;
}

.blockRadio {
    margin: 5px 0px;
    padding: 10px 15px;
    border-radius: 5px;
    color: #000000 !important;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;    
    background: linear-gradient(to right, #e0e4ff, #eef3ff);
    width: 50%;  
}

.active .blockRadio:first-child {
    margin-top: 25px;
}

.blockRadio div {
    display: inline-block;
    width: 15px;
}

.blockRadio:hover{
    background: #d4d4f8;
}

.star{
    float: left;
    position: relative;
    top: 10px;
    left: -5px;
}

.loader{
    text-align: center;
}

.loader  img{
    width: 40px;
    opacity: 0.5;
}

.content {
    box-sizing: border-box;
    min-height: 120%;    
}

.footer {
    height: 60px;
    margin-top: -70px;
}

body{
    max-width: 1400px;
    margin: 0 auto;
}

.childBody{
    float: left;
    width: 100%;
    padding-top: 85px;
}

.childBody > div{
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

h1{

}

h2{
    font-size: 48px;
    font-weight: 400;
    margin-bottom: 20px;
}

h3{
    font-size: 48px;
    font-weight: 400;
    text-align: center;
    margin: 25px 0px;
}

h4{
    font-size: 24px;
    margin: 10px 0px;
    font-weight: 400;
}

h5{

}

h6{

}

.button{
    color: #FFFFFF;
    padding: 10px 40px;
    font-size: 24px;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #999999;
    border: 0;
    cursor: pointer;
}

.button:hover{
    background-color: #a2a2ff;
    box-shadow: 3px 3px 10px #999999;
}

.blockLeft{
    float:left;
}

.blockRight{
    float:right;
}

.blue{
    color: #7979ff;
}

.bgBlue{
    background: #7979ff;
}

.red{
    color: #e31919;
}

.bgRed{
    background: #e31919;
}

.buttonRightIco, .buttonRightIco:hover{
    background-image: url(../images/ico/buttonRight.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 25px;
}

.date{
    color: #999999;
    font-size: 12px;
}

.plash{
    background: #e7e7fe;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.5;
}

.editIco:hover{
    box-shadow: 0px 0px 5px #999999;
    background-color: #FFFFFF;
}

.editIco{
    background-image: url(../images/ico/edit.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    padding: 15px;
    cursor: pointer;
}

.saveIco:hover{
    box-shadow: 0px 0px 5px #999999;
    background-color: #FFFFFF;
}

.saveIco{
    background-image: url(../images/ico/save.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 31px;
    padding: 15px;
    cursor: pointer;
}

input[type="text"]{
    border: 1px solid #CCCCCC;
    color: #999999;
    padding: 10px 5px;
    font-size: 15px;
    box-shadow: inset 0px 0px 5px #CCCCCC;
}

textarea{
    border: 1px solid #CCCCCC;
    color: #999999;
    padding: 10px 5px;
    font-size: 15px !important;
    box-shadow: inset 0px 0px 5px #CCCCCC;
    line-height: 22px !important;
}

select{
    border: 1px solid #CCCCCC;
    color: #999999;
    padding: 10px 5px;
    font-size: 15px;
    box-shadow: inset 0px 0px 5px #CCCCCC;
}

.formSection{
    margin-bottom: 25px;
    position: relative;
}

.formSection label, .formSection span{
    font-size: 12px;
    margin-bottom: 5px;
}



/*========= Header =========*/


.userName a:hover{
    text-decoration: underline;
}

.header{
    margin-bottom: 35px !important;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 9999;
    box-shadow: 0px 0px 25px #c8dbff;
}

.headerBG{
    background: linear-gradient(to right, #fff0f0, #e8f2ff, #e5f0ff);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    z-index: -1;    
}

.header .childHeader{
    text-align: center;
    max-width: 1400px;
    margin: 0 auto;
}

.header .childHeader > div{
    display: inline-block;
}

.header > table{
    width: 100%;
}

.header > table td{
    vertical-align: top;
}

.header .leftHeader{
    width: 200px;
    float:left;
}

.header .centerHeader{
    width: 59%;
}

.header .centerHeader > div{
    padding: 0px 5px;
}

.header .centerHeader > div > div{
    text-align: center;
}

.header .rightHeader{
    text-align: right;
    width: 200px;
    float: right;
}

.header .logo{
    text-align: left;
    position: relative;
    top: -10px;
    width: 155px;
}

.logo span{
    display: block;
}

.logo span:first-child{
    font-weight: 500;
    font-size: 24px;
    margin-top: 15px;
}

.logo span:last-child{
    margin-top: 5px;
    font-weight: 400;
    letter-spacing: 4.7px;
    position: relative;
    left: 0px;
    width: 180px;
}

.mimiLogo{
    text-align: left;
    position: relative;
    top: 0px;
    width: 155px;
}

.mimiLogo span{
    display: block;
}

.mimiLogo span:first-child{
    font-weight: 500;
    font-size: 16px;
    margin-top: 15px;
}

.mimiLogo span:last-child{
    margin-top: 5px;
    font-weight: 400;
    letter-spacing: 2.4px;
    font-size: 12px;
}

.header .logo img{
    width: 200px;
}

.header .presentationTitle{
    text-align: center;
    position: relative;
    top: 10px;
}

.header .presentationTitle span{
    font-weight: 400;
    font-size: 24px;
    position: relative;
    top: 7px;
}

.header .presentationTitle h1{

}

.header .menu{
    width: auto;
    display: inline-block;
    position: relative;
    top: 15px;
}

.header .menu ul{

}

.header .menu ul li{
    display: inline-block;
    margin: 0px 35px;
    padding: 5px 0px;

    background-repeat: no-repeat;
    background-position: 0px center;
    background-size: 15px;
}

.header .menu ul .active a{
    color: #e31919;
    font-weight: 600;
}

.header .menu ul li:nth-child(1){
    background-image: url(../images/ico/home.png);
}

.header .menu ul li:nth-child(2){
    background-image: url(../images/ico/tasks.png);
}

.header .menu ul li:nth-child(3){
    /*background-image: url(../images/ico/mic.png);*/
    background-image: url(../images/ico/contacts.png);
}

.header .menu ul li:nth-child(4){
    background-image: url(../images/ico/contacts.png);
}

.header .menu ul li a{
    font-size: 18px;
    margin-left: 20px;
    color: #000000;
}

.header .menu ul li a:hover{
    text-decoration: underline;
}



.header .userInfo{
    margin-top: 24px;
    position: relative;
    height: 50px;
}

.header .userName{
    position: relative;
    top: 15px;
    right: 24px;
}

.header .userName a{
    font-size: 14px;
    font-weight: 400;
    color: #999999;
}

.header .userInfo img{
    width: 70px;
    border-radius: 25px;
    position: absolute;
    right: 30px;
    top: -5px;
}

.header .userInfo span{

}

.language{
    margin: 0 auto;
    position: relative;
    top: 15px;
    left: 40px;
}

.language ul{
    float: left;
    margin: 0px 5px;
}

.language li{
    float: left;
    margin: 0px 11px;
}

.language li a{

}

.language li img{
    width: 20px;
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    height: 13px;
}

.language li a:hover img{
    box-shadow: 3px 3px 10px #999999;
}

.language li span{
    display: block;
    font-size: 12px;
    text-align: center;
    font-weight: 400;
}


/*========= end Header =========*/





/*========= Banner =========*/
.banner{
    position: relative;
}

.banner .leftBanner{
    float: left;
    width: 60% !important;
    text-align: center;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    border: none !important;
    height: 100% !important;
}

.banner .leftBanner .leftBannerTop{
    margin-bottom: 65px;    
}

.banner .leftBanner .leftBannerTop h2{
    font-size: 32px;
}

.banner .leftBanner .leftBannerBottom > div{
    width: 50%;
    float: left;    
}

.banner .leftBanner .leftBannerBottom .leftBannerBottomLeft .leftBannerBottomLeftTop{
    margin-bottom: 50px;  
}

.banner .leftBanner .leftBannerBottom .leftBannerBottomLeft .leftBannerBottomLeftTop span{
    font-size: 24px;
    font-weight: 400;    
}

.banner .leftBanner .leftBannerBottom .leftBannerBottomLeft .leftBannerBottomLeftBottom ul li{
    width: 50%;
    float: left;
    margin-bottom: 35px;   
}

.banner .leftBanner .leftBannerBottom .leftBannerBottomLeft .leftBannerBottomLeftBottom ul li span{
    font-size: 18px;
    font-weight: 600;    
}

.banner .leftBanner .leftBannerBottom .leftBannerBottomLeft .leftBannerBottomLeftBottom ul li:last-child{
    width: 100%;
}

.banner .leftBanner .leftBannerBottom .leftBannerBottomRight .leftBannerBottomRightTop{
    margin-bottom: 60px;
}

.banner .leftBanner .leftBannerBottom .leftBannerBottomRight .leftBannerBottomRightTop span{
    font-size: 24px;
    font-weight: 400;    
}

.banner .rightBanner{
    position: relative;
    height: 308px;
    float: right;
    width: 40%;
    text-align: center;
}

.banner .rightBanner h2{
    line-height: 45px;
    font-size: 24px;
    text-align: center;
    display: inline-block;
    background: yellow;
    border-radius: 40px;
    padding: 0px 20px;
}

.banner .rightBanner span{
    font-size: 24px;
    line-height: 32px;
    display: block;
    margin-bottom: 15px;
    font-weight: 400;
    position: relative;
    top: -10px;
    text-align: center;
}

.banner .rightBanner p{
    font-size: 24px;
    line-height: 32px;
    text-align: left;
}

.banner .button{
    position: relative;
    top: 10px;
}

.banner .bannerButton{
    width: 100%;
    text-align: center;
    height: 50px;
    position: absolute;
    bottom: -5px;
    margin-bottom: 0px !important;
}

/*========= end Banner =========*/




/*========= content =========*/

.content{
    position: relative;
}

.miniContent .title h3{
    font-size: 32px;
    text-align: center;
    margin: 50px 0px;
}

.content p{
    line-height: 32px;
    font-size: 18px;
}

.content .miniContent{
    width: 850px;
    margin: 0 auto;
}

.content .section{
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.content .section p{

}

.content .section .childSection, .content .section .childSection2{
    float: left;
    width: 50%;
    text-align: center;
}

.content .section .childSection > div, .content .section .childSection2 > div{
    height: 245px;
    display: table-cell;
    width: 500px;
}

.content .section p{
    line-height: 32px;
    text-align: justify;
    margin: 0 auto;
    width: 370px;
    font-size: 18px;
}

.content h4{

}

.content h4 a{
    font-weight: 400;
    font-size: 24px;
}

.content a:hover{
    text-decoration: underline;
}

.content .section img{
    width: 400px;
}

.glads{
    margin: 0 auto;
    width: 400px;
}

.glads p{
    line-height: 32px;
    text-align: justify;
    font-size: 18px;
}

.glads h4{
    margin: 25px 0px;
}

.glads h4, .reviews .title h4{
    font-size: 32px;
    text-align: center;
}

.reviews{
    text-align: center;
}

.reviews .title{

}

.reviews .title h4{
    margin: 40px 0px;
}

.reviews .childReviews{
    float: left;
    width: 100%;
}

.reviews .section{
    width: 30%;
    float: none;
    display: inline-block;
}

.reviews .section .avatar{

}

.reviews .section .avatar img{
    width: 200px;
    height: 200px;
    border-radius: 100px;
    border: 1px solid #CCCCCC;
}

.reviews .section .childAvatar{
    display: inline-block;
    padding: 10px;
    border-radius: 110px;
    box-shadow: 0px 0px 5px;
}

.reviews .review{

}

.reviews .review .red{
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0px;
    display: block;
}

.reviews .review p{
    text-align: center;
    width: 303px;
}

.reviews .review .date{
    margin: 15px 0px;
    display: block;
}

.instruction .bankTasks .tasks .taskSection .taskSectionChild .taskSectionCenter{
    width: 100%;
}

/*========= end content =========*/






/*========= footer =========*/
.footer{
    border-top: 1px solid #f8f8f8;
}

.footer .childFooter{
    text-align: center;    
}

.footer .childFooter > div{
    width: 33%;
    display: inline-block;
}

.footer .leftFooter{
    text-align: left;
    width: auto !important;
    float: left;
}

.footer .centerFooter{
    width: 60% !important;
    position: relative;
    z-index: 999;    
}

.footer .centerFooter .centerFooterTop{
    margin: 10px 0px;
}

.footer .centerFooter .menu ul{

}

.footer .centerFooter .menu ul li{
    display: inline;
    margin: 0px 15px;
}

.footer .centerFooter .menu ul li a{
    color: #000000;
}

.footer .centerFooter .menu ul li a:hover{
    text-decoration: underline;
}

.footer .centerFooter .menu ul .active{

}

.footer .centerFooter .menu ul .active a{
    font-weight: 600;
    color: #e31919;
}

.footer .centerFooterBottom{

}

.footer .centerFooterBottom span{
    font-size: 12px;
}

.footer .rightFooter{
    width: auto !important;
    float: right;
    margin: 15px 0px;
    min-width: 115px;
}

.footer .rightFooter .socialNetworks{
    position: relative;
    top: -15px;
}

.footer .rightFooter .socialNetworks ul{

}

.footer .rightFooter .socialNetworks ul li{
    float: right;
    margin-left: 10px;
}

.footer .rightFooter .socialNetworks ul li a{

}

.footer .rightFooter .socialNetworks ul li img{
    width: 35px;
    display: block;
    border-radius: 30px;
}

.footer .rightFooter .socialNetworks ul li img:hover{
    box-shadow: 0px 0px 5px;
}

/*========= end footer =========*/





/*========= left column navigation =========*/
.leftColumn{
    width: 25%;
    float: left;
    position: relative;
    padding-top: 5px;
}

.leftColumn h4{
    position: relative;
    top: -15px;
    font-size: 23px;
}

.leftCatalog-open{
    display: block;
}

ul .leftCatalog-open{
    display: none;
}


.leftCatalog-close{
    display: none;
}

.leftColumn .leftNavigation{
    padding: 5px;
    padding-left: 0px;
    padding-right: 25px;
}

.leftColumn .leftNavigation > ul{
    margin-left: 0px !important;
    position: relative;
}

.leftColumn .leftNavigation ul{
    margin-left: 30px;
}

.leftColumn .leftNavigation li{
    margin: 10px 0px;
    display: table;
    width: 100%;
}

.leftColumn .leftNavigation li:last-child {
    margin-bottom: 0px;
}

.leftColumn .leftNavigation li a, .leftColumn .leftNavigation li span{
    display: inline-block;
    padding: 20px 15px;
    border-radius: 5px;
    color: #FFFFFF !important;
    cursor: pointer;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    text-shadow: 0px 1px #323232;
}

.leftColumn .leftNavigation .active{
    color: #efff1b !important;
    font-weight: bold;
    text-shadow: none;
}

.leftColumn .leftNavigation li a, .leftColumn .leftNavigation li span{
    background: linear-gradient(to right, #7979fb, #c3d5ff);
}

.leftColumn .leftNavigation li a:hover, .leftColumn .leftNavigation li span:hover{
    background: #8282f5;
}




.leftColumn .leftNavigation > ul > li > ul > li > ul > li > ul > li > a, .leftColumn .leftNavigation > ul > li > ul > li > ul > li > ul > li > span{
    background: #7979ff;
}

.leftColumn .leftNavigation > ul > li > ul > li > ul > li > ul > li > a:hover, .leftColumn .leftNavigation > ul > li > ul > li > ul > li > ul > li > span:hover{
    background: yellow;
}

.leftColumn .leftNavigation > ul > li > ul > li > ul > li > ul > li > ul > li > a, .leftColumn .leftNavigation > ul > li > ul > li > ul > li > ul > li > ul > li > span{
    background: #0000ff;
}
/*======= end left column navigation =======*/





/*======= right column task bank =======*/
.rightColumn{
    width: 75%;
    float: right;
}

.childRightColumn{
    padding: 5px;
    padding-left: 25px;
    padding-top: 0px;
    border-left: 1px solid #f8f8f8;
}

.title{
    position: relative;
}

.title h3{
    text-align: left;
    margin: 0px;
    margin-bottom: 20px;
    position: relative;
    top: -7px;
    font-size: 32px;
}

.bankTasks{

}

.description{
    margin-bottom: 5px;    
    padding-bottom: 15px;
}

.bankTasks .description p{

}

.bankTasks .description li > p{
    cursor: pointer;
    font-weight: 400;
}

.bankTasks .description li > p:hover{
    text-decoration: underline;
}

.bankTasks .description ul ul{
    margin-left: 40px;
}

.bankTasks .description li {
    display: flex;
    margin-bottom: 15px;
}

.bankTasks .tasks .taskSection, .myTasks .tasks .taskSection{
    height: 70px;
    box-shadow: 3px 0px 5px #999999;
    position: relative;
    border-radius: 5px;
    width: 30%;
    float: left;
    margin-right: 3%;
    margin-bottom: 33px;
    cursor: pointer;
    background: linear-gradient(to right, #e6e6ff, #dbfffa, #f7e6ff);
}

.bankTasks .tasks .taskSection:hover, .myTasks .tasks .taskSection:hover{
    box-shadow: 6px 2px 5px #999999;
}

.bankTasks .tasks .taskSection .taskSectionChild, .myTasks .tasks .taskSection .taskSectionChild{
    text-align: center;
    padding: 5px;
}

.taskSectionChild2{
    display: block !important;
}

.taskSectionChild2 .taskNumber{
    top: 5px !important;
}



.taskSectionChild2 .taskTitle{

}

.taskSectionChild2 .taskDesc{
    bottom: 5px !important;
}

.bankTasks .tasks .taskSection .taskSectionChild > div {
    display: inline-block;
}

.bankTasks .tasks .taskSection .taskSectionChild .taskSectionLeft{
    float:left;
}

.bankTasks .tasks .taskSection .taskSectionChild .taskSectionLeft .checkTask{
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    top: -5px;
}

.bankTasks .tasks .taskSection .taskSectionChild .taskSectionLeft input[type="checkbox"]{
    position: relative;
    left: 12px;
}

.bankTasks .tasks .taskSection .taskSectionChild .taskSectionCenter{
    width: 84%;
    text-align: left;
}

.bankTasks .tasks .taskSection .taskSectionChild .taskSectionCenter > div{

}

.bankTasks .tasks .taskSection .taskSectionChild .taskSectionCenter > div span{
    line-height: 32px;
}

.bankTasks .tasks .taskSection .taskSectionChild .taskNumber{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
}

.bankTasks .tasks .taskSection .taskSectionChild .taskTitle{
    position: absolute;
    top: 20px;
    left: 0px;
    text-align: center;
    WIDTH: 100%;
}

.bankTasks .tasks .taskSection .taskSectionChild .taskTitle a{
    line-height: 32px;
}

.bankTasks .tasks .taskSection .taskSectionChild .taskTitle a:hover{
    text-decoration: underline;
}

.bankTasks .tasks .taskSection .taskSectionChild .taskDesc{
    position: absolute;
    bottom: 7px;
    left: 5px;
}

.bankTasks .tasks .taskSection .taskSectionChild .taskSectionRight{
    float: right;
    width: 100px;
    position: relative;
    top: 10px;
}

.answersSendAnswer .tasks .taskSection .taskSectionChild .taskSectionRight{
    position: absolute;
    right: 0px;
    top: 25px;
}

.bankTasks .tasks .taskSection .taskSectionChild .taskSectionRight > span{
    display: block;
    width: 110px;
    font-size: 11px;
    text-align: left;
    position: relative;
    top: -3px;
    left: 0px;
}

.bankTasks .tasks .taskSection .taskSectionChild .taskSectionRight .changeTaskVariant{

}

.bankTasks .tasks .taskSection .taskSectionChild .taskSectionRight .changeTaskVariant > div{
    float:left;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
}

.bankTasks .tasks .taskSection .taskSectionChild .taskSectionRight .changeTaskVariant .changeTaskVariantLeft{
    background-image: url(../images/ico/arrowLeft.png);
    background-repeat: no-repeat;
    background-position: center 9px;
    background-size: 5px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-right: 5px;
    background-color: #FFFFFF;
}

.bankTasks .tasks .taskSection .taskSectionChild .taskSectionRight .changeTaskVariant .changeTaskVariantLeft:hover,
.bankTasks .tasks .taskSection .taskSectionChild .taskSectionRight .changeTaskVariant .changeTaskVariantRight:hover{
    box-shadow: 5px 0px 5px #999999;
}

.bankTasks .tasks .taskSection .taskSectionChild .taskSectionRight .changeTaskVariant .changeTaskVariantNumber{
    padding: 6.5px 10px;
    font-weight: 400;
    cursor: context-menu;
    font-size: 12px;
    background-color: #FFFFFF;
}

.bankTasks .tasks .taskSection .taskSectionChild .taskSectionRight .changeTaskVariant .changeTaskVariantRight{
    background-image: url(../images/ico/arrowRight.png);
    background-repeat: no-repeat;
    background-position: center 9px;
    background-size: 5px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-left: 5px;
    background-color: #FFFFFF;
}

.buttonReserveTasks{    
    margin: 25px 0px;
    display: inline-block;
    width: 100%;
}

.buttonReserveTasks input[type="button"]{
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 25px;
}

.bankTasks .tasks .buttonReserveTasks .reserveTasks{

}

.filter{
    margin: 25px 0px;
    text-align: center;
}

.filter form{

}

.filter .fSection{
    display: inline-block;
}

.fSection label{
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
}

.fSection select{
    width: 100px;
}

.fSection select option{

}

.fArrow{
    width: 100px;
    border: 1px solid #CCCCCC;
    box-shadow: inset 0px 0px 5px #CCCCCC;
    position: relative;
    top: -14px;
    height: 39px;
}

.fArrow label{
    position: relative;
    top: -18px;
}

.fArrowTop.active{
    background-image: url(../images/ico/arrowTop.png);
    z-index: 1;
    background-size: 25px;
    top: -19px;
    left: 34px;
}

.fArrowDown.active{
    background-image: url(../images/ico/arrowDown.png);
    z-index: 1;
    background-size: 25px;
    top: -27px;
    left: 35px;
}

.fArrowTop{
    background-image: url(../images/ico/arrowTopChild.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 20px;
    width: 25px;
    height: 25px;
    position: relative;
    top: -14px;
    left: 33.9px;
    cursor: pointer;
}

.fArrowDown{
    background-image: url(../images/ico/arrowDownChild.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 20px;
    width: 25px;
    height: 25px;
    position: relative;
    top: -20px;
    left: 34px;
    cursor: pointer;
}


/*======= end right column task bank =======*/






/*======= send answer =======*/
.changeSourceTasks{
    width: 50%;
}

.changeSourceTasks .changeSourceTasksTitle{
    width: 100%;
    background: transparent;
    text-align: left;
    margin-bottom: 5px;
}

.changeSourceTasks .changeSourceTasksTitle span{
    color: #000000;
    font-size: 12px;
}

.changeSourceTasks .changeSourceTasksLeft{

}

.changeSourceTasks .changeSourceTasksRight{

}

.changeSourceTasks > div{
    width: 50%;
    float: left;
    background: #d6d6ff;
}

.changeSourceTasks > div > div{
    padding: 8px 0px;
    border-right: 1px solid #FFFFFF;
    cursor: pointer;
}

.answersSendAnswer{
    float: left;
    width: 100%;
}

.copyTaskSection{

}

.changeSourceTasks > div > div:hover{
    background: #e31919;
}

.changeSourceTasks .active{
    background: #e31919;
}

.changeSourceTasks > div span{
    color: #FFFFFF;
}

.buttonSendAnswer{
    position: relative;
    top: 5px;

    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 25px;
}

.deleteButtonSendAnswer{
    background-image: url(../images/ico/delete.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 25px;
    padding-right: 30px;
    padding: 12px;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    border-radius: 20px;
}

.deleteButtonSendAnswer:hover{
    box-shadow: 0px 0px 5px #999999;
}

.taskSectionChild span.taskName {
    position: absolute;
    left: 10px;
    display: block;
    width: 25%;
    text-align: left;
    top: 10px;
}

.centerButton{

}

.leftColumn .leftNavigation .reserved{
    background-image: url(../images/ico/checked.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 25px;
    padding-right: 30px;
}

.addTaskSection{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 25px;
}

.addTaskSection > div{
    cursor: pointer;
    display: inline-block;
}

.addTaskSection > div img{
    width: 50px;
}

.myTasks .tasks{
    float: left;
    width: 100%;
}
/*======= end send answer =======*/







/*======= Личный кабинет =======*/

.parentPersonalAccountInfo{
    float: left;
    width: 100%;
    border-bottom: 1px solid #f8f8f8;
    padding-bottom: 25px;
    margin-bottom: 5px;
}

.content > .title h3{
    text-align: center;
}

.personalAccountInfo{
    width: 50%;
    margin: 0 auto;
}

.personalAccountInfo .editIco{
    position: absolute;
    right: 0px;
    top: 0px;
}

.personalAccountInfo .saveIco{
    position: absolute;
    right: 0px;
    top: 0px;
}

.personalAccountInfo h4{
    text-align: center;
    margin-bottom: 20px;
}

.personalAccountInfo .paSection{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    border: 1px solid #f8f8f8;
    box-shadow: 3px 0px 5px #999999;
    height: 70px;
    position: relative;
}

.personalAccountInfo .paSection:hover{
    background-color: #e7e7fe;
}

.personalAccountInfo .paSection .paSubSection{
    padding: 28px 5px;
}

.personalAccountInfo .paSection .paSubSection .blockLeft{

}

.personalAccountInfo .paSection .blockLeft > span{
    display: block;
    width: 100px;
    text-align: right;
    padding-right: 5px;
}

.personalAccountInfo .paSection .paSubSection .blockRight{
    float: left;
    padding-left: 5px;
}

.personalAccountInfo .paSection span{
    font-size: 16px;
}

.personalAccountInfo .paSection .blockRight span{
    color: #CCCCCC;
}

.personalAccountInfo .paSection .paSubSection .paSubSection2{

}

.personalAccountInfo .paSection input[type="text"]{
    position: relative;
    top: -26px;
    left: -4px;
}

.personalAccountInfo .paButtonSave{
    text-align: center;
}

.personalAccountInfo .paButtonSave input[type="button"]{
    margin: 25px 0px;
}

.personalTasks{
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.personalTasks h4{
    text-align: center;
    margin: 25px 0px;
}

.personalTasks > div{
    display: inline-block;
    width: 33%;
}

.personalTasks > div .personalTasksChild{
    padding: 0px 10px;
}

.personalTasks .ptAnswers{

}

.personalTasks .ptNotAnswers{

}

.personalTasks h5{
    text-align: center;
    font-weight: 400;
}

.personalTasks .childRightColumn{
    padding: 0;
}

.personalTasks .bankTasks .tasks .taskSection .taskSectionChild .taskSectionCenter{
    display: block;
    width: 75%;
}

.ptControlled .taskSectionRight{
    top: 0px !important;
}
/*======= end Личный кабинет =======*/





/*======= Контакты =======*/

.contactLeftSection{
    margin-bottom: 25px;
    padding-left: 50px;
    padding-bottom: 3px;
}

.contactLeftSection .contactLeftSectionTitle{
    margin-bottom: 5px;
}

.contactLeftSection .contactLeftSectionTitle span{
    font-size: 12px;
}

.contactLeftSection .contactLeftSectionContent{

}

.contactLeftSection .contactLeftSectionContent{

}

.contactLeftSection .contactLeftSectionContent form{
    position: relative;
    top: -10px;
}

.contactLeftSection .contactLeftSectionContent input[type="button"]{
    background-image: url(../images/ico/mail3.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 35px;
    padding: 18px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    height: 0px;
    position: relative;
    top: 12px;
}

.contactLeftSection .contactLeftSectionContent span, .contactLeftSection .contactLeftSectionContent a{
    font-weight: 400;
}

.contactLeftSection a:hover{
    text-decoration: underline;
}

.leftColumn #phone{
    background-image: url(../images/ico/phone.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    background-size: 35px;
}

.leftColumn #email{
    background-image: url(../images/ico/mail.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    background-size: 35px;
    position: relative;
    top: -10px;
}

.leftColumn #telegramChannel{
    background-image: url(../images/ico/telegram.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    background-size: 35px;
}

.leftColumn #telegramBot{
    background-image: url(../images/ico/telegram.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    background-size: 35px;
}

.leftColumn #updateSubscription{
    background-image: url(../images/ico/mail2.png);
    background-repeat: no-repeat;
    background-position: left 22px;
    background-size: 35px;
    position: relative;
    top: 3px;
}

.contactForm{
    width: 50%;
}

.contactForm input[type="text"], .contactForm textarea{
    width: 100%;
}

input[name="subscriptionMail"]{
    width: 80%;
}

textarea[name="message"]{
    min-height: 100px;   
}



/*======= end Контакты =======*/





/*======= Результат экспертизы =======*/

.breads{
    display: inline-block;
    width: 100%;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid #f8f8f8;
    padding-top: 10px;
    margin-bottom: 10px;
    position: relative;
    top: -8px;
}

.breads li{
    display: inline !important;
    margin-right: 20px;
    background-image: url(../images/ico/arrowBreadsRight.png);
    background-repeat: no-repeat;
    background-position: right 9px;
    background-size: 5px;
    padding-right: 20px;
}

.breads li{
    
}

.breads li:first-child {
    padding-left: 0px;
}

.breads li:last-child{
    background-image: none;
}

.breads li a{
    font-size: 12px;
}

.breads li a:hover{
    text-decoration: underline;
}

.breads li span{
    font-size: 16px;
    cursor: pointer;
    font-weight: 400;
}

.breads li span:hover{
    text-decoration: underline;
}

.breads li.active span {
    cursor: context-menu !important;
    text-decoration: none !important;
}

.resultExpertise{

}

.resultExpertise .reBlock{
    border-bottom: 1px solid #f8f8f8;
    margin-bottom: 25px;
}

.reTask{

}

.resultExpertise .reBlock .reBlockTitle{
    background: #f3f3fb;
    padding: 5px;
    position: relative;
}

.resultExpertise .reBlock .reBlockTitle span{
    font-weight: 400;
}

.resultExpertise .reBlock .reTaskTitle{

}

.resultExpertise .reBlock .reTaskTitle h4{
    text-align: center;
}

.resultExpertise .reBlock .reBlockChild{
    position: relative;
}

#garmoshka-2 .reBlockChild, #garmoshka-3 .reBlockChild, #garmoshka-4 .reBlockChild{
    width: 400px;
    margin: 0 auto;
    padding: 5px;
}

.reAnswerOriginal{

}

.userAnswerFileChild{
    width: 200px;
    margin: 25px auto;
    text-align: center;
    border: 1px solid #CCC;
    padding: 5px;
    border-radius: 5px;
}

.userAnswerFileChild:hover{
    box-shadow: 0px 0px 5px;
}

.userAnswerFileChild img{
    width: 90px;
}

.userAnswerFileChild span{
    display: block;
    font-weight: 400;
}

.reUploadFile {
    margin-top: -25px;
}

.loadContent{
    min-height: 200px;
}

.reExpertise{

}

.reAnswerFromExpert{

}

.resultExpertise .reBlock:last-child {
    border-bottom: none;
}

.reExpertisePlash{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.reExpertisePlash .areaComment{
    position: absolute;
}

.reExpertisePlashAudio .areaComment{
    height: 120px;
}

.reExpertisePlash .areaComment.active{
    box-shadow: 3px 3px 10px #000000;
}

.reExpertisePlashAudio{
    height: 100px;
    z-index: 1;
}

.reExpertiseRightColumn{
    position: absolute;
    right: 0;
    top: 0;
    background: #fffafa;
    width: 100%;
    box-shadow: -3px 3px 5px #CCCCCC;
    z-index: 1;
}

.reExpertiseRightColumn .reExpertiseRightColumnChild{
    padding: 5px;
}

.reExpertiseRightColumn .rcComment{
    background: #f3f3fb;
    margin-bottom: 5px;
    padding: 5px;
    cursor: context-menu;
    position: relative;
    min-height: 18px;
}

.reExpertiseRightColumn .rcComment.active{
    box-shadow: 3px 3px 10px #999999;
    background-color: #fefeff !important;
}

.reExpertiseRightColumn .rcComment:hover{
    background: #ddddf8;
}

.reExpertiseRightColumn .rcComment .rcCommentChild{

}

.reExpertiseRightColumn .rcComment .rcCommentChild p{
    font-size: 12px;
    color: #a0a0a0;
    line-height: 18px;
}

.reExpertiseRightColumnHead{
    background: #7979ff;
    margin: 5px;
    padding: 5px;
    cursor: all-scroll;
}

.reExpertiseRightColumnHead span{
    font-size: 12px;
    color: #FFF;
    font-weight: 400;
}

.reExpertiseControl{
    background: #fffafa;
    padding: 25px 5px;
}

.reExpertiseControl ul{

}

.reExpertiseControl ul li{
    display: inline;
    margin-right: 25px;
}

.reExpertiseControl ul li input[type="checkbox"]{

}

.reExpertiseControl ul li label{
    font-size: 12px;
    margin-left: 5px;
    position: relative;
    top: -2px;
    color: #a0a0a0;
}

.garmoshkaArrow{
    position: absolute;
    right: 0px;
    top: 0px;
    background: #FFF;
    padding: 3px 5px;
    cursor: pointer;
}

.garmoshkaArrow:hover{
    box-shadow: 3px 3px 10px #999999;
}

.garmoshkaClose .garmoshkaArrow .gaTop{
    background-image: url(../images/ico/arrowTopChild.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 15px;
    width: 15px;
    height: 10px;
}

.garmoshkaClose .garmoshkaArrow .gaDown{
    background-image: url(../images/ico/arrowDownChild.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 15px;
    width: 15px;
    height: 10px;
}

.garmoshkaOpen .garmoshkaArrow .gaTop{
    background-image: url(../images/ico/arrowDownChild.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 15px;
    width: 15px;
    height: 10px;
}

.garmoshkaOpen .garmoshkaArrow .gaDown{
    background-image: url(../images/ico/arrowTopChild.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 15px;
    width: 15px;
    height: 10px;
}

.garmoshkaClose{
    height: 25px;
    overflow: hidden;
}

.garmoshkaOpen{
    height: auto;
}

.rule{
    font-weight: 400;
    cursor: pointer;
}

.rule:hover{
    text-decoration: underline;
}

.resultExpertise .childRightColumn{
    border-left: none;
    padding-left: 0px;
}

.resultExpertise .bankTasks .tasks .taskSection .taskSectionChild .taskTitle span{
    cursor: pointer;
    padding: 15px 0px;
}

.resultExpertise .bankTasks .tasks .taskSection .taskSectionChild .taskTitle span:hover{
    text-decoration: underline;
}

.resultExpertise .breads span{
    cursor: pointer;
}

.resultExpertise .breads span:hover{
    text-decoration: underline;
}

.addSelection{
    width: 25px;
    cursor: pointer;
    position: relative;
    top: 5px;
}

.formSelection .formSection span{
    position: absolute;
    right: -30px;
    width: auto;
    top: 30px;
}

.formSelection .contactForm{
    width: 100%;
}

.cubeColor{
    background: red;
    position: absolute;
    right: -10px;
    top: 17px;
    width: 39px;
    height: 39px;
    z-index: 1;
    cursor: pointer;
}

.formSection .garmoshkaArrow{
    top: 24px;
    right: -5px;
}

.formSection .garmoshkaClose{
    height: auto;
}

.formSection .garmoshkaArrow .gaTop:hover{
    box-shadow: 3px 3px 10px #999999;
}

.formSection .garmoshkaClose .gaDown:hover{
    box-shadow: 3px 3px 10px #999999;
}

.formSection .garmoshkaArrow:hover{
    box-shadow: none !important;
}

.formSection .garmoshkaArrow10{
    top: 24px;
    right: 15px;
}

.formSection .garmoshkaArrow100{
    top: 24px;
    right: 35px;
}

.editComment{
    position: absolute;
    right: 0;
    top: 0;
}

.reTask audio, .reAnswerOriginal audio, .reAnswerFromExpert audio{
    width: 100%;
    margin: 25px 0px;
}

.reExpertise .reBlockChild audio{
    width: 100%;
    margin: 25px 0px;
    margin-top: 100px;
}

.resultExpertise .reBlock .reBlockChildAudio{
    width: 100% !important;
    background: none !important;
}

.reExpertiseRightColumnAudio{
    width: 30% !important;
}

.setitngsBlock{

}

.setitngsBlock .setitngsBlockLeft{
    float: left;
    width: 30%;
}

.setitngsBlock .setitngsBlockRight{
    float: left;
    width: 67%;
    margin: 0px 10px;
    position: relative;
    left: 7px;
}

.setitngsBlock .setitngsBlockRight .setitngsBlockRightTop{
    height: 32px;
    position: relative;
}

.setitngsBlock .setitngsBlockRight .setitngsBlockRightTop img{
    width: 38px;
    position: absolute;
    left: 0;
    top: 11px;
    cursor: pointer;
}

.setitngsBlock .setitngsBlockRight .setitngsBlockRightTop img:hover{
    box-shadow: 3px 3px 10px #999999;
}

.setitngsBlock .setitngsBlockRight .setitngsBlockRightTop:hover div{
    display: block !important;
}

.setitngsBlock .setitngsBlockRight .setitngsBlockRightTop textarea{

}

.setitngsBlock .setitngsBlockRight .setitngsBlockRightBottom{
    position: relative;
    height: 300px;
}

.setitngsBlock .setitngsBlockRight .setitngsBlockRightBottom textarea{
    min-height: 200px;
    position: absolute;
    bottom: 0px;
}

#windowLoadContentRule .modalWindow{
    z-index: 3;
}

#windowLoadContentRule .modalWindow .modalWindowChildChild{
    min-height: 482px;
}

.modalWindowChildChild .red{
    font-size: 12px;
}




/*======= end Результат экспертизы =======*/







/*======= Модальное окно =======*/
.popup{

}

.popup .modalWindow{
    width: 50%;
    min-height: 300px;
    position: fixed;
    background: #FFF;
    z-index: 2;
    left: 25%;
    top: 90px;
}

.popup .modalWindow .modalWindowClose{
    position: absolute;
    right: -25px;
    top: -25px;
    cursor: pointer;
}

.popup .modalWindow .modalWindowChild{
    padding: 5px;
    min-height: 290px;
}

.popup .modalWindow .modalWindowChild .modalWindowChildChild{
    border: 1px solid #CCCCCC;
    min-height: 277px;
    padding: 5px;
    overflow: auto;
    scrollbar-width: thin;
}

.blockRadio img {
    width: 15px;
    position: relative;
    top: -3px;
    right: 3px;
}

.tasks audio {
    display: block;
    margin-bottom: 20px;
    border: 1px solid #ebebeb;
    border-radius: 35px;
    position: relative;
    top: 10px;
}

div#tasksAjax {
    background: linear-gradient(to left, #fefeff, #fbfbff, #fdfafa);
    padding: 0px 10px;
    border-radius: 5px;
    position: relative;
}

.taskStatus{
    position: relative;
    top: 8px;
}

.tasks pre{
    white-space: break-spaces;
    line-height: 32px;
    font-size: 18px; 
    padding-bottom: 5px;   
}

.popup .popupBg{
    background: #999999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 1;
}


/*======= end Модальное окно =======*/









/*========= Mobile version =========*/
@media (max-width: 1400px) {
    .header .rightHeader{
        width: 170px;
    }
    .header .menu ul li {
        margin: 0px 20px;
    }
    .miniContent h4.red{
        font-size: 18px;
    }
    .miniContent .childSection2 > img{
        width: 300px;
    }
    html{
        padding: 0px 5px;
    }
    .leftColumnTasks{
        padding-left: 15px;
    }
    .language{
        display: block;
        width: 180px;
        left: -1px;
    }
    .header .logo{        
        margin: 0 auto;
        margin-left: 5px;
    }
    .banner .leftBanner{
        width: 70%;
        text-align: center;
    }
    .banner .rightBanner{
        width: 30%;
    }
    .footer .centerFooter .menu ul li{
        margin: 0px 15px;
    }
    .banner .rightBanner h2{
        font-size: 18px;
        line-height: 32px;
    }
    .banner .rightBanner span {
        font-size: 18px;
        line-height: 32px;
    }
    .banner .rightBanner p{
        font-size: 18px;
    }
    .banner .button {
        top: 20px;
        font-size: 20px;
    }
    .bankTasks .tasks .taskSection .taskSectionChild .taskSectionCenter{
        width: 80%;
    }
}

@media (max-width: 1140px) {
    input[name="subscriptionMail"] {
        width: 70%;
    }    
    .header .menu ul li {
        margin: 0px 9px;
    }
    .personalTasks > div{
        display: block;
        width: 50%;
        margin: 0 auto;
        margin-bottom: 25px;
    }
    .personalTasks > div .personalTasksChild{
        padding: 0;
    }
    .header .menu ul li{
        text-transform: none;
    }
    .banner .leftBanner{
        width: 65% !important;
        text-align: center;
    }
    .banner .rightBanner{
        text-align: center;
    }
    .banner .rightBanner h2{
        margin: 25px 0px;
    }
    .banner .bannerButton{
        position: relative;
    }
    .banner .rightBanner{
        margin-bottom: 25px;
    }
    .banner .button{
        top: 35px;
    }
    .footer .centerFooter .menu ul li{
        margin: 0px 5px;
    }
    .footer .centerFooter .menu ul li a {
        font-size: 14px;
    }
}

@media (max-width: 1000px) {
    .translateNotice .bgBlue{
        margin: 0 auto;
        margin-bottom: 25px;
    }
    #title_task{
        font-size: 24px;
        width: 300px;
        margin: 0 auto;
        margin-top: -15px;
    }    
    .header .headerBG{
        box-shadow: 0px 0px 25px #c8dbff;
    }
    .specialContent, .specialContent .headerBG{
        border-radius: 0px;
    }
    .leftColumnContacts{
        margin-bottom: 0px !important;
    }
    .buttonReserveTasks{
        text-align: center;
    }
    .specialContent{
        margin-top: 75px;        
    }
    .gptImg{
        width: 100%;
    }
    .desctopNone{
        display: block;
    }
    #resultTextarea > .child{
        line-height: 32px;
        font-weight: 400;
    }
    .taskNav > i{
        font-weight: 400;
    }
    .buttonBottom{
        display: inline;
        width: 100px !important;
        margin-top: 20px;
        position: relative;
        top: -20px;
    }    
    .breads li{
        background-position: right 7px;
    }
    .tasks audio {
        width: 100%;
    }
    .leftBannerBottomLeftBottom {
        position: relative;
        top: -20px;
    }    
    .bankTasks > .taskNav{
        width: 150px;
        margin: 0 auto;
        padding-bottom: 25px;
        text-align: center; 
        position: relative;
        left: 0px;     
    }
    .blockRadio{
        width: 100%;
    }
    .appComeBack{        
        display: block;
        padding: 10px;
        padding-right: 30px; 
        z-index: 1;       
    }
    .bankTasks .description li{
        margin-bottom: 10px;
    }
    .banner .leftBanner .leftBannerBottom .leftBannerBottomRight .leftBannerBottomRightTop span {
        font-size: 20px;     
    }    
    .banner .leftBanner .leftBannerBottom .leftBannerBottomLeft .leftBannerBottomLeftTop span {
        font-size: 20px;        
    }    
    .banner .leftBanner .leftBannerTop h2 {
        font-size: 24px;
    }    
    .banner .leftBanner .leftBannerBottom .leftBannerBottomRight .leftBannerBottomRightBottom img {
        width: 120px;
    }
    .banner .leftBanner .leftBannerTop {
        margin-bottom: 30px;
        margin-top: 20px;
    }
    .banner .leftBanner .leftBannerBottom .leftBannerBottomLeft .leftBannerBottomLeftTop {
        margin-bottom: 0px;
    }
    .banner .leftBanner .leftBannerBottom .leftBannerBottomRight .leftBannerBottomRightTop {
        margin-bottom: 30px;
    }                
    .miniContent .section:nth-child(2) {
        margin-bottom: 40px;
    }    
    .bankTasks {
        margin-top: 15px;
    }    
    .closeDescription{
        top: -5px;
        font-size: 18px;
    }
    .tasks pre{
        font-size: 18px;
        font-weight: 400;
    }
    .bankTasks .description p{
        margin-bottom: 0;
        font-weight: 400;
    }
    .breads {
        margin-top: 15px;
    }    
    .content p{
        font-size: 18px;
    }
    .breads li span {
        font-size: 14px;
        cursor: pointer;
        font-weight: 400;
    }    
    .content .section p{
        font-size: 18px;
        font-weight: 400;
    }
    .glads p{
        font-size: 18px;
        margin: 0 auto;
        width: 370px;
        font-weight: 400;
    }
    .miniContent .section{
        margin-bottom: 0px;
    }
    .miniContent h4.red{
        font-size: 20px;
    }
    .backToCategory {
        text-align: center;
    }    
    .description{
        border-bottom: none;
    }
    .breads {
        margin-bottom: 30px;
        top: 0px;
    }    
    .bankTasks .description li > p {
        cursor: pointer;
        background: linear-gradient(to right, #7979fb, #c3d5ff);
        color: #FFFFFF;
        width: 100%;
        padding: 13px 15px;
        border-radius: 5px;
        font-size: 18px;
        font-weight: 400;
        text-shadow: 0px 1px #999999;        
    }    
    ul .leftCatalog-open {
        display: none;
    }    
    .title h3{
        margin-bottom: 0px;
        text-align: center;
    }
    .leftColumnTasks{
        padding-left: 0;
    }
    .leftColumn .leftNavigation{
        padding-right: 0;
    }
    .childSection a {
        font-weight: 600;        
    }    
    .language li img{
        position: relative;
        top: -1px;
    }
    .headerBG{
        border-radius: 10px;
    }
    .logo span:last-child{
        font-size: 15px;
    }
    .header .rightHeader{
        position: relative;
        top: 18px;        
    }
    div#tasksAjax{
        border-radius: 10px;
    }
    .header{
        box-shadow:none;
    }
    .bankTasks .tasks .taskSection, .myTasks .tasks .taskSection{
        width: 47%;
    }
    .miniContent .title h3{
        margin-top: 25px;
        margin-bottom: 0px;
    }
    .banner .leftBanner{
        width: 100% !important;
        position: inherit !important;
        height: 300px !important;        
    }
    .banner .rightBanner{
        width: 100% !important;
    }
    .miniContent .childSection2 img{
        margin: 25px 0px;
    }
    .banner .rightBanner{
        margin-top: 0px;
        height: auto;
        margin-bottom: 0px;
    }
    .header {
        background: transparent;
        position: relative;
    }
    .childBody{
        padding-top: 0px;
    }
    .footer .centerFooterBottom {
        margin: 25px 0px;
        display: inline-block;
    }
    .button {
        padding: 10px;
        font-size: 18px;
        background-image: none;
    }
    .popup .modalWindow {
        width: 90%;
        left: 5%;
    }
    .header .userName{
        padding: 5px;
        top: 35px;
        right: 0;
    }
    .header .menu ul li{
        margin: 0;
    }
    .header .menu ul li a{
        color: #FFFFFF;
    }
    .leftColumn h4{
        text-align: center;
        top: -8px;
        margin-top: 15px;
        font-size: 24px;
        width: 300px;
        margin: 0 auto;
    }
    .contactForm{
        width: 97%;
    }
    .contactLeftSection{
        padding-left: 50px;
        padding-bottom: 3px;
        width: 250px;        
        margin-bottom: 25px;
    }
    .childRightColumn{
        padding: 0px;
        border-left: none;
    }
    .personalTasks > div{
        width: 100%;
    }
    .personalAccountInfo{
        width: 100%;
    }
    .changeSourceTasks {
        width: 100%;
    }
    .header{
        border-bottom: none;
        margin-bottom: 10px !important;
        margin-top: 5px;
    }
    .header .presentationTitle{
        margin-bottom: 25px;
        float: left;
        width: 100%;
        line-height: 32px;
    }
    .header .logo{
        margin: 0 auto;
        top: 10px;
    }
    .mimiLogo{
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .mimiLogo span:first-child{
        font-size: 22px;
    }
    .mimiLogo span:last-child{
        font-size: 18px;
    }
    .header .childHeader > div{
        float: left;
        width: 50%;
        margin-bottom: 45px;
        text-align: center;
        margin-top: 5px;
    }
    .header .centerHeader{
        display: none !important;
    }
    .banner .leftBanner img {
        width: 100%;
    }
    .content .section img{
        width: 300px;
    }
    .content .section .childSection, .content .section .childSection2{
        width: 100%;
    }
    .content .section .childSection > div, .content .section .childSection2 > div{
        height: auto;
        display: block;
        width: 100%;
        margin-bottom: 0px;
    }
    .glads{
        margin-top: -65px;
    }
    .reviews .section{
        width: 100%;
    }
    .content .miniContent{
        width: 100%;
    }
    .glads{
        width: 100%;
        text-align: center;
    }
    .footer .childFooter > div{
        width: 100% !important;
    }
    .footer .leftFooter .mimiLogo {
        text-align: center;
    }
    .footer .centerFooter .menu ul li {
        margin: 10px 5px;
        float: left;
        width: 100%;
    }
    .footer .rightFooter{

    }
    .footer .rightFooter .socialNetworks ul li{
        float: none;
        display: inline-block;
    }
    .header .userName a {
        font-size: 18px;
        position: relative;
        top: 10px;
        display: block;
        background: #7fd1ec;
        color: #FFFFFF;
        text-transform: uppercase;
        padding: 20px 0px;
        font-weight: 400;
    }
    .header .menu ul li{
        width: 100%;
        background-image: none !important;
    }
    .header .menu ul li a{
        display: block;
        color: #FFFFFF;
        width: 100%;
        padding: 20px 0px;
        font-size: 18px;
        margin-bottom: 15px;
        box-shadow: none !important;
        background: #7fd1ec !important;
        border-left: none !important;
        text-transform: uppercase;
        margin-left: 0px !important;
    }


    .header .userInfo img {
        width: 100px;
        border-radius: 25px;
        right: 0;
        position: relative;
    }
    .footer .centerFooter .menu ul li a {
        font-size: 20px;
    }
    .footer .centerFooter .menu ul li {
        margin: 20px 0px;
    }
    .leftColumn{
        width: 100%;
        margin-bottom: 70px;
    }
    .rightColumn{
        width: 100%;
        display: none;
        margin-top: 9px;
    }
    .bankTasks .tasks .taskSection .taskSectionChild .taskSectionLeft input[type="checkbox"]{
        left: 0px;
    }
    .bankTasks .tasks .taskSection .taskSectionChild .taskSectionRight{
        position: absolute;
        right: 0;
        top: 10px !important;
    }
    .bankTasks .tasks .taskSection .taskSectionChild .taskSectionRight > span{
        top: -8px;
    }
    .bankTasks .tasks .taskSection .taskSectionChild .taskSectionRight .changeTaskVariant {
        position: absolute;
        right: 5px;
        top: 5px;
    }

}

@media (max-width: 500px) {
    .banner .leftBanner .leftBannerTop h2 {
        font-size: 18px;
        font-weight: 600 !important;
    }
    .banner .leftBanner .leftBannerBottom .leftBannerBottomLeft .leftBannerBottomLeftTop span {
        font-size: 18px;     
    }
    .banner .leftBanner .leftBannerBottom .leftBannerBottomRight .leftBannerBottomRightTop span {
        font-size: 18px;     
    }
    .banner .leftBanner .leftBannerBottom .leftBannerBottomRight .leftBannerBottomRightBottom img {
        width: 95px;
    }    
}

@media (max-width: 415px) {
    .leftBannerBottomLeftTop, .leftBannerBottomRightTop{
        width: 150px;
        margin: 0 auto;
    }
}

@media (max-width: 410px) {
    .service_area .single_service .icon img{
        top: -1px !important;
    }
    .bankTasks .tasks .taskSection, .myTasks .tasks .taskSection {
        width: 100%;
    }
    .popup .modalWindow {
        width: 100%;
        left: 0%;
        top: 35px;
    }
    .popup .modalWindow .modalWindowClose {
        right: 10px;
        top: -30px;
    }
    .reExpertiseRightColumn{
        width: 50%;
    }
    .title h3{
        font-size: 24px;
    }
    .banner .rightBanner{
        height: auto;
    }
    .contactLeftSection{
        padding-left: 50px;
        padding-bottom: 3px;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
    }
    .bankTasks .tasks .taskSection .taskSectionChild .taskSectionCenter .taskNumber span,
    .bankTasks .tasks .taskSection .taskSectionChild .taskSectionCenter .taskDesc span,
    .bankTasks .tasks .taskSection .taskSectionChild .taskSectionCenter .taskTitle a{
        font-size: 12px;
    }
    .bankTasks .tasks .taskSection .taskSectionChild .taskSectionRight{
        right: 10px;
    }
    .personalTasks .bankTasks .tasks .taskSection .taskSectionChild .taskSectionRight{
        top: 11px !important;
    }
    .personalAccountInfo .paSection .paSubSection .blockLeft{
        float: none;
    }
    .personalAccountInfo .paSection .blockLeft > span{
        width: auto;
        text-align: left;
    }
    .personalAccountInfo .paSection .paSubSection .blockRight{
        padding-left: 0;
    }
    .miniContent .title h3, .banner .rightBanner h2, .glads h4, .reviews .title h4{
        font-size: 24px;
    }
    .button{        
        font-size: 18px;
        background-image: none;
    }
    .buttonSendAnswer{
        top: 20px;
    }
    .content .section img{
        width: 75%;
    }
    .reviews .section .avatar img{
        width: 200px;
        height: 200px;
    }
    .content .section p{
        width: auto;
    }
    .banner .rightBanner h2{
        line-height: 32px;
    }
}
/*========= end Mobile version =========*/







/*========= Плитки справа от баннера =========*/
.service_area > div{
    max-width: 100%;
    padding: 0;
}

.service_area {

}

.service_area .single_service{
    background: #ebb830;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px 30px;
    margin-bottom: 5px;
    cursor: pointer;
}

.service_area .single_service:hover{
    background: #fcd670;
}

@media (max-width: 767px) {
    .service_area .single_service {
        padding: 20px 20px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .service_area .single_service {
        padding: 20px 20px;
    }
}

.service_area .single_service .icon {
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 30px;
    display: inline-block;
    margin-right: 20px;
}

.service_area .single_service .icon img{
    width: 70px;
    position: relative;
    top: -5px;
    border-radius: 150px;
}

.service_area .single_service .icon i {
    color: #ebb830;
}

.service_area .single_service .service_info h4 {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 25px;
    margin-bottom: 7px;
    text-align: left;
}

.service_area .single_service .service_info p {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 1;
}

.service_area .col-lg-4:nth-child(1) .icon{
    background: #ebb830;
}
.service_area .col-lg-4:nth-child(2) .icon{
    background: #FFFFFF;
}
.service_area .col-lg-4:nth-child(3) .icon{
    background: #1fc2d9;
}

.service_area .col-lg-4:nth-child(2) .single_service {
    background: #317bd6;
}

.service_area .col-lg-4:nth-child(2) .single_service:hover{
    background: #72aff9;
}

.service_area .col-lg-4:nth-child(2) .single_service .icon i {
    color: #317bd6;
}

.service_area .col-lg-4:nth-child(3) .single_service {
    background: #1fc2d9;
}

.service_area .col-lg-4:nth-child(3) .single_service:hover{
    background: #64def0;
}

.service_area .col-lg-4:nth-child(3) .single_service .icon i {
    color: #1fc2d9;
}
/*======= end Плитки справа от баннера =========*/





/*================== Маркер ====================*/
#expertLastik{
    background: linear-gradient(to right, #e6e6ff, #dbfffa, #f7e6ff);
}
.markerAnswerExpert p {
    font-weight: 400;
}
.markerAnswerExpert{
    left: auto !important;
    right: 0px !important;
    top: auto !important;
    bottom: 0px !important;

    display: none;
    position: fixed;
    background: linear-gradient(to right, #e6e6ff, #dbfffa, #f7e6ff);
    padding: 10px;
    font-weight: bold;
    color: green;
    border-radius: 5px;
    border: 1px solid green;
    box-shadow: 0px 0px 5px;
    max-width: 300px;
    line-height: 22px;
    z-index: 9999;
}
.marker .allocation{
    font-style: normal;
    color: #800;
    background-color: orange;
}
/*================ end Маркер ==================*/




/*================ Задания - стрелки + нумерация ==================*/
.taskNav{
    position: relative;
    background: #FFFFFF;
    left: 5px;
    margin-bottom: 25px;
}

.doubleTaskNav .taskNavNumber i, .doubleTaskNav .blue, .doubleTaskNav .taskNavArrowLeft{
    display: none !important;
}

.taskNav > div{
    display: inline-block;
    padding: 5px 5px;
}

.taskNav .taskNavArrowLeft:hover{
    box-shadow: 0px 0px 5px #CCCCCC;
}

.taskNav .taskNavArrowRight:hover{
    box-shadow: 0px 0px 5px #CCCCCC;
}

.taskNav .taskNavArrowLeft{
    cursor: pointer;
}

.taskNav .taskNavArrowRight{
    cursor: pointer;
}

.taskNav > div > img{
    width: 15px;
}

.taskNav .taskNavNumber{
    position: relative;
    top: 12px;
}

.taskNav > i{    
    display: block;
    font-size: 12px;
    position: relative;
    top: 15px;
}

.taskNav .taskNavNumber span{
    font-size: 48px;
    font-weight: 400;
}

#tasksAjax .active{
    display: block;
}

#tasksAjax .disactive{
    display: none;
}

/*============== end Задания - стрелки + нумерация ================*/






/*============== Микрофон ================*/
.mic{
    margin-top: 10px;
    position: relative;
    margin-bottom: 50px;
    padding: 10px;
    padding-left: 0px;
}

.mic button, .mic input[type="button"]{
    padding: 10px 25px;
    cursor: pointer;
    border: none;
    margin-right: 10px;  
    border-radius: 5px;  
}

.mic #start, .mic #reload, .mic #save, .mic #sendTextarea{
    background: #5aa35a;
    color: #FFFFFF;
}

.mic #start:hover, .mic #reload:hover, .mic #save:hover,  .mic #sendTextarea:hover{
    background: #81bb81;
}

.mic #stop{
    background: #eb5353;
    color: #FFFFFF;
}

.mic #stop:hover{
    background: #f37f7f;
}

.mic .red {
    display: block;
}

/* Основные стили для контейнера */
.mic .image-container {
    position: absolute;
    display: inline-block;
    left: 200px;
    top: 30px;
}

/* Стили для изображения */
.mic .image-container img {
    display: block;
    width: 200px;
    height: auto;
    border-radius: 50%;
    position: relative;
    left: 0px;
    top: 25px;
    left: 40px;
}

/* Стили для круга */
.mic .image-container .circle {
    position: absolute;
    top: 27px;
    left: 40px;
    width: 100%;
    height: 100%;
    border: 2px solid red;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1);
    animation: pulse 2s infinite;
}

/* Анимация */
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.5); /* Увеличиваем круг */
        opacity: 0; /* Исчезает */
    }
}

.mic #messages{
    position: absolute;
    left: 0px;
    top: 90px;    
}

.mic audio{
    
}

#resultMic, #resultTextarea{
    width: 100%;    
}

#resultMic > .child{
    background: linear-gradient(to left, #fefeff, #fbfbff, #fdfafa);
    padding: 0px 10px;
    border-radius: 5px;
    white-space: break-spaces;
    line-height: 24px;
    font-size: 18px;
    padding-bottom: 25px;
    margin-top: 10px;
}

#resultTextarea > .child{
    white-space: break-spaces;
    line-height: 32px;
    font-size: 18px;
}

/*============== end Микрофон ================*/