body {

	background: #fff;

	color: #666666;

	font-family: "Open Sans", sans-serif;

}



a {

	color: white;

}



a:hover,

a:active,

a:focus {

	color: #2dca98;

	outline: none;

	text-decoration: none;

}



p {

	padding: 0;

	margin: 0 0 30px 0;

    font-size: 14px;

    line-height: 30px;

	color:black;

   

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: 'Rajdhani', sans-serif;

	font-weight: 400;

	margin: 0 0 20px 0;

	padding: 0;

}





/* Prelaoder */



#preloader {

	position: fixed;

	left: 0;

	top: 0;

	z-index: 999;

	width: 100%;

	height: 100%;

	overflow: visible;

	background: #fff url("../img/preloader.svg") no-repeat center center;

}





/* Back to top button */



.back-to-top {

	position: fixed;

	display: none;

	background: rgba(0, 0, 0, 0.2);

	color: #fff;

	padding: 6px 12px 9px 12px;

	font-size: 16px;

	border-radius: 2px;

	right: 15px;

	bottom: 15px;

	transition: background 0.5s;

}



@media (max-width: 768px) {

	.back-to-top {

		bottom: 15px;

	}

}



.back-to-top:focus {

	background: rgba(0, 0, 0, 0.2);

	color: #fff;

	outline: none;

}



.back-to-top:hover {

	background: #2dc997;

	color: #fff;

}





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

# Header

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



#header {

	padding: 0px 0;

	height: 54px;

	position: relative;

	left: 0;

	top: 0;

	right: 0;

	transition: all 0.5s;

	z-index: 997;

	background: #0b2239;

	    border-bottom: 1px solid #0d182c;

}



#header #logo {

	float: left;

}



#header #logo h1 {

	font-size: 36px;

	margin: 0;

	padding: 6px 0;

	line-height: 1;

	font-family: 'Rajdhani', sans-serif;

	font-weight: 700;

	letter-spacing: 3px;

	text-transform: uppercase;

}



#header #logo h1 a,

#header #logo h1 a:hover {

	color: #fff;

}



#header #logo {

padding: 0;

    margin: 0;

    width: 160px;

    height: 160px;

    position: absolute;

    top: -17px;

    z-index: 11;

    color: #fff;

    left: 2%;

}



@media (max-width: 768px) {

	#header #logo h1 {

		font-size: 26px;

	}

	#header #logo img {

		max-height: 160px;

	}

}



#header.header-fixed {

	background: brown;

	height: 60px;

	transition: all 0.5s;

	position: fixed;

	top: 0;

	box-shadow:0 0 5px 0 #0b2239;

	border:none;

}





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

# Navigation Menu

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





/* Nav Menu Essentials */



.nav-menu,

.nav-menu * {

	margin: 0;

	padding: 0;

	list-style: none;

}



.nav-menu ul {

	position: absolute;

	display: none;

	top: 100%;

	left: 0;

	z-index: 99;

}



.nav-menu li {

	position: relative;

	white-space: nowrap;

}



.nav-menu>li {

	float: left;

}



.nav-menu li:hover>ul,

.nav-menu li.sfHover>ul {

	display: block;

}



.nav-menu ul ul {

	top: 0;

	left: 100%;

}



.nav-menu ul li {

	min-width: 180px;

}





/* Nav Menu Arrows */



.sf-arrows .sf-with-ul {

	padding-right: 30px;

}



.sf-arrows .sf-with-ul:after {

	content: "\f107";

	position: absolute;

	right: 5px;

	font-family: FontAwesome;

	font-style: normal;

	font-weight: normal;

}



.sf-arrows ul .sf-with-ul:after {

	content: "\f105";

}





/* Nav Meu Container */



#nav-menu-container {

	float: right;

	margin: 0;

	height:0;

}



@media (max-width: 768px) {

	#nav-menu-container {

		display: none;

	}

}





/* Nav Meu Styling */



.nav-menu a {

    text-decoration: none;
    display: inline-block;
    color: #fff;
    font-family: 'Rajdhani', sans-serif;
    text-transform: uppercase;
    outline: none;
    padding: 15px 15px 15px;
    font-size: 15px;
    font-weight: 600;

}



.nav-menu>li {

	/*margin-left: 10px;*/

}



