body {
    font-family: 'Noto Serif', serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #373a3c;
    background-color: #000f16;
}

a {
    color: #f8db82;
    text-decoration: none;
}
a:focus, a:hover {
    color: #fff;
    text-decoration: none;
}
h1 {
    font-size: 2rem;
}
h3 {
    font-size: 1.5rem;
}
.no-padding {
	 padding:0!important;
 }
.index-row {
	background-color:#24010B;
	background-image: url(/img/f1.png);
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
	min-height: 100vh; /* These two lines are counted as one :-)       */
	display: flex;
	align-items: center;
}
.btn-primary {
    color: #ffffff;
    background-color: #65215e;
    border-color: #350f31;
}
.btn-primary:hover {
    color: #ebdb82;
    background-color: #350f31;
    border-color: #350f31;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #350f31;
    border-color: #350f31;
}
.modal-title {
    font-size: 1.3rem;
}
.full-height{
	height: 100vh;
}
.margin-btm-title-blog {
	margin-bottom:1.5rem;
}
.img-blog {
	float:left;
	margin: 5px 20px 10px 0;
	max-width: 25%;
	max-height: 270px;
	overflow: hidden;
	/* border: 2px solid #042635; */
	border-radius: 5px;
}
 .right-align {
	 float: right!important;
	 margin-right: 10px;
	}
