@font-face {
  font-family: 'Arial';
  src: url('/fonts/arial.woff2') format('woff2'),
       url('/fonts/arial.woff') format('woff'),
       url('/fonts/arial.ttf')  format('truetype');
}

@font-face {
  font-family: 'Arial Black';
  src: url('/fonts/ariblk.woff2') format('woff2'),
       url('/fonts/ariblk.woff') format('woff'),
       url('/fonts/ariblk.ttf')  format('truetype');
}

@font-face {
    font-family: 'GabrielaScript';
    src: url('/fonts/Gabrielascript.woff2') format('woff2'),
        url('/fonts/Gabrielascript.woff') format('woff'),
        url('/fonts/Gabrielascript.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
  font-family: Arial;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  font-size: 1.5rem;
  background-color: #fff;
}

/* custom styles */

a {
	color:#000;
}

.footer a:hover {
	color:#fff;
}	

.color-pink {
	color:#E6117C;
}

.color-white {
	color:#fff;
}	

.pink-line1 {
	border-top:#E6117C 5px solid;
}	

.font-arial-black {
	font-family: "Arial Black";
}	

.pink-right-border {
	border-right:#E6117C 4px solid;
}	

.container {
	/*border: solid 1px black;*/
}

.listva {
    position: absolute;
    right: 0;
    bottom: 60px;
    width: 40%;
}

.plashka-btn {
    background-color: #E6117C;
    border-color: #E6117C;
	font-size: 2rem;
    border-radius: 2.5rem;
	padding: 0.5rem 3rem;
    line-height: 2;	
}

.plashka-img {
	width:70%;
}

.my-form-btn {
  background-color: #E6117C;
  border-color: #E6117C;
	font-size: 1rem;
  border-radius: 2.5rem;
	padding: 0.5rem 3rem;
  line-height: 2;	
}

.popup-cont {
	position:absolute;
	bottom:0;
	width:100%;	
}

.slogan {
	font-family: GabrielaScript;
	font-size: 2.5rem;
	color:#E6117C;
}

@media screen and (min-width: 1200px) {
	.container {
		max-width: 1400px;
	}
}	

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.listva {
		position: absolute;
		right: 0;
		bottom: 60px;
		width: 30%;
		display: block;		
	}
}

@media screen and (min-width: 992px) {
	.footer {
		background-color: #E6117C;
	}	
}

@media screen and (max-width: 991px) {
	.pink-right-border {
		border-right: none;
	}	
	.listva {
		display: none;
	}
	.plashka-img {
		width:100%;
	}	
	.footer {
		background-color:#fff;
		position: relative;
	}
}	

@media screen and (max-width: 767px) {
	body {
		margin-bottom: 0;
	}	
	.card-deck {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.card-deck .card {
		margin: 0 auto;
		float: none;
		margin-bottom: 10px;
	}
	.slogan {
		font-family: GabrielaScript;
		font-size: 1.5rem;
		color:#E6117C;
	}		
}	

@media screen and (max-width: 575px) {
	/*.popup-cont {
		position:relative;
	}*/	
}