.nav-menu>li>a:before {

	content: "";

	position: absolute;

	width: 100%;

	height: 1px;

	bottom: 15px;

	left: 0;

	background-color: white;

	visibility: hidden;

	-webkit-transform: scaleX(0);

	transform: scaleX(0);

	-webkit-transition: all 0.3s ease-in-out 0s;

	transition: all 0.3s ease-in-out 0s;

}



.nav-menu a:hover:before,

.nav-menu li:hover>a:before,

.nav-menu .menu-active>a:before {

	visibility: visible;

	-webkit-transform: scaleX(1);

	transform: scaleX(1);

}



.nav-menu ul {

	margin: 1px 0 0 0;

	border: 1px solid #e7e7e7;

}



.nav-menu ul li {

	background: #fff;

}



.nav-menu ul li:first-child {

	border-top: 0;

}



.nav-menu ul li a {

	padding: 10px;

	color: #333;

	transition: 0.3s;

	display: block;

	font-size: 16px;

	    font-weight: 600;

	text-transform: none;

}



.nav-menu ul li a:hover {

	background: #0b2239;

	color: #fff;

}



.nav-menu ul ul {

	margin: 0;

}





/* Mobile Nav Toggle */



#mobile-nav-toggle {

    position: absolute;

	right: 0;

    top: 78px;

	z-index: 999;

	margin: 20px 20px 0 0;

	border: 0;

	background: none;

	font-size: 24px;

	display: none;

	transition: all 0.4s;

	outline: none;

	cursor: pointer;

}



#mobile-nav-toggle i {

	color: #fff;

}



@media (max-width: 768px) {

	#mobile-nav-toggle {

		display: inline;

	}

}





/* Mobile Nav Styling */



#mobile-nav {

	position: fixed;

	top: 0;

	padding-top: 18px;

	bottom: 0;

	z-index: 998;

	background: rgba(52, 59, 64, 0.9);

	left: -260px;

	width: 260px;

	overflow-y: auto;

	transition: 0.4s;

}



#mobile-nav ul {

	padding: 0;

	margin: 0;

	list-style: none;

}



#mobile-nav ul li {

	position: relative;

}



#mobile-nav ul li a {

	color: #fff;

	font-size: 16px;

	overflow: hidden;

	padding: 10px 22px 10px 15px;

	position: relative;

	text-decoration: none;

	width: 100%;

	display: block;

	outline: none;

}



#mobile-nav ul li a:hover {

	color: #fff;

}



#mobile-nav ul li li {

	padding-left: 30px;

}



#mobile-nav ul .menu-has-children i {

	position: absolute;

	right: 0;

	z-index: 99;

	padding: 15px;

	cursor: pointer;

	color: #fff;

}



#mobile-nav ul .menu-has-children i.fa-chevron-up {

	color: #2dc997;

}



#mobile-nav ul .menu-item-active {

	color: #2dc997;

}



#mobile-body-overly {

	width: 100%;

	height: 100%;

	z-index: 997;

	top: 0;

	left: 0;

	position: fixed;

	background: rgba(52, 59, 64, 0.9);

	display: none;

}





/* Mobile Nav body classes */



body.mobile-nav-active {

	overflow: hidden;

}



body.mobile-nav-active #mobile-nav {

	left: 0;

}



body.mobile-nav-active #mobile-nav-toggle {

	color: #fff;

}



#topbar {

	background: #0d182c;

	height: 45px;

	padding: 8px 0;

}



#topbar marquee {

	color: white;

	font-size: 14px;

}



.blink-bg,

.blink-bg_z {

	color: #fff;

	font-size: 14px;

	font-weight: 400;

	letter-spacing: .4px;

	padding: 4px 10px;

	border-radius: 0px;

	animation: blinkingBackground 2.5s infinite;

	margin: 0 5px;

}



.blink-bg_z {

	animation: blinkingBackground_z 2s infinite!important;

}



@keyframes blinkingBackground {

	0% {

		background-color: #1f4a75;

	}

	25% {

		background-color: brown;

	}

	50% {

		background-color: #1f4a75;

	}

	75% {

		background-color: brown;

	}

	100% {

		background-color: #1f4a75;

	}

}



