@import url('https://fonts.googleapis.com/css?family=Muli:200,300,400,500,600,700,800,900&display=swap');


 
 

::-moz-selection{background:#FF5A5B;color:#fff}
::selection{background:#FF5A5B;color:#fff}



body{font-family:'Muli', sans-serif; font-size:16px;font-weight:400; color:#484848; line-height: 1.65;}
.no-banner{ padding-top: 112px;}
a{color: #FF5A5B;text-decoration:none;outline: none;}

a,
.btn,
button{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
a:hover {color: #FF5A5B; text-decoration: none;}

h1, h2, h3, h4, h5, h6{ font-family:'Muli', sans-serif; font-weight: 600; line-height: 1.2;  
margin-bottom: 20px; color: #2b2b2b;}
.main-section a.link { word-break: break-all;}
h1{font-size: 40px; font-weight:700; }
h2{font-size: 30px; }
h3{font-size: 30px;  }
h4{font-size: 25px; }
h5{font-size: 23px;  font-weight: 700; line-height: 1.25; }
h6{font-size: 16px;}


.mrt-20{margin-top:20px;}
.mb-50 {margin-bottom: 50px;}
.fs-18{font-size:18px;}

img{max-width: 100%;}
.btn, button, input[type="submit"], input[type="reset"] {  
 background-color: #FF5A5B;
border-radius:10px;  color: #fff;    text-decoration: none; font-family:'Muli', sans-serif;  
 border: none;  outline: none !important; white-space: normal;  -webkit-transition: all .3s;    -moz-transition: all .3s;    
 -o-transition: all .3s;    transition: all .3s; min-width: 145px;   font-size: 16px; font-weight: 500;
 letter-spacing: .32px; color: #ffffff; padding:13px 20px;  position: relative;}

.btn-blue{background: #23acbd !important;} 
.btn-blue:hover{background: #FF5A5B !important; border-color: #FF5A5B;} 

 
[type=reset]:hover, 
[type=submit]:hover,
button:hover, 
.btn:hover, 
html [type=button]:hover {  background: #23acbd;  border-color: #23acbd; color: #fff; cursor: pointer;}
.hover-white:hover{   background: #fff; border-color: #fff; color: #23acbd; }

[type=reset]:focus, 
[type=submit]:focus,
button:focus, 
.btn:focus, 
html [type=button]:focus { outline: 0; box-shadow: 0 0 8px rgba(0, 0, 0, .33);}
  
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
    background: #FF5A5B;
    color: #fff;
}

 

a.link {text-decoration:underline; font-weight:500; }
input{ font-family:'Muli', sans-serif; }
input[type="file"] { font-size: 14px;   -webkit-appearance: none;}
.field {margin-bottom: 21px; display: inline-block;  width: 100%;}
.form-control {outline: none !important; padding: 11px 15px; font-size: 15px;font-weight: 300; border-radius: 5px;
    font-family: 'Muli', sans-serif;  background: transparent; color: #C4c4c4; letter-spacing: 1.5px; box-shadow:none !important;}
.contact-form .form-control{color:#fff;}    
.padding-divider-60{padding:30px 0px;}
textarea.form-control { min-height: 91px;}
 .form-control:focus {  background-color: transparent;  border-color: inherit;} 
  


select.form-control:not([size]):not([multiple]) { height: 49px; -webkit-appearance: none;   background-image: url(images/select-arrow.png);
    background-position: 95% center;    background-repeat: no-repeat;}
blockquote { padding: 25px 25px; border-left: 4px solid #23acbd; background: rgba(16, 86, 120, 0.05); font-size: 15px;   font-weight: 400; position: relative;
    line-height: 28px;  color: #333;}
blockquote strong{font-weight:500;}
blockquote:before {content: "";  position: absolute;   top: 0;   right: 0;   border-style: solid;  border-width: 0 41px 41px 0;    border-color: #ddd #fff;   transition: all ease .5s;}
.quott-icon{ display: inline-block;   width: 73px;   height: 55px;  background: url(images/quote.png);   background-repeat: no-repeat !important;
    background-position: center center !important;    margin-bottom: 40px;}
.quott-author {font-weight: 600;  padding: 10px;    position: relative; color: #37afe4;}
.main-section{padding:85px 0px; background-size: cover !important;  background-repeat: no-repeat !important; background-position: center center !important;position: relative;}
 
 h1.error-title { color: #105678;  font-size: 109px;}
.font-medium .form-control { font-weight: 500;}
.font-medium{ font-weight: 500;}
.underline {text-decoration: underline;}
  
 

strong { font-weight: 700;}
.font-light{font-weight: 300;}
.font-semi-bold{font-weight: 600;}

 

::placeholder {color: #C4C4C4;  opacity: 1;  }
::-webkit-input-placeholder {color:#C4C4C4; opacity:1;}
::-moz-placeholder { color:#C4C4C4; opacity:1;}
:-ms-input-placeholder {color:#C4C4C4; opacity:1;}
:-moz-placeholder {color:#C4C4C4; opacity:1;}

.mb-70 {margin-bottom: 70px;}
.main-title h3 {margin-bottom: 10px;}

.t-blue{color:#23acbd;}
.t-color{color:#FF5A5B;}
.bg-blue {background:#23acbd;}


/*.container-left {padding-left: calc(50% - 545px);}
.container-right {padding-right: calc(50% - 545px);}*/

.container-left, 
.container-right {width: 100%}
.fs-24{font-size: 24px;}

.alternet-section .alternet-txt { padding: 64px 80px;}
.object-fit{overflow: hidden;}
.object-fit img{width: 100% !important; height: 100% !important; object-fit: cover;}
.alternet-section .alternet-img.object-fit { height: 560px;}


/* header */

.header.sticky {background: #fff;   top:0px;     -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.09);
    -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.09);    box-shadow: 0 3px 5px rgba(57, 63, 72, 0.09);}

.header.sticky .nav ul.main-list > li > a {color: #484848;}

.site-logo {position: relative;}
.site-logo img {max-width: 100px;}


.header {position: fixed; left: 0px; top: 0px; width: 100%; z-index:101; -webkit-transition: all .3s; -moz-transition: all .3s;  -o-transition: all .3s;  transition: all .3s; padding-top: 10px;}
.header .nav { height: 100%;  align-items: center; justify-content: flex-end;}
.header .nav ul {padding: 0px;margin: 0px;}
.header .nav ul.main-list > li {font-size: 14px;font-weight: 600;display: inline-block;margin-right: 5px;position: relative;}
.header .nav ul.main-list > li:last-child {margin-right: 0px;}
.header .nav ul.main-list > li > a {color: #fff;padding: 10px 10px;display: inline-block;}
.header .nav ul.main-list > li:hover > a,
.header .nav ul.main-list > li.active a{color:#FF5A5B;}


.nav ul.main-list > li ul{    position: absolute; left: 0px; top: 100%;  width: 220px;
    z-index: 100; display: none; background: #ffffff;    border-radius: 0px;
    -ms-transform: translateY(20px);  transform: translateY(20px);  transition: all .3s ease;    transition: all .3s ease; 
     transition: all .3s ease; transition: all .3s ease; transition: all .3s ease; }
.nav ul.main-list > li:hover > ul{display: inline-block;transform: translateY(0px);-ms-transform: translateY(0px);}
.nav ul.main-list > li  > ul > li a {padding: 8px 10px;display: block;line-height: normal;position: relative;color: #000;border-bottom: 1px solid #eee;}
.nav ul.main-list > li  > ul > li:hover > a { color: #e85f47;}
.nav ul.main-list > li  > ul > li{display:block;}
.nav ul.main-list > li .submenu-icon { position: absolute;  right: 10px;  top: 50%;  transform: translateY(-50%);}
.mobile-menu span.submenu-icon {display: none;}


 


/* Banner  */

.banner{position: relative; -webkit-transition: -webkit-transform 4s cubic-bezier(.23,1,.38,1);
    -o-transition: transform 4s cubic-bezier(.23,1,.38,1);    transition: transform 4s cubic-bezier(.23,1,.38,1);
    transition: transform 4s cubic-bezier(.23,1,.38,1),-webkit-transform 4s cubic-bezier(.23,1,.38,1);
    overflow: hidden;    background-size: cover !important;    background-attachment: fixed;
    background-repeat: no-repeat;    background-position: right center !important;
    background: url(images/banner.jpg);}
.bgImage { -webkit-background-size: cover;  background-size: cover;  background-position: 50% 50%;   background-repeat: no-repeat;
    background-image: url("images/banner.jpg"); position: absolute; height: 100%;  width: 100%;     min-height: 500px;}
.videoPosition{position: absolute; left:0px; width: 100%; height: 100%;     min-height: 500px;}
.videoPosition video {  position: absolute;   top: 50%;   left: 50%;   width: 100%;   transform: translate(-50%,-50%); 
      -webkit-transition: opacity .3s linear 1s;    -o-transition: opacity .3s linear 1s;    transition: opacity .3s linear 1s; }
.dtble { display: table;  width: 100%; height: 100vh;     min-height: 500px;}
.dtcell{display: table-cell;    vertical-align: middle; }
.banner-content { position: relative; z-index: 10; color: #fff; padding-top:30px; padding-top: 80px; max-height: 100vh;
 background-repeat:no-repeat !important; background-position:center center !important; 
background-size:cover !important; background-image: linear-gradient(to right top, #000000, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.16));}
.banner:after {content: "";  position: absolute;  left: 0px;  width: 100%;   height: 100%;  z-index: 1;top: 0px;      background: rgba(0, 0, 0, 0.24); display:none; }
/*
.banner.inner-banner:after { background: hsla(0, 0%, 0%, 0.45);}

*/

.banner-title{color:#fff; font-weight:600;line-height: 120%;     animation-delay: 1s;}
.banner-title span{font-weight:300;}
.banner .typewrite { color: #FF5A5B !important;  font-size: 24px;  margin-bottom: 20px;display: inline-block; font-weight:700;}
.banner p {font-size: 20px;  padding-left:0px;     animation-delay: 1.2s; margin-bottom:70px; }
.banner p a{text-decoration:none; font-weight: 700;}
.banner .btn{ animation-delay: 2s;}
.banner-title sup {font-size: 42%;    margin-right: -10px;}
.banner-title small {font-size: 35%; margin-left: -10px;}
 
 
 

/* owl */

.owl-dots { height: auto !important; width: 100%; text-align: center;padding-top:20px;  background: transparent !important;}
.owl-dots button { background-color: #808080 !important;  border-radius: 50%;  width: 13px; height: 13px; overflow: hidden; display: inline-block; min-width:auto !important; padding:0px;  margin-right: 7px;}
.owl-dots .owl-dot.active{background-color:#FF5A5B !important;}

/* overview */
 
.fs-40 {font-size: 40px;}
span.title-line {width: 64px; height: 2px; margin: auto; border-radius: 2px; background-color: #FF7377; display: inline-block;}
.overview-box-img { width: 79px; position: absolute;  left: 0px; top: 0px;}
.overview-box { position: relative; padding-left: 100px; margin: 0px 0px 100px; min-height: 100px;}
.overview-box-txt h5 { font-size: 30px;}
.overview-box-txt h5 p { font-size: 16px; font-weight: 400;}
.overview-box-txt h5 small { padding-left: 6px; font-size: 18px; color: #797979; font-weight: 500; margin-bottom: 2px; text-transform: capitalize;}


/* home blog */

.article-title {font-size: 21px;  width: 84%;  display: inline-block;margin-bottom: 10px;}
.article-txt { padding: 15px 0px;}
.article-header date {font-size: 14px;}
.article-title a { color: #000;}
.article-title a:hover { color: #FF5A5B;}
.article-img {height: 239px;}
.main-title h3 { margin-bottom: 0px;}

.zoom-hover {overflow: hidden;}
.zoom-hover img { -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition: all .5s;}
.zoom-hover:hover img { transform: scale(1.1);}



   
/* Tabs */
.cust-nav1 {margin-bottom: 50px;}
.nav.nav-pills {justify-content: center;}
.nav-pills .nav-link {background: transparent !important; letter-spacing: 0px;
  color: #222429;   min-width: 160px; text-align: center;
  border-radius: 0; position: relative; margin-right: 0px;  padding: 11px 15px;
  border-bottom: 2px solid #9B9BA5;  }
.nav-pills .nav-link span {position: relative;z-index: 1;display: block;} 
.nav-pills .nav-link:last-child{margin-right:0px;}
.nav-link.active {color: #23acbd !important;}
.nav-pills .nav-link span.material-icons { margin-bottom: 20px;  font-size: 35px;  color: #ff788c;}
.nav-link.active span.material-icons {color: #23acbd;}

.tab-pane.active .card-body { -webkit-animation-name: fadeInUp;  animation-name: fadeInUp;  -webkit-animation-duration: 1s;
    animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;  visibility: visible;
    -webkit-animation-duration: 2s;  -moz-animation-duration: 2s;  animation-duration: 2s;}
.nav-pills .nav-link:before {content: "";width: 0px;height: 2px;background: #ff788c;position: absolute;bottom: -2px;left: 0px;bottom: -2px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;z-index: 99;}
.nav-pills .nav-link.active:before {width: 100%;}
.tb-img {height: 383px;}

img.brid-img-right {position: absolute; top: 40px; right: 0px; height: 160px;}
img.brid-img-left { position: absolute; top: 40px; left: 0px; height: 160px;}
.tb-txt .btn {background: transparent !important; border: 1px solid #23acbd; border-radius: 30px; color: #23acbd; margin-top: 20px;}
.tb-txt .btn:hover {background: #23acbd !important; color: #fff;}
.tb-txt {padding-right: 50px;}



/* patner */

.patner-logo {height: 200px; display: flex;  align-items: center; justify-content: center;}
.patner-logo img { max-width: 150px;}

/* location footer  */
.list-style {list-style: none; padding: 0px;}
.list-style li {display: inline-block;}
.location-header { display: inline-block; width: 100%;}
.location-header h5 {max-width: 80%;float: left;margin-bottom: 01px;font-size: 20px;}
.location-header a { display: inline-block;  float: right; text-decoration: underline; font-size: 13px;}
.location-widget p {margin-bottom: 10px;line-height: normal;}
.location-widget {padding: 50px 30px 0px;color: #797979;font-size: 16px;}
.social-icon ul li a { margin-left: 5px; color: #afafb5;  font-size: 17px; 
  border-radius: 100%; border: 1px solid #afafb5; width: 39px; height: 39px; 
  display: inline-block; line-height: 39px;}
.social-icon {padding: 30px 0px; display: inline-block; width: 100%;}
.copyright-section {font-size: 15px;}
.social-icon ul li a:hover {background: #ff788c;    color: #fff;  border-color: #ff788c;}
.location-widget a { color: #484848;  text-decoration: underline;}
.location-widget a:hover { color: #1d1d1d;}
.footer-bar {  padding: 8px 0px;  color: #868181;  font-size: 13px;   background: #eee;}
.footer .site-logo img {width: 100px;}

.default-menu ul li { margin-right: 10px;  padding-right: 10px; border-right: 1px solid #dee2e6;  line-height: 14px;}
.default-menu ul li a:hover,
.default-menu ul li:last-child { padding: 0px;  margin: 0px;  border: none;}
.default-menu ul li a {  color: #868181;}
.default-menu ul li a:hover { color: #ff788c;}

.back-to-top {position: fixed;bottom: 80px;right: 30px;text-align: center;font-size: 16px;    color: #fff;      z-index: 1111;    display: none;    }
.back-to-top span { border-radius: 50%; border: 1px solid #ff788c;width: 42px;  height: 42px;  overflow: hidden;   display: inline-block;
 line-height: 42px;vertical-align: middle;  margin-left: 10px; letter-spacing: .308px; background:#ff788c; color:#fff;}
 

 
 


/* inner banner */
 
 
.breadcrumb {background: transparent; margin-bottom: 0px;}
.breadcrumb-item.active { color: #85bc44;}
.breadcrumb li:after {content: '/';color:#fff;padding: 0 10px;position: relative;vertical-align: middle;}
.breadcrumb li:last-child:after { display: none;}
.bg-img { background-size: cover !important; background-repeat: no-repeat !important;  background-position: center center !important;}
.inner-banner .banner-content {padding-top: 0px; max-height: 60vh;}     
.inner-banner .dtble {height: 80vh;}  

.team-img {height: 450px;}
.team-content {margin: auto; max-width: 90%; top: -45px; position: relative; background: #fff;padding: 20px;
border-top-left-radius: 5px;  border-top-right-radius: 5px;}
.fs-20 {font-size: 20px;}
.team-content h3 a {color: #000;}
.fs-13 {font-size: 13px;}
.team-content h3 {margin-bottom: 10px;}
.team-box.text-center { margin: auto; max-width: 400px;}
div#team {padding: 0px !important;}
div#team .modal-header { padding: 0px; border:none;}
div#team .modal-body {padding: 0px;}
.modal-header .close {    position: absolute; right: 20px; min-width: auto; top: 10px; z-index: 11; background: transparent !important; color: #000 !important; opacity: 1; box-shadow: none !important; outline: none !important;}
.team-member-info { padding: 30px 30px 30px 30px;}
div#team .modal-content {border: none; border-radius: 0px;}


/* form */
.option-tag ul { display: inline-block;  width: 100%; margin-bottom: 0px;}
.option-tag ul li { display: inline-block; float: left;    margin-right: 10px; margin-bottom: 10px;}
.option-tag ul li span { background: #333; padding: 8px 13px; color: #fff; font-weight: 400; font-size: 13px; cursor: pointer;}
.option-tag ul li label { display: inline-block; position: relative; margin-bottom: 0;}
.option-tag ul li label input[type="radio"]:checked + span {background: #23acbd;}
.option-tag ul li label input[type="radio"] {position: absolute; opacity: 0;}

img.brid-img-right-bottom { position: absolute;  right: 0px;  bottom: 0px;  max-width: 330px;}

.fs-30 { font-size: 30px;}

.timeline-row { max-width: 80%; border-left: 2px solid #757071; } 
.time-col { position: relative; padding-left: 50px; min-height: 114px; margin-bottom: 40px;}
.time-col:last-child{margin-bottom: 0px; min-height: auto;}
.time-col:before {content: "";position: absolute;left: -11px;top: 50%;width: 20px;height: 20px;
border: 2px solid #23acbd;border-radius: 100%;background: #fff;transform: translateY(-50%);transition: all .5s;} 
.time-col:first-child:before { top: 9px; } 
.time-col:hover:before { background: #ff788c; } 
.timeline-header h3 { display: inline-block; max-width: 70%; }  
.timeline-header { display: inline-block; width: 100%; position: relative;}
.timeline-header time {position: absolute; right: 0px;  top: 0px;}
.timeline-img { height: 100%;}
.timeline-header span.title-line { float: left;  margin-top: 10px;}


.pet-house-gallery .item { padding: 0px 15px;}
.pet-gallery-img { width: 100%;height: 250px;}
.pet-gallery-img img { width: 100%;height: 100%;   object-fit: cover;  border-radius: 0px;  border: none;}



.grid {text-align: center;max-width: 95vw; margin: 2.5vw auto;}
.grid-item {padding: 5px; box-sizing: border-box; display:inline;width: 100%;}
.gallery-slider .item.object-fit {height: 240px;}
.fancybox-button { min-width: auto;}

 
@media (min-width: 1000px) {
  .grid-item {width: 33.333%;}
}

@media (min-width: 1700px) {
  .grid-item {width: 25%;}
}

@media (min-width: 2100px) {
  .grid-item {width: 20%;}
}


.owl-nav { position: absolute; left: 50%; top: 50%; width: 110%; transform: translate(-50%, -50%); pointer-events: none; } 
.owl-nav button { pointer-events: all; min-width: auto; width: 40px; height: 40px; background: #23acbd !important; display: inline-block; border-radius: 100%; color: #fff !important; } 
.owl-nav button.owl-prev { float: left; } 
.owl-nav button.owl-next { float: right; }

.owl-nav { position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%, -50%); pointer-events: none; } 

.home-banner .owl-nav {width: 95%; }

.owl-nav button { pointer-events: all; min-width: auto; width: 40px; height: 40px; background: #23acbd !important; display: inline-block; border-radius: 100%; color: #fff !important; } 
.owl-nav button.owl-prev { float: left; } 
.owl-nav button.owl-next { float: right; } 
.owl-nav button i { font-family: LineIcons!important; } 
.owl-nav button.owl-next i:before { content: "\e93e"; }
.owl-nav button.owl-prev i:before { content: "\e93c"; }
.no-banner header.header { background: #000;}

/* contact page */

.field-sm {float: left; width: 50%;}
.field-sm {padding: 0px 10px;}
.field .field-sm:first-child {padding-left: 0px;}
.field .field-sm:last-child {padding-right: 0px;}
.field{display: inline-block; width: 100%;}
.map{line-height: 0px;}
.cnt-box .material-icons { width: 25px; height: 25px; display: inline-block;
    margin-bottom: 0px; margin-right: 10px;  vertical-align: middle;}
.cnt-box {padding: 30px;     box-shadow: 0px 3px 10px rgb(0 0 0 / 11%);
  border-radius: 5px;  margin-bottom: 30px;  color: #5C5C5C;}
.fs-20 {font-size: 20px;}
 .bg-orange { background-color: #FFE8E8;}
.bg-light-blue{background: rgb(35 172 189 / 8%);}
.cnt-box a {color: #000; font-weight: 600;}
.cnt-box a:hover {color: #23acbd;}
.font-weight-semibold {font-weight: 600;}

/* blog */
.blog-col{display: none;}
.blog-page article.article { margin-bottom: 30px;}
.blog-single .article-img { height: auto; margin-bottom: 30px;}
.blog-single .article-title {font-size: 30px;}

.pagination a.page-link.current {background: #FF5A5B;
    background: #FD4E15;
    text-transform: inherit; color: #fff; box-shadow: none !important; }
.pagination a.page-link {color: #141414;}
.pagination a.page-link:hover{background: #FF5A5B;
    background: #FD4E15 !important;
    text-transform: inherit; color: #fff; box-shadow: none !important;}
.pagination .page-link:focus {box-shadow:none;}
.pagination .page-link {padding: 10px 19px;}


/* sidebar */
.side-bar{padding-left:25px;}
.widget{background:#f8f8f8;padding:25px;margin-bottom:30px;border-bottom:1px solid #eeeeee;border-bottom-right-radius:3px;border-bottom-left-radius:3px;display:block;overflow:hidden;}
.main-posts.row{margin-bottom:15px;}
.widget p{font-size:13px;margin-bottom:0px;margin-bottom:3px;font-weight:400;color:#494949;line-height:22px;margin-top:3px;}
.sidebar-add{margin-bottom:30px;}
.side-bar .newsletter h6{background:#2c2c2c;color:#fff;text-transform:uppercase;font-weight: 500;
  text-align:center;padding:16px 0px;margin-bottom:0px; margin:-25px -25px 15px -24px;letter-spacing: 1px;}
.side-bar .newsletter form{position:relative;}
.side-bar .newsletter input[type="submit"]{margin-top:0;position:absolute;top:2px;right:2px;padding:10px 7px;font-size:13px;}
.side-bar .newsletter button{margin-top:0;position:absolute;top:50%;right:3px;padding: 10px 17px;font-size:13px;
  transform:translate(0,-50%);min-width: auto;    border-radius: 0px;}
.side-bar .newsletter input.form-control{padding-right:100px; border-radius: 0px;}
.side-bar .widget-title{font-size:17px;color:#000;text-transform:uppercase;margin-bottom:26px;
  padding-bottom:12px; font-weight:700;}
.bnone{border:none}
.recent-title{font-size:14px;color:#000;font-weight:600;margin-bottom:0px;margin-top:0px;line-height:19px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.recent-title:hover{color:#FF5A5B;}
.recent-date{font-size:13px;color:#494949;font-weight:400;}
.recent-img{width:97px;height:78px;margin-right:10px;display:inline-block;position:relative;float:left;}
.recent-img img{width:100%;height: 80px;object-fit: cover;}
.recent-text{margin-left:110px;}
.recent-post ul{list-style:none;padding-left:0px;}
.recent-post ul li a{text-decoration:none;}
.recent-post ul li{padding-bottom:17px;border-bottom:1px solid #eeeeee;position:relative;margin-bottom:15px;
  display:inline-block;width:100%;    font-size: 14px;}
.recent-post ul li:last-child{border-bottom:none;margin-bottom:0px;padding:0px;}
.full-post .recent-img{width:auto;position:relative;margin:0px;margin-bottom:20px;height:auto;}
.full-post .recent-text{margin-left:0;}
.full-post ul li{margin-bottom:25px;padding-bottom:15px;}
.full-post .recent-date{color:#c50404;font-size:12px;padding-right:5px;}
.full-post .recent-view{color:#c50404;font-size:12px;}
.populer-tab .nav-tabs{border-bottom:none;padding-bottom:26px;}
.full-post .recent-view i{border-left:1px solid #c50404;padding-left:8px;padding-right:8px;line-height:10px;}
.post-cat .recent-text{margin-left:0px;}
.post-cat ul li{padding-left:20px !important;position:relative;}
.post-cat ul li:before{content:"\e93e";font-family:'LineIcons' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:0px;top:3px;}
.side-bar .widget ul{padding-left:0px !important;list-style:none;}
.side-bar .widget .tags.cat ul li{display:inline-block;}


.inner-banner .banner-content { height: 100% !important;display: flex;  align-items: center;}
.banner.inner-banner {  height: 90vh;}


/* accordion */

#accordion .card-header button { background: transparent !important;    box-shadow: none !important;      padding: 0px;    
  text-decoration: none !important; width: 100%;  text-align: left;color: #23acbd !important;  font-size: 20px;}
#accordion  .card-header { border-bottom: none;}
#accordion .card { border-radius: 0px;}


.inner-banner div {min-height: auto !important; max-height: initial !important; height: auto !important;}
.inner-banner .banner-content {padding: 100px 0px; background: transparent;}
.social-icon ul li:first-child a { margin-left: 0px;}
.grid-item video, .grid-item iframe { max-width: 100% !important;}


/* loader */

.se-pre-con{position:fixed;left:0px;top:0;margin-left:0px;margin-top:0px;width:100%;height:100%; z-index: 999999;
 background:#0F1114 !important;text-align:center;display:block;}
 .spinner{width:250px;height: auto;text-align:center;font-size:10px;position:absolute;left:50%;top:50%;
  transform: translate(-50%, -50%);margin-top:-20px;   animation: fadeIn 1s infinite alternate;}
  


/* container */

@media(min-width:576px){
.responsive-tab .card{border:none;}
.responsive-tab .card .card-header{display:none;}
.responsive-tab .card .collapse{display:block;}
div#team  .modal-dialog {max-width: 100%; margin: 0px;}
.grid-item { display:inline;width: 50%;}


}

 



@media(max-width:575px){
.responsive-tab .tab-content > .tab-pane{display:block !important;opacity:1;}
}
 
 


@media(min-width:576px){
.container{max-width: 100%;}
.ressponive-tab .card{border:none;}
.ressponive-tab .card .card-header{display:none;}
.ressponive-tab .card .collapse{display:block;}
.work-steps div#content {  height: 100%;}
 
}

@media (min-width: 768px){
.container {max-width: 100%;}
.grid-item { display:inline;width: 33.33%;}
}

@media (min-width: 992px){
.container {max-width: 960px;}
}
@media (min-width: 1200px){
.container {max-width: 1170px;  }
.container-fluid {padding-left: 30px;  padding-right: 30px;}

}

@media (max-width:1500px){
 .main-section.home-privacy.about-section { background-size: 45% !important;}   
    
}




@media(max-width:575px){
.ressponive-tab .tab-content > .tab-pane{display:block !important;opacity:1;}
.ressponive-tab  .nav-pills { display: none;}
 


}