* { box-sizing: border-box }
html, body {height: 100%; margin: 0; padding: 0; position: relative;}
body { background: #ed3338; }
header { background: #EEE; position: relative; top: 0;text-align: center; width: 100% }
img.logo { display: inline-block; margin: auto; width: 100%; max-width: 600px }
.contact { font-family: 'Russo One', sans-serif; color: #3a3637; font-size: 26px; margin: 10px 0; line-height: 32px;}
.contact span { color: #8B9094;}
.contact span:nth-of-type(1) { margin-right: 10px; }
.facebook { position: absolute; top: 10px; right: 10px }
.facebook i { color: #FFF; background: #3b5998; width: 32px; height: 32px; border-radius: 50%; padding: 10px;}
.alert { width: 100%; background: #ed3338; font-family: "Russo One",sans-serif; color: #EEE; font-size: 16px; margin: 0; padding: 5px; letter-spacing: 1px; text-transform:uppercase }
#slideshow { display:block; margin: auto; position: relative }
.headings { position: absolute; width: 100%; top: 340px; text-align:center; left: 0;}
.headings h1 { text-shadow: 2px 2px 10px #333; font-size: 50px;}
.headings h2 { text-shadow: 1px 3px #333;}
.vignette { 
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 63%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 63%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height: inherit; position: absolute; width: inherit; z-index: 999;
}
nav { width: 100%; background: #ed3338;line-height: 60px;}
nav ul { margin: 0 auto; padding: 0; list-style:none; text-align:center;}
nav ul li { display: inline-block}
nav ul li a { font-family: "Russo One",sans-serif; font-size: 20px; color: #EEE; padding: 10px; text-transform:uppercase}
nav ul li a:hover { background: #EEE; text-decoration:none }
.sub-menu { display: none; position:absolute; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); background: #FFF; }
.parent:hover .sub-menu { display: block; }
.sub-menu a { color:#ed3338}
.navbar-fixed { top: 0; z-index: 100; position: fixed; width: 100%;}
.clear { clear: both; } 
section { width: 100%; padding: 30px 0 }
.section1 { background: #EEE }
.section2 { background: #CCC }
.section3 { background: #ed3338 }
section h2, section h3  { text-align:center }
.section3 h2 {color: #EEE; } 
.wrap { width: 100%; max-width: 1200px; display: block; margin:auto }
.center {  text-align:center }
p.intro{ font-family: 'Ek Mukta', sans-serif; color: #3a3637; font-size: 24px; line-height: 30px;  margin: 0 0 20px }
ul.specialisms { font-family: 'Ek Mukta', sans-serif; list-style:none }
ul.specialisms li { display:inline-block; font-size: 20px;color: #3a3637;  }
ul.specialisms li::before { content: url("../img/li-bullet.png"); margin-left: 20px; padding: 0 20px 0 0; }
img.right {float: right; margin: 0 0 20px 20px}
h1 { font-family: 'Russo One', sans-serif; color: #EEE; letter-spacing: 2px; font-size: 40px; text-transform:uppercase; margin: 60px 0 0;}
h2 { font-family: 'Russo One', sans-serif; font-size: 26px; letter-spacing: 2px; text-transform: uppercase; color: #ed3338; margin: 0 0 20px; font-weight:normal; }
h3 { font-family: 'Russo One', sans-serif; color: #3a3637; font-size: 26px; margin: 0;}
p { font-family: 'Ek Mukta', sans-serif; color: #3a3637; font-size: 16px; line-height: 26px; margin: 0 0 20px }
ul { margin: 0 0 20px; padding: 0 }
.break { border-bottom: 3px dotted #ed3338; }
a { color: #8B9094; text-decoration:none }
a:hover { color: #ed3338; text-decoration:underline }
#testimonials .wrap { background:url(../img/citation.png) no-repeat left top;}
.testimonials { padding-left: 200px; min-height: 200px }
.testimonials p { color: #EEE; }
p.author { text-transform: uppercase; font-family: "Russo One",sans-serif; }
#map { width: 40%; float: right; padding-left: 20px }
#map ul { font-family: 'Ek Mukta', sans-serif; list-style:none;  line-height: 36px }
#map ul img { vertical-align: top; padding: 5px}
.iframeWrapper {
    height: 0;
    padding-bottom: 100%;
    position: relative;
}
.iframeWrapper iframe {
    border: 0 none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.map-overlay {
    background: rgba(100, 100, 100, 0.5);
    cursor: zoom-in;
    height: 100%;
    opacity: 0.5;
    position: absolute;
    width: 100%;
    z-index: 3;
}
.map-overlay-remove {
	display:none; 
}
.scrollup  {
    bottom: 1%;
    display: none;
    opacity: 0.6;
    outline: medium none;
    position: fixed;
    right: 1%;
	font-size: 32px; 
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #FFF;
	text-align: center;	line-height: 42px;
	border: 4px solid #333;
}
.scrollup span { visibility: hidden;}
.scrollup:hover  {
    opacity: 1;
	border: 4px solid #ed3338;
}
footer { text-align:center; padding: 20px; position: relative; }
h3.slogan { font-family: 'Russo One', sans-serif; text-shadow: 1px 3px 5px #333; color: #FFF; font-size: 18px; margin: 0 0 20px 0 ; font-style:italic; font-weight:normal; letter-spacing: 1px}
p.copyright { border-top: 1px dotted #EEE; display:block; font-size: 16px; color: #EEE; padding: 20px 0 0; margin-bottom: 0 }
section#gallery h1 {color: #333; margin-top: 10px; text-shadow: 1px 3px #EEE; }
/*#gallery li { display: inline-block }
#gallery img { border: 6px solid #FFF; margin: 3px }
ul#galleryNav { width: 22%; height: inherit; background: #ddd; float: left; }
ul#galleryNav li { width: 100%; display: block !important; border-bottom: 1px solid #EEE; }
ul#galleryNav li a { text-align: left !important; padding: 7px 10px; text-transform: uppercase; display:block;font-family: "Russo One",sans-serif; text-decoration:none; border-bottom: 1px solid #EEE; }
ul#galleryNav li a:hover { background: #EEE }
ul#galleryContainer { float: right; width: 75%; background: #ddd; height: inherit; min-height: 100px; padding: 20px }
h2#galleryTitle {display: none}
h2#galleryTitle:nth-of-type(1) {display: block !important}
ul#galleryContainer h4 { font-family: 'Russo One', sans-serif; color: #aaa; font-size: 16px; margin: 0 0 20px 0 ; font-style:italic; font-weight:normal; }*/

.servicing h1 {color: #333; margin: 10px 0 40px; text-shadow: 1px 3px #EEE; }
.col1-3 { float: left; width: 32%; margin-right: 2%; background: #ddd; padding: 20px }
.col1-3:nth-of-type(3) { margin-right: 0; }
.service i { color: #999; margin: 15px 10px 15px 0;}
.service i:nth-of-type(1) {  
    font-size: 24px;
}
.service i:nth-of-type(2) {
    font-size: 32px; 
}
.service i:nth-of-type(3) {
    font-size: 40px;
}
.service h3 { font-size:30px}
.service h3 strong { color: #ed3338;  font-size:24px }
.service h4 { font-family: 'Russo One', sans-serif; color: #333; font-size: 18px; }
.service ul { font-family: 'Ek Mukta', sans-serif; color: #3a3637; font-size: 18px; line-height: 30px; margin: 0 0 20px; list-style: none; text-align:left}
.service ul li::before { content: url("../img/li-bullet.png"); padding: 0 10px 0 0; }
.book {background: #ED3338; color: #FFF !important;
    cursor: pointer;
    font-family: 'Ek Mukta', sans-serif;
    display: block;
    border: none;
    position: relative;
    width: 150px;
    font-size: 16px;
    text-align: center;
    padding: 10px 5px;
    border-radius: 3px;
    margin: 20px auto 0;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
	text-decoration:none
}
.book:hover { text-decoration:none; background: #941B1B }
/*LIGHTBOX*/
/*--------------------------------------*/
/* Preload images */
body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/back.jpg) url(../img/next.jpg);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/back.jpg) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.jpg) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  font-family:Arial, Helvetica, sans-serif;
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

#map ul  { font-size: 18px;}
#map ul i, .contact i { color: #FFF; line-height:32px; width: 32px; height: 32px; border-radius: 16px; background: #333; text-align: center; margin-right: 5px; vertical-align: text-bottom; font-size: 18px; }

.btn-primary {
	background: #888;
	color: #FFF;
}
.btn-primary:hover {
	background: #ED3338;
	color: #FFF;
}

.btn {
font-family: 'Ek Mukta', sans-serif;
padding: 10px 20px;
border-radius: 3px;
margin: 20px auto 0;
display: inline-block;
border: none;
font-size: 14px;
text-decoration: none !important;
text-transform: uppercase;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
border-radius: 3px;
}
.d-block { display: block;}
.d-flex { display: flex !important; flex-wrap: wrap}
.d-inline-block { display: inline-block !important;}
.d-grid { display: grid !important; flex-wrap: wrap}
.col-6 { width: 48%; }
.col-4 { width: 33.333% }
.space-between { justify-content: space-between}
.a-items-center { align-items: center; }
.nav-toggle { display: none;}
.success-message { position: absolute; width: 300px; top: 0; bottom: 0; margin: auto; left: 0; right: 0; z-index: 9999; font-size: 18px; font-family: 'Ek Mukta', sans-serif; color: green; border: 2px solid #666; background: #FFF; height: 80px; text-align: center; line-height: 80px; font-weight: bold; box-shadow: 0 0 30px #333 }
.bg-white { background: #FFF;}
.bg-primary { background: #ED3338;}
.m-0 { margin: 0;}
.m-auto { margin: auto; }
.mx-auto { margin: 0 auto; }
.mx-1 { margin: 0 10px;}
.mx-2 { margin: 0 20px;}
.mx-3 { margin: 0 30px;}
.mx-4 { margin: 0 40px;}
.mx-5 { margin: 0 50px;}
.mr-0 { margin-right: 0;}
.mr-1 { margin-right: 10px;}
.mr-2 { margin-right: 20px;}
.mr-3 { margin-right: 30px;}
.mr-4 { margin-right: 40px;}
.mr-5 { margin-right: 50px;}
.ml-0 { margin-left: 0;}
.ml-1 { margin-left: 10px;}
.ml-2 { margin-left: 20px;}
.ml-3 { margin-left: 30px;}
.ml-4 { margin-left: 40px;}
.ml-5 { margin-left: 50px;}

.p-0 { padding: 0;}
.p-1 { padding: 10px;}
.p-2 { padding: 20px;}
.p-3 { padding: 30px;}
.p-4 { padding: 40px;}
.p-5 { padding: 50px;}
.px-1 { padding: 0 10px;}
.px-2 { padding: 0 20px;}
.px-3 { padding: 0 30px;}
.px-4 { padding: 0 40px;}
.px-5 { padding: 0 50px;}
.pr-0 { padding-right: 0;}
.pr-1 { padding-right: 10px;}
.pr-2 { padding-right: 20px;}
.pr-3 { padding-right: 30px;}
.pr-4 { padding-right: 40px;}
.pr-5 { padding-right: 50px;}
.pl-0 { padding-left: 0;}
.pl-1 { padding-left: 10px;}
.pl-2 { padding-left: 20px;}
.pl-3 { padding-left: 30px;}
.pl-4 { padding-left: 40px;}
.pl-5 { padding-left: 50px;}
.text-center { text-align:center;}
.galleryContainer {	background: #FFF; }
.galleryContainer p, .galleryContainer a  {	font-family: 'Ek Mukta', sans-serif; }
.galleryContainer p, .galleryContainer a  {	font-family: 'Ek Mukta', sans-serif; }
.list-unstyled { list-style: none; margin: 0; padding: 0;}

.min-h-100 { min-height: 100%;}

/*Dashboard*/
.dashboard { display: flex; min-height: 100vh; flex-direction: column;}
.dashboard header { position: fixed; width: 100%; background: #FFF; padding: 10px; font-family: 'Ek Mukta', sans-serif; color: #333; height: 90px; }
.dashboard header img {width: 100%; max-width: 200px;}
.dashboard header h1 { font-size: 18px; color: #ed3338; font-family: 'Ek Mukta', sans-serif; font-weight: 400; letter-spacing: 0; }
.dashboard header h1 a {  color: #ed3338; font-family: 'Ek Mukta', sans-serif; text-decoration: none;}
.dashboard .admin { flex: 1; margin-top: 90px; font-family: 'Ek Mukta', sans-serif; font-weight: 400; }
.dashboard .admin .content { flex: 1; background: #eee; padding: 20px; -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25); box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.25);}
.dashboard .admin .menu { flex: 0 0 200px; background: #FFF; }
.dashboard .admin .menu ul { position:fixed; background: #EEE; width: 200px; border-bottom: 1px solid #DDD }
.dashboard .admin .menu ul li ul { display: none; position: absolute; top: 0; left: 200px; }
.dashboard .admin .menu ul li.parent:hover > ul { display: block; }
.dashboard .admin .menu ul li a { width: 100%; padding: 10px 10px 10px 20px; text-decoration:none; display: block; color: #333; }
.dashboard .admin .menu ul li a:hover { background: #ddd; color: #ed3338; }





#logout { }
#logout button { margin-top:0 }

/*Grid Gallery*/
.albums { background: #eee; padding: 30px; }
.albumsWrap { grid-gap: 40px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.albums h1 { color: #333; text-align: center; margin: 30px 0 }
.albums p.intro { color: #333; text-align: center ; margin-bottom: 40px}
.album-cover { background: #fff; box-shadow: 0 0 25px #ccc; padding: 20px; text-transform:uppercase; color: #fff; }
.album-cover img { width: 100%; height: 250px; object-fit: cover;}
.album-cover h4 { color: #333; font-family: 'Russo One', sans-serif; }


/*-------------------------*/

@media only screen and (max-width : 1200px) {
	.headings { top: 240px}
	section { padding: 30px 20px }
}

@media only screen and (max-width : 1050px) {
	.headings h1 { font-size: 40px;}
	.footer h3 { font-family: 'Ek Mukta', sans-serif; color: #EEE; font-size: 28px; margin: 0;}
	section { padding: 30px 20px }
}
@media only screen and (max-width : 850px) {
	.headings {position: relative; top: 0}
	.headings h1 { color: #333; margin-top: 10px; text-shadow: 1px 3px #EEE;}
	.headings h2 { text-shadow: 1px 3px #333;}
	
	#map { float: none; padding: 20px 0; width: 100%; text-align:center }
	.col1-3 { float: none; width: 90%; max-width: 460px; margin: 0 auto 30px; background: #ddd; padding: 20px }
	.col1-3:nth-of-type(3) { margin: 0 auto 30px; }
	.service ul { text-align: center}
	nav ul li a { font-size: 18px; }
}
@media only screen and (max-width : 600px) {
	.contact span { display:block; }
	#testimonials .wrap { background:none; }
	.testimonials { padding: 0 }
	ul#galleryContainer { width: 60% }
	ul#galleryNav { width: 35%; }
	ul#galleryNav li a { font-size: 12px; padding: 7px 4px; }
	
	/*MENU*/
	.navbar-fixed { top: 0; position: relative; width: 100%;}
	nav { position: relative; height: 61px; z-index: 9999; }
	nav ul { display: none; margin-top: 61px; auto; padding: 0; list-style: none; text-align: center; position: absolute; background: #fff; width: 100%; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.7);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.7); }
	.sub-menu {  position: relative; margin-top: 0; box-shadow: none; }
	nav ul li { display: block; }
	nav ul li a, .sub-menu a { display: block; color: #444; border-bottom: 1px solid #999; width: 100%; padding: 0;}
	nav ul li a:hover, .sub-menu a:hover { color: #ED3338; }
	.nav-toggle { display:block; width: 50px; height: 50px; right: 20px; position: absolute;}
	.nav-toggle::after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f0c9';  color: #FFF; font-size:32px; text-decoration:none} 
	.open { display: block;}
}

@media only screen and (max-width : 480px) {
	.headings h1 {font-size: 24px}
	.headings h2 { font-size: 18px; text-shadow: none}
	.contact span { font-size: 20px }
	p.intro { font-size: 20px}
	img.right {float: none; margin: 20px auto; display: block; }
	h2#galleryTitle { font-size: 20px }
	#gallery img { border: 3px solid #fff; margin: 3px; width: 80px; }
	ul#galleryContainer { width: 51% }
	ul#galleryNav { width: 47%; }
	.col-6, .col1-3 { width: 100%;}
}