@keyframes blinkingBackground_z {

	100% {

		background-color: brown;

	}

	75% {

		background-color: #1f4a75;

	}

	50% {

		background-color: brown;

	}

	25% {

		background-color: #1f4a75;

	}

	0% {

		background-color: brown;

	}

}

.scale{

    transition: 0.8s all ease;

}

.scale:hover{

	transform: scale(1.5);

}

#hdr-grdnt{

	width: 100%;

    position: absolute;

    height: 311px;

    z-index: 99;

    top: 46px;

    /*background:url(../img/blue_grdnt.png) left top repeat-x; */
    background:url(./images/St-Xaviers-Page-Bg1.jpg) left top repeat-x;

}

#header-name {

    position: absolute!important;

    width: 354px!important;

    left: 200px;

    top: 70px;

    height: 84px!important;

    color: rgb(255, 255, 255);

    /* background: url(../img/header_name1.png) no-repeat; */

}

.skitter .container_skitter .image_main {

    width: 100%!important;

    height: 800px!important;
    /*height: 700px!important;*/

	object-fit:cover!important;

}

.skitter .info_slide_dots{

    bottom: 4%!important;

}

.skitter {

	height: 800px!important;
	/*height: 700px!important;*/

	width: 100%;

}

.skitter .info_slide_dots .image_number{

	width: 18px;

    height: 3px;

}

.label_skitter {

   

    background: none!important;

}

.header-fixed #header-name{

	//display:none;

}

.header-fixed #logo{

//display:none;

}

.header-fixed #nav-menu-container{

width:1100px!important;

}

.header-fixed .nav-menu a{

	    padding: 15px 20px 19px!important;

}

.date_box{

background:url(../img/date_bg.png) no-repeat;

    color: #fcfeff;

    text-align: center;

    padding: 12px 0;

    width: 76px;

    height: 72px;

    float: left;

    margin: 14px 13px 0px 0px;

}



.date{

    font-weight: 600;

    font-size: 28px;

    color: rgb(7, 86, 159);

    font-family: Rajdhani, sans-serif;

    position: relative;

    top: -21px;

    left: 11px;

}

.month{  

	font-weight: 700;

    font-size: 15px;

    color: rgb(10, 36, 59);

    font-family: Rajdhani, sans-serif;

    text-transform: uppercase;

    position: relative;

    top: -4px;

    left: 0px;

    letter-spacing: 0.3px;

}

.title{

    color: rgb(10, 36, 59);

    font-size: 18px;

    font-weight: 600;

    /* text-decoration: none; */

    /* min-height: 24px; */

    padding: 10px 0px;

    /* border-bottom: 1px dotted #034a80;*/

}

.box{

    height: 96px;

    /* padding: 8px 0px; */

	border-bottom: 1px dotted #034a80;

}
.box a{
color: #2dca98;
}
.title p{

    font-size: 14px;

    line-height: 30px;

    color: #999999;

    font-weight: 400;

	color:black;

}

#about_us h2{

    font-size: 40px;

    font-weight: 600;

    margin: 0;

    color: #0b2239;

}

#about_us h2 span{

	color:brown;

}

#about_us h3{

	font-size: 20px;

    color: #909090;

    font-weight: 400;

}

/*****lines******/

.animated-twin-lines {

    width: 100%;

    height: auto;

    margin: auto auto 18px;

    float: none;

    display: inline-block;

    position: relative;

    text-align: center;

    padding-bottom: 15px;

}

.animated-twin-lines:before{

    background-color: #ffd07e;

    animation: clip-one 1s linear infinite;

    -moz-animation: clip-one 1s linear infinite;

    -ms-animation: clip-one 1s linear infinite;

    -webkit-animation: clip-one 1s linear infinite;

    bottom: -2px;

	left: 0;

    right: 0;

    margin: 0 auto;

    content: '';

    display: block;

    position: absolute;

    width: 50px;

    height: 3px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -o-transition: all .3s linear;

    -ms-transition: all .3s linear;

    transition: all .3s linear;

    -ms-animation-delay: 1s;

}

