@font-face {
    font-family: 'optimanormal';
    src: url('../fonts/optima-webfont.woff2') format('woff2'),
         url('../fonts/optima-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'optimabold';
    src: url('../fonts/optima_b-webfont.woff2') format('woff2'),
         url('../fonts/optima_b-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'optimaregular';
    src: url('../fonts/unicode.optima-webfont.woff2') format('woff2'),
         url('../fonts/unicode.optima-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



body{font-family:'optimaregular'; font-size:16px}

/* Navigation */
.navbar-default { background-color: #fff;  border-color: #fff; font-size:12px; /*margin:10px 0*/}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: none;}
.navbar-nav li{border-left:1px solid #ccc}
.navbar-nav li { border:none}

.navbar{ margin-bottom:0px!important;}

@media (min-width: 768px){
/*.navbar-nav>li:hover{border-bottom:1px solid #6a0000; color:#6a0000;}*/
.navbar-nav>li:last-child>a{border-right:none}
.navbar-nav>li>a { padding-top: 0px; padding-bottom: 0px; margin-top:10px; margin-bottom:10px; border-right:1px solid #c1c1c1}
.navbar-nav>li>a:hover { color:#6a0000 !important; text-decoration:none; border-bottom:1px solid #6a0000 !important}
}

/*.nav_active{background:#6a0000; border-radius:5px;}*/
.nav_active a{color:#6a0000 !important; text-decoration:none; /*border-right:1px solid #6a0000 !important*/}
.head_tel_img{margin-right:10px; margin-top:-4px}
.navbar-brand {padding: 9px 15px; display:none}

/*--Floating Icons---*/


.floating-icons {
	width:40px;
	height:160px;
	position:fixed;
	right:0px;
	top:50%;
	background-color: #6b0000;
	z-index:99999;
	margin-top:-60px;	
	
	}
	
.floating-icons a {
	display:block;
	text-decoration:none;
	color:#ffffff;
	width:40px;
	text-align:center;
	height:40px;
	line-height:40px;
	font-size:18px;
	outline:none;
	}	

.floating-icons a:hover {
	color:#fff;
	}

	
/*--Top Button--*/

#top-button {
  display: inline-block;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#top-button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#top-button:hover {
  cursor: pointer;
  background-color: #333;
}
#top-button:active {
  background-color: #555;
}
#top-button.show {
  opacity: 1;
  visibility: visible;
}

/* Banner */

.banner_text{font-size:80px; color:#fff; /*font-family: 'Courgette', cursive;*/ font-family: 'Great Vibes', cursive; margin-top:50px}

.logo img{ width:100%; height:auto;}
.logo_desc_content{width:100%; height:auto; background:url("../images/logo_bg.png"); border-radius:3px; padding:10px 15px; margin-top:20px; font-size:13px; font-family:'optimaregular'; margin-bottom:294px}
.banner_social{margin-top:10px}


/* About */
.side_img img{width:100%; height:auto}
.about{ /* margin-top:100px; */ font-family:'optimaregular'; font-size:16px}


/* Services */
.seprater-s{background:url(../images/separator.png) no-repeat center center; width:100%; height:50px; margin-top: 80px;}
#services{padding:80px 0 50px 0; background:url(../images/service_bg.jpg) no-repeat center bottom; background-size:100%}
.title h2{font-family: 'optimabold'; color:#6a0000; border-bottom: #6a0000 solid 1px; font-size:30px; text-transform:uppercase; margin-bottom:50px}
.service_column{background:#fff; padding-bottom:30px}
.service_img img{width:100%; height:auto; margin-bottom:20px}
.service_title{text-align:center; font-size:25px; font-family: 'optimabold'; color:#6d6e71; margin-bottom:10px}
.service_desc{text-align:center}
.service_desc a{background:#6a0000; padding:5px 10px; margin-top:15px; color:#fff; border-radius:3px}


/* Testimonials */
.test_img{ text-align:center; margin-top:50px}
.test_symb{ text-align:center; margin:15px 0}
.test_content{font-size:14px}
.test_content span{font-size:14px; color:#6a0000; font-weight:bold}


/* Footer */
#footer{background:url("../images/footer_bg.jpg")repeat-x center top #bc9c54 ; background-size: contain; padding:200px 0px 20px 0px}
#footer h3{ font-family: 'optimabold'; display:inline-block; border-bottom:2px solid #ed2224; padding-bottom:2px; margin-bottom:15px}
.links a{text-decoration:none; color:#333; display:block; padding-bottom:5px}
.links a:hover{ color:#ed2224}
.contact a{text-decoration:none; color:#333; display:block; padding-bottom:5px}
.contact a:hover{ color:#ed2224}
#footer h4{font-family: 'optimabold'; font-size:22px; margin-bottom:15px; display:block}
.social_ico{float:left; margin-right:5px}


/* Footer copyrights */
#copyright{background:#6b0000; padding:10px}
.footer_nav{margin:0; padding:0}
.footer_nav li{display:inline;}
.footer_nav li a{color:#fff; text-decoration:none; font-size:12px; border-right:1px solid #903535; padding:0 5px 0 5px}
.copyrights{color:#fff; text-align:center; font-size:15px;}
.ft_right{ text-align: right}

.logo_panel{ position:absolute; top: 70px; right:0; z-index:999}
.navi{ position:relative }

@media (max-width: 767px){
	
/* Navigation */	
.navbar-brand {display:block}
.head_contact{display:none}


/* Banner */
.logo{margin-top:20px}
.banner_text{font-size:300%;}


/* about */
.about{ margin-top:50px; }


/* about */
.service_column{margin-bottom:50px}


/* Footer copyrights */
.ft_right{  text-align: center}
.ft_nav{ text-align:center}

}
.fa-angle-down {
  position: absolute;
  left: 50%;
  bottom: 50px;
  color: #fff;
  display: inline-block;
  width: 24px;
  margin-left: -12px;
  font-size: 24px;
  line-height: 24px;
  z-index: 999;
  -webkit-animation: bounce 3000ms infinite;
  animation: bounce 3000ms infinite;
}

.fa-angle-down:before {
    content: "\f107";
}

.ball {
  margin-top: 50px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
 /*  background-color: cornflowerblue;
  bor */der: 2px solid #999;
  animation: bounce 1s infinite alternate;
  -webkit-animation: bounce 1s infinite alternate;
}
@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-25px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-25px);
  }
}

/*Banner Slider start */
 html, body {
            position:absolute;
            margin: 0;
            padding: 0;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }


        /* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssorb064 {position:absolute;}
        .jssorb064 .i {position:absolute;cursor:pointer;}
        .jssorb064 .i .b {fill:#000;fill-opacity:.5;stroke:#fff;stroke-width:400;stroke-miterlimit:10;stroke-opacity:0.5;}
        .jssorb064 .i:hover .b {fill-opacity:.8;}
        .jssorb064 .iav .b {fill:#ffe200;fill-opacity:1;stroke:#ffaa00;stroke-opacity:.7;stroke-width:2000;}
        .jssorb064 .iav:hover .b {fill-opacity:.6;}
        .jssorb064 .i.idn {opacity:.3;}

        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}

/*Banner Slider end */

@media only screen and (min-width : 1224px) {
  .clg-6{
  padding-right:0px !important}
}

.event-name-location {
    display: flex;
    text-align: center; 
    flex-direction: column;
}
.side_img{
margin-bottom:2%;}
.side_img center{
margin-top:1%;
}
.font-style-text{
line-height:10px;
font-weight:600;}