.align-bottom{
	vertical-align:bottom;
}
.left-submenu {
    position: relative;
    width: 100%;
    display: none;
    float: left;
    /* min-width: 140px; */
    padding: 10px 10px 10px 0;
    margin: 2px 0 0;
    font-size: 1rem;
    color: #373a3c;
    text-align: right;
    list-style: none;
    background-color: rgba(53, 15, 51, 0);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    border-radius: .25rem;
}
.left-submenu2{
    position: absolute;
    width: 100%;
    top: -150px;
    left: 180px;
    display: block;
    float: left;
    min-width: 140px;
    padding: 15px;
    margin: 2px 0 0;
    font-size: 1rem;
    color: #373a3c;
    text-align: lrft;
    list-style: none;
    background-color: rgb(35, 10, 34);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    border-radius: .25rem;
    box-shadow: 0 0 10px #000;
}
.main-container{
	background-color:#000F16;
}
.main-row{
	padding-right: 0;
    padding-left: 4%;
}
.left-col {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#290616+0,3e1647+100 */
	background: #290616; /* Old browsers */
	background: -moz-linear-gradient(top, #290616 0%, #3e1647 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #290616 0%,#3e1647 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #290616 0%,#3e1647 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#290616', endColorstr='#3e1647',GradientType=0 ); /* IE6-9 */
	min-height: 1000px;
	box-shadow: 0 0 10px #000000;
	z-index: 1;
	padding: 0;
}
 .more {
    color: #000f16;
    background: rgba(248, 219, 130, 0.94);
    font-weight: 900;
    width: 50px;
    height: 50px;
    padding: 0 9px;
    border-radius: 40px;
    margin-left: 5px;
}
 .more:hover {
    color: #000f16;
    background: rgb(236, 218, 157);
    font-weight: 900;
    width: 50px;
    height: 50px;
    padding: 0 9px;
    border-radius: 40px;
    margin-left: 5px;
}

/*=====================
			        GALERY
=====================*/
/*Gallery*/

.thumb img {
      filter: none; /* IE6-9 */
      -webkit-filter: grayscale(0);
      border-radius:0;
      background-color: #fff;
      border: 1px solid #010d10;
      padding: 0;
    } 
.thumb img:hover { 
      filter: gray; /* IE6-9 */ 
      -webkit-filter: grayscale(1); 
    } 
.thumb {
    padding: 2px!important;
    } 
.portfolio .thumbnail {
    position: relative;
}

.portfolio .thumbnail:hover {
    cursor: pointer;
}

.portfolio .caption {
    bottom: 0;
    position: absolute;
}

.portfolio .btn {
    opacity: 0.75;
}

.thumbnail {
    display: block;
    padding: 1px;
    margin-bottom: 0;
    line-height: 1.42857143;
    background-color: rgba(49, 12, 41, 0.37);
    border: 0;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.modal-content {
    position: relative;
    /* background-color: rgb(43, 19, 35); */
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-header {
    min-height: 16.43px;
    padding: 15px;
    /* border-bottom: 1px solid #55424f; */
}
.modal {
  text-align: center;
  padding: 0!important;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    /* color: #ffffff; */
    text-shadow: 0 1px 0 #171315;
    filter: alpha(opacity=20);
    opacity: .2;
}
.legend-gallery {
	padding: 19px 19px 0 19px;
	}


.wrapper {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -120px;
	}
.footer, .push {
		height: 120px;
	}
.collection-block {
		padding:5px;
	}
.thumbnail .caption-collection {
    padding: 9px;
    color: #a999a6;
    text-shadow: 1px 1px 2px #1d031a;
    background-color: rgb(72, 29, 84);
    box-shadow: 0px 0px 7px rgb(35, 13, 31);
    text-align: center;
}
.thumbnail-collection {
    display: block;
    padding: 1px;
    margin-bottom: 0;
    line-height: 1.42857143;
    /* background-color: rgb(74, 40, 88); */
    border: 0;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
h4, .h4 {
    font-size: 16px;
}

/*====================
				RUSKAYA
====================*/
.rus-collect-menu {
    background-color: rgb(0, 18, 25)!important;
box-shadow: 0 0 40px rgb(0, 14, 21)!important;
}

/*====================
				EDEM
====================*/
.edem-center-col {
    background-image: url(/img/center-bg-edem.jpg)!important;
}
.sady-edema-body-bg{
	 background-color:#170113!important;
}
.edem-right-col{
	background-image: url(/img/right-bg-edem.jpg)!important;
}
.edem-collect-menu {
    background-color: rgb(23, 0, 18)!important;
    box-shadow: 0 0 40px rgb(24, 1, 19)!important;
}
/*====================
				/EDEM
====================*/

/*====================
				PROJECT
====================*/

.pgr-right-col{
	background-image: url(/img/right-bg-prg.jpg)!important;
}

/*====================
				/PROJECT
====================*/

/*====================
			POMPADUR
====================*/
.pompadur-center-col {
    background-image: url(/img/center-bg-pompadur.jpg)!important;
}
.pompadura-body-bg{
	 background-color:#670101!important;
}
.pompadur-right-col{
	background-image: url(/img/right-bg-pompadur.jpg)!important;
}
.pompadur-collect-menu {
    background-color: rgb(103, 0, 0)!important;
    box-shadow: 0 0 40px rgb(103, 0, 1)!important;
}
/*====================
			/POMPADUR
====================*/
/*====================
			ANGLIJSKAYA
====================*/
.eng-center-col {
    background-image: url(/img/center-bg-eng.jpg)!important;
}
.eng-body-bg{
	 background-color:#01062D!important;
}
.eng-right-col{
	background-image: url(/img/right-bg-eng.jpg)!important;
}
.eng-collect-menu {
	background-color: rgb(0, 12, 52)!important;
	box-shadow: 0 0 40px rgb(1, 3, 25)!important;
	}
/*====================
			/ANGLIJSKAYA
====================*/

/*====================
              STRANNIK
====================*/

.strannik-body-bg{
	 background-color:#132133!important;
}
.strannik-center-col {
    background-image: url(/img/center-bg-strannik.jpg)!important;
}
.strannik-right-col{
	background-image: url(/img/right-bg-strannik.jpg)!important;
}
.strannik-collect-menu {
    background-color: rgb(23, 49, 66)!important;
    box-shadow: 0 0 40px rgb(20, 39, 56)!important;
}
/*====================
              /STRANNIK
====================*/
/*====================
                KOZHA
====================*/
.kozha-center-col {
    background-image: url(/img/center-bg-kozha.jpg)!important;
}
.kozha-body-bg{
	 background-color:#000!important;
}
.kozha-right-col{
	background-image: url(/img/right-bg-kozha.jpg)!important;
}
/*====================
              /KOZHA
====================*/


/*====================
             INZHIRNAYA
====================*/
.inzhirnaya-center-col {
    background-image: url(/img/center-bg-inzhirnaya.jpg)!important;
}
.inzhirnaya-body-bg{
	 background-color:#220702!important;
}
.inzhirnaya-right-col{
	background-image: url(/img/right-bg-inzhirnaya.jpg)!important;
}
.inzhirnaya-collect-menu {
    background-color: rgb(36, 9, 2)!important;
	box-shadow: 0 0 40px rgba(38, 11, 4, 0.9)!important;}
/*====================
              /INZHIRNAYA
====================*/

/*====================
			CYGANSKAYA
====================*/

.cyganskaya-body-bg{
	 background-color: #1d0211!important;
}
.cyganskaya-center-col {
    background-image: url(/img/center-bg-cyganskaya.jpg)!important;
}
.cyganskaya-right-col{
	background-image: url(/img/right-bg-cyganskaya.jpg)!important;
}
.cyganskayaeng-collect-menu {
	background-color: rgba(51, 3, 28, 0.92)!important;
	box-shadow: 0 0 40px rgb(29, 2, 17)!important;
}
/*====================
           /CYGANSKAYA
====================*/

/*====================
                NIMERE
====================*/
.nimere-center-col {
    background-image: url(/img/center-bg-nimere.jpg)!important;
}
.nimere-body-bg{
	 background-color:#000F16!important;
}
.nimere-right-col{
	background-image: url(/img/right-bg-nimere.jpg)!important;
}
.nimere-collect-menu {
    background-color: rgb(1, 23, 31)!important;
    box-shadow: 0 0 40px rgb(0, 19, 26)!important;
}
/*====================
				/NIMERE
====================*/

.custom-nav li{
	padding-bottom: 5px;
}

.center-col {
	background-image: url(/img/center-bg.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	min-height: 900px;
	padding: 40px 25px;
}


/*=================================
                        RIGHT COL BG
=================================*/

.right-col {
	background-image: url(/img/right-bg.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	min-height: 900px;
}
.history {
	background-image: url(/img/right-bg-history.jpg)!important;
}
.russkaya{
	background-image: url(/img/right-bg-russkaya.jpg)!important;
}
/*=================================
                        /RIGHT COL BG
=================================*/


.custom-navbar-header {
    /* border-top: 49px solid #3e3e3c; */
    -moz-border-image: url(/img/left-sidebar-top.jpg) 49 round round;
    /* -webkit-border-image: url(/img/left-sidebar-top.jpg) 49 round round; */
    -o-border-image: url(/img/left-sidebar-top.jpg) 49 round round;
    /* border-image: url(/img/left-sidebar-top.jpg) 49 round round; */
    text-align: center;
    width: 100%;
    margin-left: 0px;
}
.logo {
    margin-top: 15px;
    /* max-height: 210px; */
}
.custom-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .10rem;
	margin-left: 0;
}
.sidebar-footer {
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 10px;
    width: 100%;
    height: 150px;
    background-image: url(/img/menu__down.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #31153a;
}
.text-gold {
	color:#f8db82;
}
.border-gold {
	border-top: 1px solid rgb(248, 219, 130);
}
.page-title:before{
	content:url(/img/title-pattern.png);
	 width: 20px;
	 height: auto;   	
}

.custom-icon{
    color: #410b3a;
    background: #f8db82;
    border-radius: 50%;
}
.custom-icon:hover{
    color: #3c3c3a;
    background: #ffffff;
    border-radius: 50%;
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    line-height: 1.3em;
    vertical-align: middle;
	margin: 0 5px;
}
.fa-stack-2x {
    font-size: 1.3em;
}
.left-lang {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -260px;
    font-size: 1.4em;
}
.right-lang {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: -250px;
    font-size: 1.4em;
}
.text-lang {
	color:#ccc;
}
.text-lang:hover {
	color:#f8db82;
}
.active-page {
	color:#fff;
}
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}

.collect-menu {
	padding-bottom:5px;
}
.collect-menu>li:focus, .navbar-nav>li:hover {
    color: #fff;
    text-decoration: none;
    border-bottom:3px solid #fff;
        
}
.collect-menu {
	background-color: rgba(0, 0, 0, 0.55);
	box-shadow: 0 0 40px rgb(0, 0, 0);
	min-height:35px;
	border-radius:7px;
	padding-top:2px;
}
.collect-menu>li {
    margin: 0 9px;
    min-height: 30px;
}

.item-block{
	padding: 25px 0 0 0;
}
.btn-gold {
    color: #01151c;
    font-weight: 900;
    font-size: 0.9em;
    text-transform: uppercase;
    background-color: #f8db82;
    border-color: #f8db82;
    padding: 3px 10px;
}
.btn-gold:hover {
    color: #001920;
    font-weight: 900;
    text-transform: uppercase;
    background-color: #eac65b;
    border-color: #eac65b;
    padding: 3px 10px;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #350F31;
    background-color: #350F31;
    color: #f8db82;
}

/* Modal*/
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.row-flex {
    display: flex;
    flex-flow: row wrap;
}
.navbar-custom-2 {z-index: 1000;}

.close{
    color: #b570ae!important;
}
.border-gold2 {
    border-top: 1px dashed rgb(107, 98, 72);
}

@media screen and (min-width: 560px) {
 .myphoto {

position: absolute;

bottom: 0;

padding: 10px;

width: 90%;

min-height: 65%;

background-image: url(/img/myphoto.png);

background-size: contain;

background-position: right bottom;

background-repeat: no-repeat;
}
}

@media screen and (max-width: 560px) {
 .myphoto {
    display: none!important;
    }
 .thumb img {
      max-width: 190px;
    }
}

@media screen and (min-width: 560px) {
 .thumb img {
      max-width: 100%;
    }
}

@media screen and (min-width: 1250px) {
.custom-nav{
    position: absolute;
    right: 50%;
    margin-right: -100px;
    padding: 0 25px 0 10px;
    margin-top: 35px;
    margin-bottom: 150px;
    text-align: right;
    font-size: 1.3em;
    z-index: 10;    }
}

@media screen and (max-width: 1250px) {
.custom-nav {
    position: relative;
    padding: 0 15px 0 10px;
    margin-top: 35px;
    margin-bottom: 150px;
    text-align: right;
    font-size: 1.1em;
    z-index: 10;
 }
.left-submenu {
    position: relative;
    width: 100%;
    display: none;
    float: left;
    min-width: 120px;
	}

@media screen and (max-width: 1050px) {
.custom-nav {
    position: relative;
    padding: 0 15px 0 10px;
    margin-top: 35px;
    margin-bottom: 150px;
    text-align: right;
    font-size: 1em;
	z-index: 10;}
 }
 @media screen and (max-width: 992px) {
.custom-nav {
    position: relative;
    padding: 0 10px 0 10px;
    font-size: 0.9em; }
 }