.animated-twin-lines:after{

    left: 0;

    right: 0;

    margin: 0 auto;

    content: '';

    display: block;

    position: absolute;

    width: 50px;

    height: 3px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -o-transition: all .3s linear;

    -ms-transition: all .3s linear;

    transition: all .3s linear;

    -ms-animation-delay: 1s;

	    animation: clip-two 1.5s linear infinite;

    -moz-animation: clip-two 1.5s linear infinite;

    -ms-animation: clip-two 1.5s linear infinite;

    -webkit-animation: clip-two 1.5s linear infinite;

    bottom: 2px;

    background-color: #7ff1ab;

}

@keyframes clip-one{0%,100%{width:50px}25%{width:20px}50%{width:40px}75%{width:25px}}

@-webkit-keyframes clip-one{0%,100%{width:50px}25%{width:20px}50%{width:40px}75%{width:25px}}

@keyframes clip-two{0%,100%{width:50px}25%{width:35px}50%{width:15px}75%{width:40px}}

@-moz-keyframes clip-two{0%,100%{width:50px}25%{width:35px}50%{width:15px}75%{width:40px}}

.animated-twin-lines.alignleft:before {

  right: auto;

}

.animated-twin-lines.alignleft:after{

  right: auto;

}

.alignleft{

  text-align: left;

}

/*****lines******/

#about_us{

    background: #f8f8f8;

    padding: 120px 0 70px 0;

    border-top: 2px solid #ebebeb;

    border-bottom: 2px solid #ebebeb;

    position: relative;

}

.myTicker{

    height: 400px!important;

    width: 400px;

}

.myTicker ul{

    padding: 0;

	width:100%;

}

.myTicker li{

    padding: 10px;

}

/********hover button*********/

.btn {

    display: block;

    width: 142px;

    height: 42px;

 	padding-top: 7px;

    background: #22243d;

    border-radius: 0;

    text-align: center;

    color: white;

    /* text-transform: uppercase; */

    cursor: pointer;

    font-weight: 400;

	transition:0.8s all;

	z-index:99

}

.hover {

    position: relative;

    transition-duration: 0.3s;

    transition-property: transform;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    transform: translateZ(0);

}

.hover:hover {

    transform: translateY(-6px);

    animation-name: hover;

    animation-duration: 1.5s;

    animation-delay: 0.3s;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

    animation-direction: alternate;

	color: white;

    background: brown!important;

}

.hover:before {

    pointer-events: none;

    position: absolute;

    z-index: -1;

    content: '';

    top: 100%;

    left: 5%;

    height: 10px;

    width: 90%;

    opacity: 0;

    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, 0) 80%);

    transition-duration: 0.3s;

    transition-property: transform opacity;

}

.hover:hover:before {

    opacity: 0.6;

    transform: translateY(6px);

    animation-name: shadow;

    animation-duration: 1.5s;

    animation-delay: 0.3s;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

    animation-direction: alternate;

}

/* HOVER */

@keyframes hover {

  50% {

    transform: translateY(-3px);

 }

  100% {

    transform: translateY(-6px);

 }

}

@keyframes shadow {

  0% {

    transform: translateY(6px);

    opacity: 0.4;

 }

  50% {

    transform: translateY(3px);

    opacity: 1;

 }

  100% {

    transform: translateY(6px);

    opacity: 0.4;

 }

}

/********hover button*********/

.heading h4{

	font-size: 26px;

    text-transform: uppercase;

    text-align: center;

    color: brown;

    font-weight: 700;

}

.heading h4:after{

	content:url(../img/title_h1_after.png);

	position:absolute;

	top:0;

	bottom:0;

	right:33px;

	

}

.heading h4:before{

    content: url(../img/title_h1_before.png);

    position: absolute;

    top: 0;

    bottom: 0;

    left: 33px;

	

}

#about_us:after{

    content: url(../img/back_about.png);

    position: absolute;

    left: 10%;

    bottom: 0;

    opacity: 0.2;

}





.heading1 h4{

font-size: 45px;

    text-transform: uppercase;

    text-align: center;

    color: white;

    font-weight: 700;

    padding: 40px 0;

    position: relative;

    z-index: 9;

}

.heading1 h4:after{

	content:url(../img/title_h1_after.png);

	position:absolute;

	top:52px;

	bottom:0;

	right:31%;

	 filter: invert(1);

	   z-index: 99999;

	

}

.heading1 h4:before{

    content: url(../img/title_h1_before.png);

    position: absolute;

    top: 52px;

    bottom: 0;

    left: 31%;

    z-index: 99999;

    filter: invert(1);

}

