/* write your custom styles here */

.znav-white {
	background-color:#fff;
}

.znav-white a:not(.btn) {
    color: #021a47;
}

.znav-container ul li a:not(.btn) {
    border: none;
	color: #021a47;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border:none;
	color: #ff6b00;
}

.znav-white a:active:not(.btn), .znav-white a:hover:not(.btn), .znav-white a:focus:not(.btn), .znav-white a:active:focus:not(.btn) {
    color: #021a47;
}

.nav-tabs {
    border-bottom: none;
}

.znav-white button {
    color: #000;
}

.container-start {
	height:600px;
}


body {
    word-wrap: break-word;
}

a .a {
	color: ff6b00;
}

h1, .h1 {
	color:#000;
	text-align: center;
	padding-bottom:50px;
}


section {
	padding-top:30px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
}

.font-1 {
  font-family: "Montserrat-Light", sans-serif;
}

.font-2 {
  font-family: "Poppins-Light", serif;
}

.display-5 {
    font-size: 2.0rem;
    font-weight: 300;
    line-height: 1.5;
}

.display-6 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.5;
}

.display-7 {
	font-size: 1.1rem;
	font-weight: 300;
	line-height: 1.5;
}

.mark, mark {
    display: flex;
	align-items: center;
	justify-content: center;	
    color:#ff6b00;
	background-color: #201a47;
    border-radius: 10px;
}

.violett {
	color:#201a47;
}

.orange {
	color:#ff6b00;
}

.elegantshd {
  padding: 80px 50px;
  text-align: center;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
  color: #000000;
  background-color: #e7e5e4;
  letter-spacing: .15em;
  text-shadow: 1px -1px 0 #767676, -1px 2px 1px #737272, -2px 4px 1px #767474, -3px 6px 1px #787777, -4px 8px 1px #7b7a7a, -5px 10px 1px #7f7d7d, -6px 12px 1px #828181, -7px 14px 1px #868585, -8px 16px 1px #8b8a89, -9px 18px 1px #8f8e8d, -10px 20px 1px #949392, -11px 22px 1px #999897, -12px 24px 1px #9e9c9c, -13px 26px 1px #a3a1a1, -14px 28px 1px #a8a6a6, -15px 30px 1px #adabab, -16px 32px 1px #b2b1b0, -17px 34px 1px #b7b6b5, -18px 36px 1px #bcbbba, -19px 38px 1px #c1bfbf, -20px 40px 1px #c6c4c4, -21px 42px 1px #cbc9c8, -22px 44px 1px #cfcdcd, -23px 46px 1px #d4d2d1, -24px 48px 1px #d8d6d5, -25px 50px 1px #dbdad9, -26px 52px 1px #dfdddc, -27px 54px 1px #e2e0df, -28px 56px 1px #e4e3e2;
}

.gallery a {
	position: relative;
	display: block;
}

.overlayg {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 100px;
    height: 100%;
	width: 100%;
    padding-top:40px;
    top: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    transition: all 0.5s ease 0s;
    z-index: 20;
}

.overlayg2{
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 100px;
    height: 100%;
	width: 100%;
    padding-top:100px;
    top: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    transition: all 0.5s ease 0s;
    z-index: 20;
}

.gallery a:hover .overlay ,
.gallery a:hover .overlay2 {
    opacity: 0.8;
}

.img-space{
    margin:20px 0px;
}

.shadow{
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 12px 40px 0 rgba(0, 0, 0, 0.19);
}