﻿a:hover {
    text-decoration: underline;
}


.subscribe2{
	padding:79px 0 63px;
	background: #CFEBFF; /* Old browsers */
	background: -moz-linear-gradient(to bottom,#CFEBFF 0,#CFEBFF 100%); /* CFEBFF  FF3.6-15 */
	background: -webkit-linear-gradient(to bottom,#CFEBFF 0,#CFEBFF 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,#CFEBFF 0,#CFEBFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background: linear-gradient(to bottom,#CFEBFF 0,#CFEBFF 100%);
	background-image:linear-gradient(to bottom,#CFEBFF 0,#CFEBFF 100%);
/*	background-image:linear-gradient(to bottom,#CFEBFF 0,#EAF4FF 100%);*/
	background-repeat:repeat-x;position:relative;margin-top: -1px;
	}

.book_texts  {
	margin-top: 20px;
    font-size: 18px;
    text-align: left;
    /*color: #636365;*/
    color: var(--color-dark-blue);
    line-height:1.4;
    text-align:justify;
}

.pyramidImage {
	background-image:url(/images/pages/liki_maria_top.png); 
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dictation-text p {
    font-size:18px;
    text-align:justify;
    /*color: #636365;*/
    color: var(--color-dark-blue);
}

/*.dictation-text p {*/
	/*font-size:18px;*/
	/*text-align:justify;*/
	/*color: #636365;*/
	/*margin-bottom: 20px;*/
/*}*/

.player-video {
	text-align: center;
	margin-top: 10px;
	margin-bottom : 10px;
	width: 100%;
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow:hidden; 
	}

.fa-th-large:before{content:"\f009"; color: #3FBFEC;}
.fa-bars:before{content:"\f0c9"; color: #3FBFEC;}

.col-md-9: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;
    float: right;
    /*width: 200px; height: 200px;*/
}
.btn-action.activeViewType {
    background-color: #00388B;
    color: white;
}
.readmore {
    display: none;
}

.flexwrap .bottomButton {
    width: -webkit-fill-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%;

}

.no-flexwrap .rightButton {
    width: 20%;
    float: right;
    top: 0px;
    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:normal;
    text-align:center;
    margin-bottom: 5px;
}


.list.item-text {
    text-align:left;
    margin-top: 20px;
    padding: 0 0px;
}

.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: 16px;
    font-weight: bold;
    color: #00388B;
    padding-top: 10px;
    margin-bottom: 0px;
}

.flexwrap .item-caption {
    padding-bottom: 70px;
}

.no-flexwrap .item-caption {
    border-bottom: 1px solid #00388B;
    padding-bottom: 15px;
}

.two-col-image img{
    margin-top:40px;
	width: 100%;
	display: block;	
	margin: 0 auto;
	padding: 5px;
}

.two-col-image-2 img{
    margin-top:40px;
	width: 20%;
	display: block;	
	margin: 0 auto;
	padding: 5px;
}


.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%;
    text-align: left;
}


.flexwrap .list-item {
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    width: 24%;
    text-align: center;
    position:relative;

    margin: 25px 0px 5px 0px;
    margin-top: 0px;
    /* border-bottom: 1px solid #00388B; */
}

.flexwrap .list.list-item:first-child {
    display: flex;
    padding: 0px;
    width: 100%;
    border-top:inherit;
}

.flexwrap .list.list-item {
    display: flex;
    padding: 0px;
    width: 100%;
    border-top: 1px solid #00388B;
}

.no-flexwrap .list.list-item {
    display: inline-block;

    padding: 0px;
    width: 100%;
    border-top: 1px solid #00388B;
}


.no-flexwrap .list-item{
    padding: 6px;
    width: 24%;
    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;
}

.button-header .btn {
	color: #3FBFEC;		
	border-color: #3FBFEC;
	font-weight:bold;
	padding: 4px 25px 4px;
	font-size: 14px;

	border-radius: 9px !important;
}

.btn.activeViewType {
    background-color: #00388B;
    color: white;
}

.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: 31%;

    }
    .no-flexwrap  .list-item {
        width: 31%;
        margin-left: 5px;
        margin-right: 5px;

    }
}

@media screen and (max-width: 840px) {
    .flexwrap .list-item {
        width: 47%;

    }
    .no-flexwrap .list-item {
        width: 47%;

    }
}

@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;
    }
}


.waveImage{
    background-repeat:no-repeat;
    background-position: top center;
    background-size: contain;
    background-image: url(/images/pages/Wave1.png);
    padding-top: 230px;
}

.btn-dark-transparent {
    background: #fff;
}



/* Заглавная стр */
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;
    }
	.player-video {
		padding-bottom: 0;
		height:100%;
	}

	.list.item-caption {
	    margin-top: 10px;
	}

}

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: 280px;}
}

div.item-text.list[id^='m-']{min-height: inherit !important;}
/* Заглавная стр */