#photogallery{

	background:url(../img/photogallery_bg.jpg) no-repeat;

	position:relative;

	padding:35px 0;

	background-size: cover;

	background-attachment:fixed;

}

#photogallery:after{

content: '';

    background: #0c0c0cb3;

    position: absolute;

    right: 0;

    left: 0;

    top: 0;

    bottom: 0;

}

#photogallery img{

    height: 190px;

    width: 100%;

    object-fit: cover;

    border: 4px solid black;

    box-shadow: 0px 0px 9px white;



}



.btn2 {

    width: 173px!important;

    height: 56px!important;

    padding-top: 13px!important;

    background: #22243d00!important;

    border: 1px solid #d7d7d7!important;

    margin: 50px auto!important;

}

#photogallery .owl-theme .owl-nav {

    margin-top: 10px;

    position: absolute;

    right: 0;

    bottom: 0;

    top: -90px;

    color: white;

	z-index:999;

}

#photogallery .owl-carousel .owl-nav button.owl-prev:hover{

	background:brown;

}

#photogallery .owl-carousel .owl-nav button.owl-next:hover{

	background:brown;

}



#photogallery .owl-carousel .owl-nav button.owl-prev{

    border: 1px solid white;

    border-radius: 0;

    padding: 0px 23px!important;

    font-size: 36px;

    font-weight: 100;

}

#photogallery .owl-carousel .owl-nav button.owl-next{

    border: 1px solid white;

    border-radius: 0;

    padding: 0px 23px!important;

    font-size: 36px;

    font-weight: 100;

}

#mobile_app{

    padding: 50px 0;

    text-align: center;

}

#mobile_app h4{

    font-size: 40px;

    font-weight: 700;

    color: brown;

	 margin: 0;

	text-shadow: 0px 3px 3px #a9a1a1;

}

#mobile_app h4 span {

    font-size: 45px;

    color: #0b2239;

}

#mobile_app h6{

    font-size: 20px;

    color: #0b2239;

    font-weight: 500;

}

#mobile_app  img{

    height: 65px;

}

#footer{

    background: url(../img/footer_bg.jpg) no-repeat;

    height: 320px;

    position: relative;

    padding: 25px 0;

}

.name_img img{

	height: 70px;

	    margin: 0px 0px 15px 0;

}

.logo_footer{

position: absolute;

    right: 0px;

    left: 68px;

    /* margin: 50% auto; */

    margin: 0px auto;

    text-align: center;

    top: 45px;

    bottom: 0;

}

#footer p{

	color:white;

}

#footer h6{

    font-size: 20px;

    font-weight: 700;

    color: #deb847;

    padding: 13px 0px 0;

    margin: 0;

	    text-transform: uppercase;

    letter-spacing: 1px;

}

#copyright{

    background: #0d182c;

	    padding: 6px 0;

}

#copyright p{

   color:white;

   margin:0;

   

}

.img_detail_left{

    position: relative;

    float: left;

    width: 45%;

    overflow: hidden;

}

.img_detail_left img{

    height: 346px;

    object-fit: cover;

    width: 100%;

    transition: transform .5s;

}

.right_text_detail{

    background: #f3f3f3;

    padding: 9px 15px 0 19px;

    float: left;

    border-top: 3px solid brown;

    width: 55%;

    height: 346px;

}

.right_text_detail a{

	color:brown;

}

.right_text_detail h4 span{

    color: brown;

}

.right_text_detail h4{

    font-size: 28px;

    font-weight: 700;

    color: #0b2239;

    margin: 0 0 10px;

}

.main_box:hover .img_detail_left img{

	    transform: scale(1.3);

    transition: transform .5s;

 }

 .main_box{

 box-shadow: 0px 0px 7px 0px grey;

    height: 100%;

}

#principal_mesg{

	padding:70px 0;

	position:relative;

}

#happy_birthday img{
    width: 148px;
    height: 175px;
    object-fit: cover;
    border-radius: 11px;
    background: white;
    padding: 10px;
    box-shadow: 2px 2px 8px -1px grey;

}

#happy_birthday h4{

    font-size: 22px;

    margin: 0;

    padding: 10px 0 0px 0;

    color: #22243d;

    font-weight: 600;

}

