html {
  scroll-behavior: smooth;
}
.check {
    background-color: #f48fb1;
    padding: 10px;
    color: black;
    margin-left: 1rem;
}
.check.tog{
	background-color: #880e4f;
	color: white;
	animation-name: togg;
  animation-duration: 3s;
}
@keyframes togg {
  from {background-color: #f48fb1;}
  to {background-color: #880e4f;}
}

[type="checkbox"].filled-in:checked+span:not(.lever):after {
	border: 2px solid #bd0000;
    background-color: #bd0000;
}

[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after {
	border: 2px solid #bd0000;
}
.hidden{
	display: none;
}
.shown{
	display: block;
}
.book-top {
  position: relative;
  text-align: center;
  color: white;
}
.book-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.book-bottom {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translate(-50%, -100%);
}
.book-last {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.scrollpd{
	padding-top: 2rem;
}
.pdng_bottom{
	padding-bottom: 3rem;
}
.back_ground_color{
	background-color: #9a0f31;
}
.back_ground_color1{
	background-color: #fcdda0;
}
.pd-all{
	padding: 1rem;
}
.academy .row .col{
	padding: 0;
}
.academy1 .row .col{
	padding: 0;
}
.pl{
	padding-left: 2rem;
}
.pl1{
	padding-left: 15rem;
}
/*fonts*/
.oswald{
font-family: 'Oswald', sans-serif;
}
.satisfy{
	font-family: 'Satisfy', cursive;
}
.lobster{
	font-family: 'Lobster', cursive;
}
.adamina{
	font-family: 'Adamina', serif;
}
.playball{
	font-family: 'Playball', cursive;
}
.caladea{
	font-family: 'Caladea', serif;
}
.lobster{
	font-family: 'Lobster', cursive;
}
.caladea{
	font-family: 'Caladea', serif;
}
.sen{
	font-family: 'Sen', sans-serif;
}
.font_size{
	font-size: 130pt;
	color: #fcdda0;
}
.fw{
	font-weight: 700;
}
.clip{
	clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);
	background-color: #a3864e;
	color: white;
	width: 55%;
	height: 45px;
	padding-left: 2rem;
}
.font_size1{
	font-size: 90pt;
	color: #fcdda0;
}
.justify-align{
	text-align: justify;
  	text-justify: inter-word;
}
.btn, .btn-large{
	text-transform: capitalize;
}
.tabs .tab {
	text-transform: capitalize;
}
/*slider*/
.slider .slides li .caption {
  width: 100%;
  opacity: 1;
  height: 945px;
  width: 535px;
}
.slider .slides li .caption{
  	top: 3%;
    left: 10%;
    width: 100%;
    height: 100%;
}

.pos{
	margin-top: 10%;
}
.f-pos{
	padding-left: 65%;
	line-height: 0;
}
.s-pos{
	letter-spacing: 16px;
}

/*button*/
.btn_style{
	border: 2px solid #fcdda0;
    background-color: #ffffff00;
    border-radius: 50px;
}
.btn_style1{
    background-color: #a3864e;
    border-radius: 50px;
    font-size: 30px;
}
.pos a:hover {
  background-color: #9a0f31;
}
.back_ground_color1:hover {
  background-color: #fff;
}
.pos1 a:hover {
  background-color: #9a0f31;
}
.btn-hover{
	background-color: #880e4f;
}
.btn-hover:hover{
	background-color: #4527a0;

}
/*animation*/
.animation{
	-webkit-animation: mover 10s infinite  alternate;
    animation: mover 10s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    50% { transform: translateX(-10px); }
    75% { transform: translateY(10px); }   
    100% { transform: translateX(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    50% { transform: translateX(-10px); }
    75% { transform: translateY(10px); }
    100% { transform: translateX(-10px); }
}
#lfb
{
position:relative;
margin:0 auto;
}
#lfb img
{
position:absolute;
left:0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
@keyframes lfb3FadeInOut
{
0% {  opacity:1;}
45% {opacity:.9;}
55% {opacity:0;}
100% {opacity:0;}
}
@keyframes lfb3WidthOut
{
0% { opacity:0;}
45% { opacity:0;}
55% { opacity:.9;}
100% { opacity:1;}
}
#lfb img.top
{
animation-name:lfb3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 10s;
animation-direction: alternate;
}
#lfb img.bottom
{
animation-name:lfb3WidthOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 10s;
animation-direction: alternate;
}


/*services*/
.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: #b389459e;
    outline: none;
}
.center-div{
	width: 50%;
	margin:auto;
}
.padding-top{
	padding-top:2rem;
}
.margin_top{
	margin-top: 2rem;
}
.padding{
	padding-left: 5rem;
	padding-right: 5rem;
}
.height-container{
		height: 850px;
	}
.height-container1{
	height: 650px;
}
.height-container5{
	height: 700px;
}
.academy .indicators{
	top:45%;
}
.carousel {
min-height: 550px;
width: 100%
}
.carousel .carousel-item{
	width: 250px;
	padding: 5px;
}
.carousel .indicators .indicator-item.active {
    background-color: #a3864e;
}
.carousel .indicators .indicator-item {
    background-color: #c5c5c5;
    height: 12px;
    width: 12px;
}
.card{
	/*width: 270px;*/
	background-color:#00000047;
}
.card .card-title {
	font-size: 17px;
}
.datepicker-date-display {
    background-color: #ce0032;
    }
/*videos*/

.videos .carousel-item {
	width: 450px;
}
/*academy*/
.height-container2{
	height: 500px;
}
.height-of-parallax{
	height: 100%;
}
.height-of-parallax1{
	height: 1000px;
}
.pos-px{
	margin-top: 1.5rem;
	padding-top: 2rem;
}
.pos-px1{
	margin-top: 1rem;
}
.margin_top1{
	margin-top: 1rem;
}
.videos .indicators {
	bottom: -29px;
}
table.table-center{
	width:55%; 
    margin-left:30%; 
    margin-right:25%;
}
tr, td, th{
	border-bottom: 0;
	padding: 0;
}
.slider .indicators{
	z-index: 2;
}
.slider .indicators .indicator-item.active {
    background-color: #e65100;
}
/*portfolio*/
.rows {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}
.portfolio .tabs .tab a {
		font-size: 17px;
	}
.portfolio .carousel{
	min-height: 1010px;
}
/*Appointment*/
input[type=text]:not(.browser-default){
	border-bottom: 2px solid #a3864e;
}
input[type=email]:not(.browser-default){
	border-bottom: 2px solid #a3864e;
}
input[type=tel]:not(.browser-default){
	border-bottom: 2px solid #a3864e;
}
.height-container3{
	height: 700px;
}
.bookContainer{
	width: 80%; margin: 0 auto;
}
/* Create four equal columns that sits next to each other */
.columns {
   -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}
.tabs{
	background-color: transparent;
}
/*Feedback*/
.bdr{
	border:10px solid white;
}
.columns img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}
.carousel.carousel-slider .carousel-fixed-item {
    bottom: -21px;
    
}
/*footer*/
.height-container4{
	height: 500px;
}
.ftr{
	padding-top: 0px;
}
/*fonts*/
.upper{
	text-transform: uppercase;
}
@media screen and (min-width: 1500px) {
	.f-pos{
		padding-left: 45%;
		line-height: 0;
	}
	
	.portfolio .carousel{
	min-height: 860px;
	}
}
@media screen and (max-width: 1500px) {
		
	.portfolio .carousel{
	min-height: 737px;
	}
}
@media screen and (min-width: 1550px) {
		
	.portfolio .carousel{
	min-height: 820px;
	}
}
@media screen and (min-width: 1650px) {
		
	.portfolio .carousel{
	min-height: 880px;
	}
}
@media screen and (min-width: 1700px) {
		
	.portfolio .carousel{
	min-height: 900px;
	}
}
@media screen and (min-width: 1700px) {
		
	.portfolio .carousel{
	min-height: 965px;
	}
}
@media screen and (min-width: 1800px) {
		
	.portfolio .carousel{
	min-height: 1057px;
	}
}
@media screen and (max-width: 1390px) {
		
	.portfolio .carousel{
	min-height: 780px;
	}
}
@media screen and (max-width: 1300px) {
		
	.portfolio .carousel{
	min-height: 660px;
	}
	.bookContainer{
	width: 90%; margin: 0 auto;
	}
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .columns {
   -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
	
	.clip{
		width: 100%;
	}
	.height-of-parallax1 {
    height: 100%;
	}
	.bookContainer{
	width: 90%; margin: 0 auto;
	}
	.rows{
		overflow: scroll;
		height: 600px;
	}
	table.table-center{
	width:100%; 
    margin-left:0; 
    margin-right:0;
	}
	.book-last{
		width: 100%;
	}
	.app-h{
		height: 200px;
	}
	.ao{
		font-size: 25px;
	}
	.book-bottom{
		top:50%;
	}
	.wel{
		font-size: 20pt;
	}
	.font_size1{
	font-size: 25pt;
	}
	.pl1{
	padding-left: 2rem;
	}
	.btn_style1{
		font-size: 12px;
	}
	.center-div{
	width: 100%;
	margin:auto;
}
	div.slider{
		height: 370px;
	}
	ul.slides{
		height: 390px;
	}
  .columns {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  	}
  .slider .slides li .caption .main-logo-size{
  	width: 485px;
  	height: 499px;
  }
  .slider .slides li .caption img {
    height: 500px;
    width: 300px;
	}
	.font_size {
		font-size: 85pt;
	}
	.height-container {
    height: 940px;
	}
	.height-container1 {
    height: 750px;
	}
	.height-container5 {
    height: 850px;
	}
	.padding{
	padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 3rem;
	}
	.font-ser{
		font-size: 15px;
	}
	.font-ser1{
		font-size: 20px;
	}
	.height-container4 {
    height: 700px;
	}
	.feed-pdg{
		padding: 3%;
	}
	.f-pos {
    padding-left: 54%;
    line-height: 0;
	}
	.s-pos {
    letter-spacing: 0;
	}
	.center-small{
		text-align: center;
	}
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}


/* .logo123 img{
	width: 400px;
	height:230px;
} */