@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css?family=ABeeZee&display=swap');
body{
	font-family: 'ABeeZee', sans-serif;
}
html {
  scroll-behavior: smooth;
}
.row{
	width: 100%;
	margin: 0;
	padding: 0;
}
header{
	/*background-color: #e53935;*/
	box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.2);
}
header .col-md-1{
	box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.2);
	text-align: center;
	
}
header .col-md-1 img{
	height: 90px;
	padding: 5px;
}
header .topbar{
	padding: 5px;
	background-color: #616161  ;
}
header .topbar a{
	color: #fff;
}
header .topbar span{
	color: #fff;
	margin-right: 10px;
	font-weight: 700;
}
header .navbar{
	background-color: #f3f3f3;
	border-radius: 0px;
	margin-bottom: 0;
}
header .navbar a{
	color: #333;
	font-weight: 700;
	letter-spacing: 1px;
	margin: 0 10px;
}
header .navbar .brand{
	margin-top: 15px;
}
header .brand{
	font-size: 20px;
	font-family: 'ABeeZee', sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
}
header .brand span{
	font-weight: 500;
}
header .navbar-brand{
	font-style: italic;
}


.intro{
	text-align: center;
	padding: 30px;
	background-image: url(../img/dot-w.jpg);
}
.intro span{
	font-weight: 700;
	color: #e53935;
}
.intro p{
	font-size: 19px;
}
.intro .card{
	background-color: rgba(229,57,53,0.8);
	padding: 10px;
}
.intro .card ul{
	text-align: left;
}
.intro .card ul li{
	font-size: 17px;
}
.read{
	background-color: #e53935;
	padding: 10px 20px;
	color: #333;
	display: inline-block;
	font-weight: 700;
}
.read:hover{
	color: #fff;
}
.line{
	display: inline-block;
	padding: 10px;
	width: 25%;
	border-top:3px dotted #e53935;
}
.line1{
	display: block;
	padding: 10px;
	width: 100%;
	border-top:3px dotted #e53935;
	margin: 20px 0px;
}

.services{
	background-image: url(../img/bg.jpg);
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align: center;
	padding: 30px;
}
.services h1{
	color: #fff;
}
.services p{
	color: #fff;
	font-size: 19px;
}
.services .row{
	margin-top: 40px;
}
.services .card{
	padding: 10px;
	background-color: #fff;
	margin-bottom: 30px;
}

.photos{
	text-align: center;
	padding: 30px;
	background-image: url(../img/dot-w.jpg);
}

.photos .slick-next{
	background-color: #e53935;
	padding: 5px;
	width: 30px;
	height: 30px;
	left: 50%;
	top: 120%;
}
.photos .slick-prev{
	background-color: #e53935;
	padding: 5px;
	width: 30px;
	height: 30px;
	left: 47%;
	top: 120%;
}
.photos .slick-next:hover{
	background-color: #e53935;
}
.photos .slick-prev:hover{
	background-color: #e53935;
}

.photos .slick-dots{
	display: none !important;
}


.contact{
	text-align: center;
	padding: 30px;
	background-image: url(../img/bg1.jpg);
	background-position: center;
	background-size: contain;

}
.contact .card{
	opacity: .8;
	background-color: #333;
	padding: 10px;
}
.contact h1{
	color: #fff;
}
.contact h4{
	color: #fff;
	font-weight: 700;
}
.contact p{
	color: #fff;
	font-size: 17px;
}



.bg-white{
	background-color: #fff;
}
.pd0{
	padding: 0;
}
.top .fa{
	font-size: 30px;
}
.top{
    bottom: 10px;
    right: 10px;
    z-index: 9999 !important;
	background-color: #fff;
	width: 50px;
	height: 50px;
	text-align: center;
	padding: 10px;
	box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.2);
	color: #e53935;
}
.photos-slide .card{
	border-right: 2px solid #333;
}
.carousel-caption{
	background-color: rgba(0,0,0,0.5);
	width: 25%;
	left: 37%;
	right: 37%;
}
.carousel-caption h2{
	margin: 0px;
	margin-bottom: 10px;
}
.carousel-caption p{
	margin: 0;
}
@media (max-width: 770px) {

.m-hide{
	display: none;
}
h1{
	font-size: 26px;
}
.intro{
	padding: 10px;
}
.intro .col-md-6{
	background-color: #f3f3f3;
	padding: 10px;
	margin-bottom: 10px;
	box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.2);
}
.intro .col-md-6 hr{
	border-bottom: 1px dotted #333;

}
.navbar .navbar-toggle{
	background-color: #616161;

}
.navbar .navbar-toggle span{
	background-color: #fff;
}
.services{
	padding: 5px;
}
.services .col-xs-6{
	padding: 5px;
}
.services .col-xs-6 .card h4{
	font-size: 15px;
	font-weight: 700;
}
.photos .slick-prev{
	background-color: #e53935;
	padding: 5px;
	width: 30px;
	height: 30px;
	left: 37%;
	top: 120%;
}
.contact .card{
	opacity: .8;
	background-color: #333;
	padding: 10px;
	margin-bottom: 10px;
}
.mpd0{
	padding: 0px;
}
.intro p{
	font-size: 15px;
	text-align: justify;
}
header .navbar a{
	margin: 0 5px;
}
header .brand{
	font-size: 18px;
}
header .navbar a{
	font-size: 15px;
}
.carousel-caption{
	display: none;
}


}