#happy_birthday h6{

    color: #22243d;

    font-size: 18px;

}

#happy_birthday a{

    color: brown;

    font-size: 15px;

    text-transform: uppercase;

    font-weight: 400;

    position: absolute;

    right: 0;

    left: 0;

    bottom: 31px;

    z-index: 999;

	    width: 91px;

    text-align: center;

    margin: 0 auto;

}

.happy_birthday .owl-prev span{

    position: absolute;

    bottom: 10px;

	left: -6px;

		font-size: 40px;

		background: #22243d;

		font-weight: 300;

		height: 35px;

		width: 35px;

		border-radius: 0;

		color: white;

		line-height: 23px;

}

.happy_birthday .owl-next span{

    position: absolute;

    bottom: 10px;

    right: -6px;

    font-size: 40px;

    background: #22243d;

    font-weight: 300;

    height: 35px;

    width: 35px;

    border-radius: 0;

    color: white;

    line-height: 23px;

}

button:focus {

    outline:none;

    outline: none;

}

.happy_birthday:before{

    content: '';

    position: absolute;

    top: 50px;

    bottom: 0;

    left: 5px;

    background: url(../img/birthday.gif) no-repeat;

	height: 240px;

    width: 175px;

    background-size: cover;

	/*opacity:0.8;*/

}

.happy_birthday:after{

    content: '';

    position: absolute;

    top: 50px;

    bottom: 0;

    right: 5px;

    background: url(../img/birthday.gif) no-repeat;

height: 240px;

    width: 175px;

    background-size: cover;

	    transform: scaleX(-1)!important;

		/*opacity:0.8;*/

}

#happy_birthday a:hover{

	text-decoration:underline;

	color:#22243d;

}

#happy_birthday h5{

font-size: 35px;

    padding: 0px 0 0px 0;

    color: brown;

    font-weight: 700;

    text-transform: uppercase;

    text-shadow: 0px 2px 2px grey;

}

#happy_birthday h5:before{

content: url(../img/title_h1_before.png);

    position: absolute;

    top: 22px;

    bottom: 0;

    left: 95px;

}

.happy_birthday{

	background:#faebd7c9;

    padding: 15px 0;
    height: 390px;

} 

#happy_birthday h5:after{

content: url(../img/title_h1_after.png);

    position: absolute;

    top: 22px;

    bottom: 0;

    right: 95px;

}

#happy_birthday:after{

    content: '';

    position: absolute;

    /* top: 0; */

    bottom: 0;

    right: 35px;

    /* left: 41%; */

    background: url(../img/tree.png) no-repeat;

    /* z-index: -1; */

   /* opacity: 0.8; */

    /* transform: scaleY(-1); */

    background-size: cover;

    height: 555px;

    width: 535px;

}

#happy_birthday{

    background:#f8f8f8;

    padding: 70px 0;

    border-top: 2px solid #ebebeb;

    position: relative;

}

#thought h2, #content h2{

    text-transform: uppercase;

	font-size: 40px;

    font-weight: 700;

    color: brown;

    margin: 0;

    text-shadow: 0px 3px 3px #a9a1a1;

}

#thought h2 span, #content h2 span{

    font-size: 45px;

    color: #0b2239;

}

#thought{

	padding: 35px 0;

	position:relative;

	    border-top: 2px solid #ebebeb;

}



#thought h5{

    margin: 26px 0px 0px 0px;

    font-family: 'Libre Baskerville', serif;

    font-style: italic;

    text-align: center;

    color: #0b2239;

    line-height: 40px;

    font-weight: normal;

    font-size: 30px;

}

#inner_slider{

    display: block;

    height: 286px;

    width: 100%;

    position: relative;

    z-index: 0;

}

#inner_slider .skitter .container_skitter .image_main {

    width: 100%!important;

    /* height: 700px!important; */

    object-fit: cover!important;

    height: 286px!important;

}

#inner_slider  .skitter {

    /* height: 700px!important; */

    width: 100%;

    height: 286px!important;

}

#content{

	padding:35px 0;

	background:#f8f8f8;

}

.heading_inner h1{

    position: relative;

    font-weight: 700;

    color: #565656;

    line-height: 1.3;

	    margin: 0;

		    text-transform: uppercase;

}

