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

}

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

}

body{ margin:0; padding:0;font-size:16px;font-family: 'avalonregular', sans-serif; color:#666;}
h1, h2, h3, h4, h5, h6 {margin:0 0 15px 0; padding:0; font-family: 'emblemregular', sans-serif;}
h1 { font-size:26px; }
h2 { font-size:24px; }
h3 { font-size:22px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:16px; }
a img { border:0 none; }
img{ max-width:100%; height:auto;}
a{ color:#6d3d97; transition:all .5s;}
a:hover , a:focus{ color:#f57f20; text-decoration:none;}
ul { margin:0; padding:0; list-style:none; }
.clear { clear:both; float:none; }
input:focus,select:focus,textarea:focus,button:focus , a:focus { outline: none; box-shadow:none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline:none; box-shadow:none;}
/*************************/
@media (max-width:767px){.container{ padding-right:20px; padding-left:20px;}}
header{ position:relative; z-index:100;}
.top-header{ background:#6d3d97; text-align:center; min-height:48px;}
.slogan{ color:#FFF; font-size:16px; margin:0; padding:14px 15px 0; text-transform:uppercase;}
.social-links{ float:right; margin:-33px 0 0;}
.social-links a{ display:inline-block; font-size:18px; color:#FFF; width:48px; height:48px; text-align:center; padding-top:10px; margin:0 0 0 -5px;}
.social-links a:nth-child(2n+1){ background:#663a8d;}
.social-links a:hover{ color:#f57f20;}
@media (max-width:767px){
.social-links{ display:none;}
}
/***********Menu**********/
.menu{ background:#FFF; height:82px;}
.menu .navbar{ padding:0; width:100%;}
.menu .navbar-nav .nav-link { font-size:20px; color:#666; font-family: 'emblemregular', sans-serif; padding:26px 26px; position:relative;}
.menu .navbar-nav .nav-link:hover , .menu .navbar-nav .nav-link:focus{ color:#f57f20;}
.menu .navbar-nav .active .nav-link { color:#FFF; background:#6d3d97; padding-top:26px; padding-bottom:34px; transition:none;}
@media (min-width:768px){
.menu .navbar-nav .nav-link::after { content:" "; display:block; border-right:1px solid #f5f5f5; height:50px; position:absolute;
right:-1px; top:15px;}
}
.menu .navbar-nav .nav-item:last-child .nav-link::after { display:none;}
.menu .navbar-brand{ padding-right:30px; padding-top:0;}
.menu .navbar-brand img{ max-width:210px; margin-top:-8px;}

@media (max-width:992px){
.menu .navbar-nav .nav-link { font-size:17px; padding:26px 16px;}
.menu .navbar-brand{ padding-right:10px;}
.menu .navbar-brand img{max-width:145px; margin-top:0;}
}
@media (max-width:767px){
.menu{height:65px; padding:10px;}
.menu .navbar-brand{ margin:0 auto;}
.menu .navbar-toggler{ position:absolute; right:-15px; top:8px; padding:0; font-size:22px; color:#6d3d97;}
.menu .navbar-toggler:focus{ color:#f57f20;}
.menu .navbar-nav .nav-link { font-size:16px; padding:15px 15px !important; border-bottom:1px solid #f5f5f5;}
.menu .navbar-nav .nav-item:last-child .nav-link { border-bottom:none;}
.menu .navbar-collapse{ background:#FFF; margin-top:9px;}
}

/***************Banner****************/
.btn{ font-family: 'emblemregular', sans-serif; font-size:18px; border-radius:0; text-transform:uppercase; padding:8px 20px; border:none;}
.btn-primary{ background:#6d3d97;}
.btn-primary:hover , .btn-primary:focus{ background:#f57f20 !important; color:#FFF !important; box-shadow:none !important;}
.banner .pic{ width:100%; height:620px; background: center top no-repeat; background-size:cover;}
.banner .carousel-caption{ text-align:left; max-width:670px; bottom:150px; background:rgba(255,255,255,.55); padding:40px;
border-left:8px solid #6d3d97;}
.banner .carousel-caption h1{ font-size:40px; color:#6d3d97; margin-bottom:15px; max-height:132px; overflow:hidden;
text-transform:uppercase;}
.banner .carousel-caption p{ font-size:19px; color:#333; margin-bottom:15px; max-height:83px; overflow:hidden;}
.carousel-control-next, .carousel-control-prev{ width:55px; height:55px; top:50%; margin-top:-35px; background:rgba(255,255,255,.3);
color: rgba(0,0,0,.5);}
.carousel-control-next:hover, .carousel-control-prev:hover , .carousel-control-next:focus, .carousel-control-prev:focus { color:#6d3d97;}
.carousel-indicators { bottom:30px;}
.carousel-indicators li{ width:160px; height:6px;}
.carousel-indicators .active{ background-color:#6d3d97; margin-right:15px; margin-left:15px;}
@media (max-width:767px){
.banner .pic{height:480px;}
.banner .carousel-caption{ padding:30px; border-left:4px solid #6d3d97; bottom:100px;}
.banner .carousel-caption h1{ font-size:26px; max-height:86px;}
.banner .carousel-caption p{ font-size:16px; max-height:72px;}
}
/****************About****************/
.about{ padding-top:75px; padding-bottom:75px;}
@media (max-width:767px){.about{ padding-top:40px; padding-bottom:40px;}}
.title{ font-size:36px; color:#231f20; text-align:center; margin:0;}
.title::after{ content:" "; width:100px; height:3px; display:block; background:#6d3d97; margin:15px auto 40px;}
@media (max-width:767px){
.title{ font-size:28px;}
.title::after{ margin:10px auto 20px; width:60px;}
}
@media (min-width:768px){
.about .title{ text-align:left; margin-top:10px;}
.about .title::after{ text-align:left; margin:15px 0 20px;}
}
.about .pic{ border:10px solid #FFF; box-shadow:0 0 10px rgba(0,0,0,.25);}
@media (max-width:767px){.about .pic{margin-bottom:30px;}}
.about .pic img{ width:100%;}
/****************services****************/
.services{ padding-top:75px; padding-bottom:75px; background:#6d3d97; color:#FFF;}
@media (max-width:767px){.services{ padding-top:40px; padding-bottom:40px;}}
.services .title{ color:#FFF;}
.services .title::after{ background:#FFF;}
.service-box{ border:1px solid rgba(255,255,255,.4); padding:30px; height:100%;}
.service-box h2{ background:#FFF; padding:30px; margin:-31px -31px 30px -31px; font-size:25px; color:#6d3d97;}
@media (max-width:767px){
.service-box{ padding:20px;}
.service-box h2{ font-size:22px; padding:25px 20px; margin:-21px -21px 20px -21px;}
}
.service-box h2 i{ font-size:25px; font-size:30px; width:46px; height:46px; border:1px solid #6d3d97; border-radius:100%;
display:block; font-style:normal; text-align:center; padding-top:5px; margin:-8px 10px 0 0; float:left;}
.service-box h2 span{ display:block; margin-left:60px;}
.service-box .media{ margin-bottom:15px; color:#FFF;}
.service-box .media i{ width:60px; height:60px; background:#FFF; border-radius:100%; text-align:center; padding-top:9px;}
.service-box .media i img{ width:40px; height:40px;}
.service-box .media h4{ margin:12px 0; transition:all .3s;}
.service-box .media:hover h4{ color:#f57f20;}
.service-box .media p{ font-size:14px;}
.services .card-deck .card{ border-radius:0; background:none; border:none;}
/***********whyChoose************/
.whyChoose{ background:url(../img/div-bg.jpg) center center no-repeat fixed; background-size:cover; padding:70px 0;}
@media (max-width:767px){.whyChoose{ padding-top:40px; padding-bottom:40px;}}
.whyChoose .container{ max-width:880px; text-align:center; padding:0 30px;}
.whyChoose .title{ color:#FFF;}
.whyChoose .title::after{ background:#FFF;}
.whyChoose p{ font-size:18px; color:#FFF; margin:0;}
/**********whatOffer*********/
.whatOffer{ padding-top:50px; padding-bottom:50px;}
@media (max-width:767px){.whatOffer{ padding-top:40px; padding-bottom:40px;}}
.whatOffer h2{ color:#6d3d97; font-size:30px;}
.whatOffer p{ font-size:17px; margin:0;}
.whatOffer .btn{ margin-top:30px; float:right;}
@media (max-width:767px){
.whatOffer{ text-align:center;}
.whatOffer h2{ font-size:28px;}
.whatOffer .btn{ float:none;}
}
/**************Footer**************/
footer{ padding-top:75px; padding-bottom:75px; background:#231f20; color:#FFF;}
footer h4{ color:#FFF;}
footer h4:after{ content:" "; width:50px; height:3px; background:#FFF; display:block; margin:10px 0 25px;}
@media (max-width:767px){
footer{ padding-top:40px; padding-bottom:10px; text-align:center;}
footer .col-lg-3{ margin-bottom:30px;}
footer h4:after{ margin:10px auto 20px;}
.footer-contact .media{ text-align:left; max-width:210px; margin:auto;}
}
.bottom-nav a{ color:rgba(255,255,255,.7); font-size:14px;}
.bottom-nav a:hover , .bottom-nav a:focus{ color:rgba(255,255,255,1);}
.footer-contact .media{ margin-bottom:5px;}
.footer-contact .media-body{ font-size:14px; color:rgba(255,255,255,.8); padding-top:8px;}
.footer-contact .media i{ font-size:26px;}
.footer-social a{ color:rgba(255,255,255,.7); display:inline-block; font-size:18px; border:1px solid rgba(255,255,255,.7); width:46px; height:46px; text-align:center;
padding-top:8px;}
.footer-social a:hover , .footer-social a:focus {  color:rgba(255,255,255,1); border:1px solid rgba(255,255,255,1);}
@media (max-width:991px){.footer-logo{ display:none;}}
/**************/
.copyright{ background:#1e1b1c; padding:40px 0; color:#c0c0c0; font-size:14px;}
@media (max-width:767px){.copyright{ padding:30px 0;}}
.copyright span , .copyright a{ color:#FFF; font-weight:bold;}
.copyright a:hover{ color:#6d3d97;}
.copyright p{ text-align:right; margin:0;}
@media (max-width:767px){
.copyright{ text-align:center;}
.copyright p{ text-align:center; margin:5px 0 0;}
}

/********************About Us*******************/
.page-content { padding-top:20px; margin-bottom:40px; border-top:1px solid #6d3d97;}
.page-banner .pic{ width:100%; height:180px; background:center center no-repeat; margin-bottom:30px;}
.pic-border{ border:10px solid #FFF; box-shadow:0 0 10px rgba(0,0,0,.25); margin-bottom:20px;}
.pic-border img{ width:100%;}
.border{border: 1px solid #e0e0e0; padding:20px; margin-bottom:30px;}
@media (max-width:767px){.border{ padding:15px;}}
.page-content .title{ margin-top:30px;}

/*****************service******************/
.services-page .service-box .media { margin-bottom: 15px; color: #666;}
.services-page .service-box .media h4{ color:#6d3d97;}
.services-page .service-box .media i{ border:2px solid #6d3d97;}
.services-page .card{ border:none;}
.services-page .service-box{ border: 1px solid #ddd;}
/******************gallery****************/
.gallery li{ margin-bottom:10px; text-align:center;}
.gallery .pic{ background:center top no-repeat; background-size:cover; height:280px; border:12px solid #FFF; box-shadow:0 0 10px rgba(0,0,0,.25); position:relative;}
.gallery .pic i{ position:absolute; top:0; right:0; bottom:0; left:0; background:#6d3d97; color:#FFF; font-size:60px; padding-top:80px;
opacity:0 ; transition:all .3s;}
.gallery li a:hover i{ opacity:1;}
.gallery li span{ display:block; font-family: 'emblemregular', sans-serif; font-size:18px; margin:15px 0 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
@media (max-width:991px){
.gallery .pic{ height:180px; border:8px solid #FFF; box-shadow:0 0 10px rgba(0,0,0,.25);}
.gallery .pic i{font-size:50px; padding-top:40px;}
.gallery li span{ font-size:16px;}
}
@media (max-width:767px){
/*.gallery .col-6{ padding-right: 10px; padding-left: 10px;}*/
.gallery .pic{ height:120px;}
.gallery .pic i{font-size:40px; padding-top:20px;}
.gallery li span{ font-size:14px; margin:10px 0 0;}
}

/*************filter**************/

.filterDiv {
  /*width:0;
  height:0;*/
  overflow:hidden;
  transition: all 0.3s;
  visibility:hidden;
  max-width:0;
  padding:0;
  padding-top:10px;
  padding-bottom:10px;
}

.filterShow {
  /*width:100%;
  height:100%;
  transition: all 0.3s;*/
  visibility:visible;
  max-width:inherit;
  padding-right:15px;
  padding-left:15px;
}

.filterContent {
  padding-top: 10px;
 /* overflow: hidden;*/
}

/* Style the buttons */
#filterOptions{ margin:0 auto 30px; text-align:center;}
#filterOptions .btn{ margin:2px 0; font-size:16px; padding: 8px 15px;}
.active-filter {
  background-color: #6d3d97;
  color: #FFF;
}
@media (max-width:767px){
.filterShow {
  padding-right:10px;
  padding-left:10px;
}
#filterOptions{ margin:0 auto 10px;}
#filterOptions .btn{ margin:2px 0; font-size:14px; padding: 6px 12px;}
}

/*************Contact Us***********/
.map{ border:1px solid #dee2e6; margin-bottom:40px;}
.map iframe{ width:100%; height:280px; margin-bottom:-6px;}
.contact-info .media{ margin-bottom:5px;}
.contact-info .media i{ color:#6d3d97; font-size:26px;}
.contact-info .media-body{ padding-top:6px;}
.form-control{ border-radius:0; font-size:14px; height:45px; padding: .375rem 1.2em;}
.form-control:focus{ box-shadow:none; border-color:#6d3d97;}