@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,700,900&display=swap');

html, body{scroll-behavior:smooth;}
body{font:400 18px 'Source Sans Pro', sans-serif; color:#000;}
.main-wrapper{padding:10px}
.main-head{margin:0 0 25px}
.main-head .title3{font:700 36px/32px 'Source Sans Pro', sans-serif; color:#224156; margin:0 0 10px}
.main-head p{font:italic 400 18px 'Source Sans Pro', sans-serif; color:#000; margin:0 0 10px}

.title5{font:600 24px 'Source Sans Pro', sans-serif; color:#000}
p{font:400 18px 'Source Sans Pro', sans-serif; color:#000; margin:0 0 10px}

.wt-btn-lrg{background:#fff; padding:30px 15px; max-width:490px; width:100%; font:700 27px 'Source Sans Pro', sans-serif; color:#000; display:block; text-align:center; text-decoration:none; -webkit-box-shadow: 0px -4px 30px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px -4px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px -4px 30px 0px rgba(0, 0, 0, 0.1);}
.wt-btn-lrg:hover{color:#004eff; text-decoration:none}

.listing{padding:0}
.listing li{font:400 18px  'Source Sans Pro', sans-serif; color:#000; margin:0 0 8px}

.align-v-center{align-items:center;}
.mr-0{margin:0}

/************** Banner Style Starts Here **************/
.main-bnr{background:url(../images/bnr-bg.jpg) no-repeat; background-size:cover; min-height:640px; overflow:hidden; position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; align-items:center; justify-content:center; padding:0 15px 50px}
.main-bnr:after{content:""; width:100%; height:180px; background:url(../images/welcome-top-bg.png) no-repeat center; background-size:cover; position:absolute; bottom:0; z-index:100}
.main-bnr .bnr-cont-sec{text-align:center}
.main-bnr .bnr-cont-sec .title2{font:900 55px 'Source Sans Pro', sans-serif; color:#fff; margin:0 0 50px}

.sub-menu {
  padding: 0 0 0 20px;
  float: right;
  right: -100%;
  top: 0;
  transition: all 0.3s ease;
  height: 100%;
  width:320px;
  position: fixed;
  margin: 0;
  background-color: rgba(0, 78, 255, 0.85);
  border-radius: 0;
  z-index: 1000;
  overflow: hidden;
}
.sub-menu.oppenned {
  right: 0;
}
.sub-menu ul {display:-webkit-box;display:-ms-flexbox;display:flex; flex-direction:column;
  margin: 0;
}
.sub-menu li {
  display: block;
  list-style: none;
  height: auto;
  margin-left: 0;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); padding:30px 0;
}
.sub-menu li:first-child {
  margin-top: 100px;
}
.sub-menu li a {
  color: #fff;
  font-size: 22px;
  width: 100%;
  display: block;
  float: left;
  text-transform: uppercase;
  line-height: 30px;
}
.sub-menu li a:hover {
  font-weight: bold;
  text-decoration: none !important;
}

.c-hamburger {
  display: block;
  position: absolute; top:0; right:0;
  overflow: hidden;
  margin: 0px;
  padding: 0;
  width: 36px;
  height: 36px;
  z-index: 1001;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s; background: #004eff;
    width: 70px;
    height: 75px;
}
.c-hamburger:focus {
  outline: none;
}
.c-hamburger span {
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  height: 4px;
  background: white; margin:15px 23px;
}
.c-hamburger span:before, .c-hamburger span:after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  content: "";
}
.c-hamburger span:before {
  top: -10px;
}
.c-hamburger span:after {
  bottom: -10px;
}

.c-hamburger--htx span {
  -webkit-transition: background 0s 0.3s;
  transition: background 0s 0.3s;
}
.c-hamburger--htx span:before, .c-hamburger--htx span:after {
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
  transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span:before {
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, transform;
}
.c-hamburger--htx span:after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
}
.c-hamburger--htx.is-active span {
  background: none;
}
.c-hamburger--htx.is-active span:before, .c-hamburger--htx.is-active span:after {
  -webkit-transition-delay: 0s, 0.3s;
  transition-delay: 0s, 0.3s;
}
.c-hamburger--htx.is-active span:before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.c-hamburger--htx.is-active span:after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/************** Banner Style Ends Here **************/

/************** Welcome Section Style Starts Here **************/
.welcom-sec{background:url(../images/welcom-bg.png) no-repeat bottom; background-size:cover; padding:0px 0 260px;}
.welcom-sec .title5{color:#224156}
/************** Welcome Section Style Ends Here **************/


/************** Category Section Style Starts Here **************/
.category-sec{padding:0 0 80px}
.category-box-out{margin-left:-5px; margin-right:-5px;}
.category-box{padding-left:5px; padding-right:5px; margin-bottom:10px; cursor:pointer;}
.category-sec .wt-btn-lrg{margin:60px auto 0;}

.content {
  position: relative;
  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background:rgba(0, 78, 255, 0.85);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details .title6{font:700 21px  'Source Sans Pro', sans-serif;
  color: #fff;
  margin-bottom:5px;
}

.content-details p{
  color: #fff;
 font:400 13px  'Source Sans Pro', sans-serif;
}

.fadeIn-top{
  top: 20%;
}


/****** Modal Style Starts Here ******/
.category-modal{padding-right:0}
.category-modal .close{position: absolute; z-index:100;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: #004eff;
    display: inline-block;
    margin: 0;
    opacity: 1;
    color: #fff;
    padding: 0;
    font-weight: lighter;
    font-size: 45px;}
.category-modal .close span{display:block; height:50px}


.category-modal .modal-content{border:0; border-radius:0}
.category-modal .modal-dialog{max-width:980px}
.category-modal .modal-header{padding:0; position:relative;}
.category-modal .modal-header>img{}
.category-modal .modal-header:after{content:""; width:100%; height:100%; position:absolute; top:0; bottom:0; background:rgba(0, 0, 0, 0.40); z-index:90}
.category-modal .modal-header .modal-title{position:absolute; z-index:95; left:0; right:0; top:50%; transform:translate(0, -50%);  margin:auto;  padding:10px 60px; text-align:center; font:700 45px 'Source Sans Pro', sans-serif; color:#fff;}
.category-modal .modal-body{padding:60px}

.category-modal .listing{columns:2; -webkit-columns:2; -moz-columns:2;}
.category-modal .listing li{margin:0 10px 8px}

@media (max-width:767px){
	.category-modal .listing{columns:1; -webkit-columns:1; -moz-columns:1; margin:0}
}



.moretext {
  display: none;
}
/****** Modal Style Ends Here ******/


/************** Category Section Style Ends Here **************/



/************** Footer with Map Section Style Starts Here **************/

.foot-with-map-sec{position:relative;}
.foot-with-map-sec .cont-detail-sec{position:absolute; width:100%; top:100px;}

.getin-sec{background:url(../images/getin-bg.jpg) no-repeat; background-size:cover; border-radius:10px; width:100%; padding:60px; display:flex; justify-content:space-around; align-items:center; margin:0 0 30px;
 -webkit-box-shadow: 0px -12px 18px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px -12px 18px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px -12px 18px 0px rgba(0, 0, 0, 0.2);}
.getin-sec button{font:900 24px 'Source Sans Pro', sans-serif; color:#224156; background:#fdfdfd; border-radius:10px; border:0; padding:10px 30px}
.getin-sec .title5{font:700 20px 'Source Sans Pro', sans-serif; color:#fff}


.location-box{background:#fff; padding:30px; border-radius:10px}
.location-box .title5{font-size:20px; font-weight:700}
.location-box p, .location-box li{font-size:13px; line-height:20px;}
.icon-text-list{padding:0}
.icon-text-list li{list-style:none; display:flex; margin:0 0 20px}
.icon-text-list li img{margin:0 15px 0 0}


.direction-link{font:700 19px 'Source Sans Pro', sans-serif; color:#00d679 !important; display:inline-block;}
.direction-link img{margin:0 10px 0 0}

/************** Footer with Map Section Style Ends Here **************/







@media screen and (max-width: 1500px) {
	.main-bnr:after{height:180px}
}


@media screen and (max-width:767px) {
	.main-bnr .bnr-cont-sec .title2{font-size:35px}
	.category-sec{position:relative; top:-50px; padding:0}
	.wt-btn-lrg{font-size:20px; padding:20px 15px; max-width:350px}
	.category-sec .wt-btn-lrg{margin:30px auto 0}
	.getin-sec{flex-direction:column; padding:30px}
	.getin-sec button{padding:10px; font-size:18px}
	.category-modal .modal-header .modal-title{font-size:30px; padding:10px 40px; line-height:32px}
	.category-modal .close{width:40px; height:40px; font-size:35px}
	.category-modal .close span{height:38px}
	.category-modal .modal-body{padding:30px;}
}
@media screen and (max-width:575px) {
	.location-box .left-area{margin-bottom:20px}
	.foot-with-map-sec .cont-detail-sec{top:60px;}
	.listing li{font-size:14px}
}
@media screen and (max-width:400px) {
	.img-fluid{height:120px}
	.category-modal .modal-header .modal-title{font-size:26px; line-height:28px}
}