.heading_inner h6{

      font-style: italic;

    margin: 5px 0 20px; 

	    font-weight: 500;

    font-size: 18px;

    padding-bottom: 10px;

    color: brown;

    border-bottom: 1px solid #c7c7c7

}



.formBox{



}

.formBox .inputBox{

	position: relative;

	box-sizing: border-box;

	margin-bottom: 50px;

}

.formBox .inputBox .inputText{

	position: absolute;

    font-size: 18px;

    line-height: 50px;

    transition: .5s;

    opacity: .5;

}

.formBox .inputBox .input{

	position: relative;

	width: 100%;

	height: 50px;

	background: transparent;

	border: none;

    outline: none;

    font-size: 16px;

    border-bottom: 1px solid rgba(0,0,0,.5);



}

.formBox .focus .inputText{

	transform: translateY(-30px);

	font-size: 18px;

	opacity: 1;

	color: #0b2239;



}

.formBox textarea{

	height: 100px !important;

}

.formBox .button{

	width: 25%;

    height: 50px;

    border: none;

    outline: none;

    background: #85b133;

    color: #fff;

	border-radius:50px;

	    cursor: pointer;

		transition:0.8s all ease;

}

.formBox .button:hover{

	box-shadow:0 0 5px 0 gray;

	    transform: translateY(-10px);

		background:brown;

}

 .location {

    position: relative;

    height: 83px;

    box-sizing: border-box;

    text-align: center;

    margin: 7px 10px;

    background: #034a80;

    overflow: hidden;

    border-radius: 0PX;

  

}

 .location .icon {

    width:100%;

    height:100%;

    background:#0b2239;

    transition: 0.5s;

}

 .location .icon .fa {

    font-size: 60PX;

    line-height: 80px;

    color: white;

}

 .location:hover .icon {

    transform:scale(0);

}

 .location .details {

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:brown;

    transition:0.5s;

    transform:scale(2);

    opacity:0;

}

 .location:hover .details {

    transform:scale(1);

    opacity:1;

}

.location .details h3 {

    margin:0;

    padding:0;

    line-height:100px;

    font-size:24px;

    color:#fff;

}

.location .details:nth-child(2) .details {

    background:#e91e63;

}

 .location .details:nth-child(2) .details {

    background:#607d8b;

}

.demo-gallery > ul > li a{

    box-shadow: 0 0 5px 0 #989a9c;

}

.shadow{

    box-shadow: 0 0 10px 0 #bfbcbc;

    background: white;

    padding: 24px;

}

.gallery_box img {

    width: 100%;

    height: 230px;

    object-fit: cover;

}

.gallery_box h1 {

    font-size: 20px;

    letter-spacing: .01em;

	margin:0;

    font-weight: 700;

    color: white;

    text-align: left;

    text-transform: uppercase;

}

.gallery_box h6{

    font-size: 14px;

    color: white;

    font-weight: 500;

	margin:0;

}

.gallery_box{

	    box-shadow: 0 0 5px #676767;

    background: brown;

}

#slider{

	position:relative;

}

.btns_right{

    position: absolute;

    top: 28%;

    bottom: 0;

    right: 0;

    z-index: 99;

    right: 0;

}

.set_img_right{

width: 70px;

    height: auto;

    position: absolute;

    margin: -16px -17px;

    left: -41px;

}

.btns_left{
       position: absolute;
    top: 35%;
    bottom: 0;
    left: -8px;
    z-index: 99;

}
.newBlink{
    background: #e81414b8;
    padding: 11px 40px;
    width: 100%;
    display: block;
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
    color: white;
    border: 6px double white;
    color:white;
}
.blinkbutton a{

  
    display: block;
    font-size: 18px;
    text-align: center;
  
}
.set_img_left{
    width: 70px;
    height: auto;
    position: absolute;
    margin: -4px -17px;
    right: -26px;
    margin-top: -27px;
}

.quickLnks{

}

.quickLnks h3{

    color: brown;

    border-bottom: 2px solid brown;

    font-weight: 600;

}

.quickLnks li{

}

.quickLnks li a{

color: black;

    font-weight: 400;

    padding: 12px 0;

    display: block;

    border-bottom: 1px dotted #bdbcbc;
    transition: 0.8s all ease;
}

