a:hover {
    text-decoration: underline;
}


.fa-th-large:before{content:"\f009"; color: #3FBFEC;}
.fa-bars:before{content:"\f0c9"; color: #3FBFEC;}

.pyramidImage {
    background-image:url(/images/pages/mantry_top.jpg);
    position: absolute;

    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.col-md-12:first-child {
    margin-top: 0px;
}


/* Style the buttons */
.btn-action {
    border: none;
    outline: none;
    padding: 2px 16px;
    background-color: #f1f1f1;
    cursor: pointer;
    border-radius: 4px;
}

.btn-action:hover {
    background-color: #ddd;
}

.btnContainer {
    /*margin: 0 auto;*/
    text-align: center;
    display: inline-block;
    margin-top: 21px;
    margin-right: 10px;
    float: right;
    /*width: 200px; height: 200px;*/
}
.btn-action.activeViewType {
    background-color: #00388B;
    color: white;
}
.readmore {
    display: none;
}

.flexwrap .bottomButton {
    width: -webkit-fill-available;
    width: -moz-available;
    margin-right: 20px;
    border-top: 1px solid #00388B;
}

.no-flexwrap .bottomButton {

}

.flexwrap .readmore.active {
    display: block;
    position: absolute;
    bottom: 15px;
}

.no-flexwrap .readmore.active {
    display: block;
}


.flexwrap .rightButton {
    width: 20%;
	position: absolute;
	right: 0;

}

.no-flexwrap .rightButton {
    width: 20%;
    float: right;
    top: 0;
    position: absolute;
    right: 0;
}

.item-text
{
    width: 100%;
    display: block;
    margin-top: 0px;
    font-size: 16px;
    padding: 0 9px;
    object-fit: cover;
    object-position: top;
    text-transform:uppercase;
    padding-bottom: 5px;
    font-weight:bold;
    text-align:center;
    margin-bottom: 5px;
    height: 3em;
}


.item-text a {
    margin-top: 10px;
}
.list.item-text {
    text-align:left;
    margin-top: 20px;
    padding: 0 0;
}

.flexwrap .item-caption {
    width: 100%;
    border-top: 1px solid #00388B;
    /* Make the caption a block so it occupies its own line. */
    display: above;
    text-align:justify;
    font-size: 15px;
    font-weight: normal;
    color: #636365;
    padding-top: 10px;
    margin-bottom: 0px;
    /*border-bottom: 1px solid #00388B;*/
    padding-bottom: 70px;
}

.no-flexwrap .item-caption {
    width: 100%;

    border-top: 1px solid #00388B;
    /* Make the caption a block so it occupies its own line. */
    display: above;
    text-align:left;

    font-size: 15px;
    font-weight: normal;
    color: #636365;
    padding-top: 10px;
    margin-bottom: 0px;
    /*border-bottom: 1px solid #00388B;*/



    border-bottom: 1px solid #00388B;
    padding-bottom: 15px;
}



.list.item-caption {
    border-top: 0px;
    border-bottom: 0px;
    padding-bottom: 5px;
}



.flexwrap .liki-container {
    padding: 0;

    list-style: none;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    display: flexbox;
    display: box;

    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flex-flow: row wrap;


    flex-wrap: wrap;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;

    /*  justify-content: space-around;*/
}

.no-flexwrap .liki-container{
    margin: 0 auto;
    padding: 0;
    text-align: center;
    height: 100%;
}


.flexwrap .list-item {
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    width: 33%;
    text-align: center;
    position:relative;

    margin: 25px 0px 5px 0px;
    margin-top: 60px;
    /* border-bottom: 1px solid #00388B; */
}

.flexwrap .list.list-item {
    display: flex;
    padding: 0px;
    width: 100%;
    border-top: 1px solid #00388B;
}

.no-flexwrap .list.list-item {
    display: inline-block;

    padding: 0;
    width: 100%;
    border-top: 1px solid #00388B;
}


.no-flexwrap .list-item{
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    width: 33%;
    text-align: center;
    position:relative;

    margin: 25px 0px 5px 0px;

    display: inline-block;
    vertical-align: top;

    height: 100%;
}
.list-item img {
    margin: auto;
    object-position: top;
    padding: 0 0 9px 0;
}

.flexwrap .list-item .btn {
    padding: 3px 7px 3px 7px;
    color: #3FBFEC;
    font-size: 12px;
    margin-top: 20px;
    margin-left: 0px;
    border-color: #3FBFEC;
    float: left;
}

.no-flexwrap .list-item .btn {
    padding: 3px 7px 3px 7px;
    color: #3FBFEC;
    font-size: 12px;
    margin-top: 20px;
    margin-left: 0px;
    border-color: #3FBFEC;
    float: left;
}

@media screen and (max-width: 1040px) {
    .flexwrap .list-item {
        width: 49%;

    }
    .no-flexwrap  .list-item {
        width: 49%;
        margin-left: 5px;
        margin-right: 5px;

    }
}

div#mantry {background: url(/images/pages/Wave.png) top center / contain no-repeat;
    background-position-y: 85em;
}

@media only screen and (max-width: 767px) {
    .flexwrap .list-item {
        width: 100%;
    }
    .no-flexwrap .list-item {
        width: 100%;
    }
    .list-item img {
        width: 100%;
        height:unset;
    }

    .item-caption {
        margin-bottom: 50px;
    }

    div#mantry {
        background: none;
    }
}


.waveImage{
    background-repeat:no-repeat;
    background-position: bottom center;
    background-size: contain;
    background-image: url(/images/pages/Wave1.png);
}

.btn-dark-transparent {
    background: #fff;
}



.dictation-text header {
    text-align:center;
    font-size: 25px;
    margin-top: 0px;
    margin-bottom: 40px;
    font-weight:bold;
    text-transform:uppercase;
}

.dictation-text p {
    font-size:18px;
    text-align:justify;
    color: var(--color-dark-blue);
    margin-bottom: 20px;
}


/*!* Заглавная стр *!*/
/*div#title {*/
    /*padding: 64px 0;*/
/*}*/
/*div#title h1 {*/
    /*font-size: 26px;*/
    /*margin-bottom: 10.5px;*/
    /*font-weight: bold;*/
    /*font-family: 'Open Sans',Jotia,Verdana,Geneva,sans-serif;*/
    /*letter-spacing: 0.04em;*/
    /*text-transform: uppercase;*/
    /*text-align: right;*/
/*}*/
/*div#title h3 {*/
    /*font-size: 24px;*/
    /*color: #959595;*/
    /*text-align: right;*/
    /*text-indent: 40%;*/
    /*line-height: 1.4;*/
/*}*/
/*@media only screen and (max-width: 790px) {*/
    /*div#title h3 {*/
        /*text-indent: 0;*/
    /*}*/
/*}*/

/*div#mantry { margin-bottom: 256px; background: url(/images/pages/Wave.png) top center / contain no-repeat; padding-top: 100px;}*/

.list-content img {width: 100%;}
.list-item.list .list-content {width: 100%;}




/*@media screen and (max-width: 600px) {*/
    /*.item-text.list {max-width: 400px;}*/
/*}*/
/*@media screen and (max-width: 550px) {*/
    /*.item-text.list {max-width: 350px;}*/
/*}*/
/*@media screen and (max-width: 510px) {*/
    /*.item-text.list {max-width: 290px;}*/
/*}*/
/*@media screen and (min-width: 1041px) {*/
    /*#m-1, #m-2, #m-3, #m-4 {min-height: 77px;}*/
    /*#m-5, #m-6, #m-7, #m-8 {min-height: 101px;}*/
/*}*/
/*@media screen and (min-width: 1190px) and (max-width: 1279px) {*/
    /*#m-1, #m-2, #m-3, #m-4 {min-height: 53px;}*/
/*}*/
/*@media screen and (min-width: 1219px) and (max-width: 1279px) {*/
    /*#m-5, #m-6, #m-7, #m-8 {min-height: 77px;}*/
/*}*/
/*@media screen and (min-width: 1041px) {*/
    /*#m-9, #m-10, #m-11, #m-12 {min-height: 77px;}*/
/*}*/
/*@media screen and (min-width: 1074px) {*/
    /*#m-9, #m-10, #m-11, #m-12 {min-height: 53px;}*/
/*}*/
/*@media screen and (max-width: 1040px) {*/
    /*#m-1, #m-2, #m-3 {min-height: 53px;}*/
    /*#m-4, #m-5, #m-6 {min-height: 53px;}*/
    /*#m-7, #m-8, #m-9 {min-height: 77px;}*/
    /*#m-10, #m-11, #m-12 {min-height: 53px;}*/
/*}*/
/*@media screen and (max-width: 952px) {*/
    /*#m-7, #m-8, #m-9 {min-height: 101px;}*/
/*}*/
/*@media screen and (max-width: 930px) {*/
    /*#m-1, #m-2, #m-3 {min-height: 77px;}*/
/*}*/
/*@media screen and (max-width: 909px) {*/
    /*#m-4, #m-5, #m-6 {min-height: 77px;}*/
/*}*/
/*@media screen and (max-width: 840px) {*/
    /*#m-1, #m-2, #m-3, #m-4, #m-5, #m-6, #m-9, #m-10, #m-11, #m-12 {min-height: inherit;}*/
/*}*/
/*@media screen and (max-width: 840px) {*/
    /*#m-7, #m-8 {min-height: 77px;}*/
/*}*/
/*@media only screen and (max-width: 767px) {*/
    /*#m-7, #m-8 {min-height: inherit;}*/
/*}*/
/*div.item-text.list[id^='m-']{min-height: inherit !important;}*/