.quickLnks li a:hover{

    padding-left: 15px;

    color: brown;

}

@media only screen and (max-width: 767px) {



#about_us:after{

	display:none;

}

#topbar{

	    height: 78px;

}

#hdr-grdnt{

	height: 351px;

    top: 93px;

}

#header-name {

	display:none;

}

#header #logo{

	    left: 0;

    right: 0;

    margin: 0 auto;

	    top: 15px;

}

#header {

    height: 203px;

}

#header.header-fixed{

	    background: none;

    box-shadow: none;

}

.myTicker{

	    width: 310px;

}

.title{

	    font-size: 15px;

}

.heading h4:before {

    top: 20px;

    left: 8px;

}

.heading h4:after {

    top: 21px;

    right: 11px;

}

.heading{

	padding: 20px 0 0;

}

.img_detail_left{

	width:100%;

}

.right_text_detail{

	width:100%;

	    height: 374px;

}

.main_box{

	    margin: 0 0 25px 0;

		    height: 720px;

}

#happy_birthday:after{

	display:none;

}

#happy_birthday img {

    width: 101px;

    height: 125px;

    margin: 0 auto;

}

.happy_birthday:before, .happy_birthday:after{

	height: 124px;

    width: 86px;

}

#happy_birthday h5:before, #happy_birthday h5:after{

	display:none;

}

.heading1 h4:before, .heading1 h4:after{

	display:none;

}

.logo_footer{

	display:none;

}

.skitter{

	    height: 270px!important;

}

.skitter .container_skitter .image_main {

    height: 270px!important;

}

.set_img_left{

	display:none;

}

.set_img_right{

	display:none;

}



.btns_left{

    position: relative;

    width: 100%;

    top: 0;

    left: 0;

    margin: 0 auto;

    text-align: center;

	

}

.btns_right{

    position: relative;

    width: 100%;

    top: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

	

}

#happy_birthday h4{

	font-size:18px;

}

.happy_birthday .owl-prev span{

	left:-20px;

}

.happy_birthday .owl-next span{

	right:-20px;

}

.scale{

	display:none;

}

.blink-bg, .blink-bg_z{

	    padding: 7px 13px;

}

.demo-gallery > ul > li{

	width:100%!important;

}

.formBox .button{

	width:100%;

}
}


.boxscroll span {

	width: 20px;

	height: 20px;

    display: inline-block;

	border-right: 2px solid #fff;

	border-bottom: 2px solid #fff;

	transform: rotate(45deg);

	margin: -10px;

	animation: animate 2s infinite;

}
.boxscroll{

    position: absolute;

    left: 0;

    right: 0;

    bottom: 80px;

    z-index: 999;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    text-align: center;

	}

.boxscroll span:nth-child(2) {

	animation-delay: -0.2s;

}



.boxscroll span:nth-child(3) {

	animation-delay: -0.4s;

}



@keyframes animate {

	0% {

		opacity: 0;

	}

	50% {

		opacity: 1;

		transform: rotate(45deg) translate(10px, 10px);

	}

	100% {

		opacity: 0;

	}

}
.skitter .box_clone img{
    object-fit: cover;
}
.blinkbutton{
       color: #fff;
    padding: 3px 14px;
    display: inline-block;
    border-radius: 0px;
    animation: blinkingBackground 2s infinite;
    margin: 0;
    border: 6px double white;
}
@keyframes blinkingBackground{
    0%		{ background-color: #22243d99;}
    25%		{ background-color: #a52a2a99;}
    50%		{ background-color: #22243d99;}
    75%		{ background-color: #a52a2a99;}
    100%	        { background-color: #22243d99;}
}

.blink-bg_chnge{
    color: #fff;
    padding: 10px;
    display: inline-block;
    border-radius: 0px;
    animation: blinkingBackground_chnge 2s infinite;
}
@keyframes blinkingBackground_chnge{
    0%		{ background-color: #a52a2a99;}
    25%		{ background-color: #22243d99;}
    50%		{ background-color: #a52a2a99;}
    75%		{ background-color: #22243d99;}
    100%	        { background-color: #a52a2a99;}
}
.btns_left ul, .btns_right ul{
    
    display: inline-grid;

}