@import url(../css/footer.css);



:root {

  --primary-font1:"Work Sans", sans-serif;

  --primary-font2:"Lato", sans-serif;

  --primary-color1: #292929;

  --primary-color2: #000000;

  --primary-color3: #0077B5;

  --primary-color4: #FFDD00;

  --primary-color5: #003055;

  --font12:11px;

  --font12:12px;

  --font13:13px;

  --font13:14px;

  --font15:15px;

  --font16:16px;

  --font18:18px;

  --font20:20px;

  --font21:21px;

  --font22:22px;

  --font24:24px;

  --font26:26px;

  --font28:28px;

  --font30:30px;

  --font36:36px;

  --font38:38px;

  --font40:40px;

  --font42:42px;

  --font45:45px;

  --font48:48px;

}











html {

  scroll-behavior: smooth;

}

body[data-aos-duration='225'] [data-aos],

[data-aos][data-aos][data-aos-duration='225']{

  transition-duration: 225ms;

}

body{padding:0px;margin:0px;font-family:var(--primary-font2);font-size:var(--font14);color: var(--primary-color1);background:#FFFFFF;line-height: 24px;}

h1,h2,h3,h4,h5{font-family:var(--primary-font1)}



ul{padding:0px; list-style: none;}

.title_head{font-size:var(--font18);}

blockquote{font-size:var(--font30);color:var(--primary-color2); line-height: 36px;  }

.streched_link{display: inline-block;text-indent:-99999px;position: absolute;left:0;right:0;top:0;bottom:0;z-index: 99;}

figure{margin:0px;}

figure img{width:100%;}

a.navbar-brand{color:#fff;padding: 0;}

a.navbar-brand svg {fill: currentColor;transition: .2s ease;}

header.inner-header a.navbar-brand {

  color: #0077B5;

}

a{text-decoration:none; transition: .2s ease;}

a.view_more {

  color: var(--primary-color4)

}

a.view_more:hover{color:var(--primary-color3);}

a.view_more:hover svg path{

  stroke: #fff;

}



a.view_more svg {

  fill: currentColor;

}

.font11{font-size: var(--font11);}

.font12{font-size: var(--font12);}

.font13{font-size: var(--font13);}

.font15{font-size: var(--font15);}

.font16{font-size: var(--font16);}

.font18{font-size: var(--font18);}

.font21{font-size: var(--font21);}

.font24{font-size: var(--font24);}

.font30{font-size: var(--font30);}

.font36{font-size: var(--font36);}  

.font48{font-size: var(--font48);}



@media (min-width: 1539px){

.font11{font-size: 13px;} 

.font12{font-size: 14px;}

.font15{font-size: 16px;}

.font16{font-size: 18px;}

.font18{font-size: 20px;}

.font21{font-size: 23px;}

.font24{font-size: 26px;}

.font30{font-size: 32px;}



}







.item_name a.explore-more2 svg {

  stroke: currentColor; 

  transform: translate(-18px, 0px);

  overflow: hidden;

  transition: .2s ease;color:#fff;

}

.read-more {

  overflow: hidden;

}

.read-more b {

  overflow: hidden;

  display: inline-flex;

  vertical-align: middle;

  width: 50px;

  margin-left: 15px;

  position: relative;

}

a.explore-more2 svg {

  stroke: currentColor;

  transform: translate(-18px, 0px);

  overflow: hidden;

  transition: .2s ease;

}

a.explore-more2:hover svg {

  width: auto;

  transition: .2s ease;

  transform: translate(0px, 0px);

}



@media (max-width: 991px) {

  .tab-content>.tab-pane {

    display: block;

    opacity: 1;

  }

}





@media (min-width: 992px){

.navbar-expand-lg {padding: 6px 0 10px;transition: .2s ease;}

}



@media (max-width:990px) {

a.navbar-brand svg {fill: currentColor; width: 70px;}

a.navbar-brand{margin:auto;color:#fff;padding: 0;}



}









.mobile-text{font-style: normal;}



a.navbar-brand:hover {

  color: #fff;

}



.head_section .navbar-nav  li.active a {

  border: 0;

  color: #BC7700;

}



.anachor-tag {

  position: relative;

  top: -100px;

  height: 0;

  width: 1px;

  overflow: hidden;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-transition: -webkit-transform .9s ease-in-out;

  transition: transform .9s ease-in-out;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



.owl-dots button.owl-dot span {width: 8px;height: 8px;background: #00000029;display: inline-block;border-radius: 50%;}

.owl-dots button.owl-dot {margin: 0 3px;}

.owl-dots button.owl-dot.active span {background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;border: 1px solid #FFB300;}

#search-form { display: none; }

#search-form input.form-control {

  background: #feb901;

  border: 0px;

  color: #fff;

  padding: 0 15px;

  box-shadow: inherit;

  border-top-left-radius: 0px;border-bottom-left-radius: 0px;

}



#search-form input.form-control::placeholder{color:#fff;}



.image-container {

  position: relative;

  overflow: hidden;

  padding-bottom: calc(50% / (var(--ratio)));

}



.img-hover {

  overflow: hidden;

}



.img-hover img {

  transition: .8s all;

  -webkit-transition: .8s all;

  -moz-transition: .8s all;

  -ms-transition: .8s all;

  -o-transition: .8s all;

}



.img-hover img:hover {

  scale: 1.1;

}



.image{

    opacity: 0;

}



.reveal-image,

.reveal-image:after {

    position: absolute;

    animation-delay: 0s;

    animation-iteration-count: 1;

    animation-duration: 1600ms;

    animation-fill-mode: both;

    animation-timing-function: ease-in-out;

}

.reveal-image {

    opacity: 1;

    position: relative;

    animation-name: reveal-image;

}





@keyframes reveal-image {

  from {

      clip-path: inset(0 100% 0 0);

  }



  to {

      clip-path: inset(0 0 0 0);

  }

}







.input-box {

  position: relative;

  width: 100%;

  max-width: 40px;

  /* height: auto; */

  margin-right: 0px;

  border-radius: 6px;

  transition: all 0.5s ease-in-out;

  /* padding: 15px 0; */

  display: flex;

  justify-content: center;

  align-items: center;

}



.inner-container .input-box {  margin-right: 50px;}

.input-box.open {

  max-width: 310px;

  background: #feb901;

  margin-right: 47px;

}

.input-box input {

  position: relative;

  width: 100%;

  padding: 15px 50px 15px 65px;

  height: auto;

  font-size: 16px;

  font-weight: 400;

  color: #333;

  border: none;

  border-radius: 0px;

  outline: none;

  transition: all 0.5s ease-in-out;

  background: none;

  text-indent: -99999px;

  visibility: hidden;

}

.input-box.open input {

  padding: 15px 50px 15px 65px;

  text-indent: 0px;

  visibility: visible;

}



.input-box .search {

  position: absolute;

  top: 11px;

  left: 11px;

  width: 33px;

  height: 33px;

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: #fff;

  border-radius: 6px;

  cursor: pointer;

  border: 0;

  background: none;

}

.input-box.open .search {

  border-radius: 6px 0 0 6px;

  display: flex;

}

.toll-free .search .search-icon {

  font-size: 30px;

  color: #1c1c1c;

}

.toll-free .input-box .close-icon {

  position: absolute;

  top: 50%;

  right: -36px;

  font-size: 23px;

  color: #fff;

  padding: 5px;

  transform: translateY(-50%);

  transition: all 0.5s ease-in-out;

  cursor: pointer;

  pointer-events: none;

  opacity: 0;

  /* background: #000; */

}

.toll-free .input-box.open .close-icon {

  /* transform: translateY(-50%) rotate(180deg); */

  pointer-events: auto;

  opacity: 1;

}





.toll-free .input-box input[type="text"]::placeholder {

  color: #fff;

}



.toll-free .fa-cross:before {

  content: "\f057";

  color: #fff;

}

.inner-container .toll-free .fa-cross:before{color:#003055;}

.inner-search{display: none;}

.inner-container .home-search{display: none;}

.inner-container .inner-search {

  display: inline-block;

  mix-blend-mode: multiply;

}

.toll-free .input-box.open .round-btn img.img-fluid.home-search {

  display: none;

}



.input-box button {

  border: 0;

  background: none;

  padding: 0;

  position: absolute;

  left: 15px;

  top: 9px;

}





.input-box.open img.img-fluid.home-search.d-none {

  display: inline-block!important;

}





.input-box.open img.img-fluid.home-search.search {

  display: none;

}.input-box.open img.img-fluid.inner-search.search1 {

  display: none;

}



/* viewall btn */



.g-viewall{

  text-align: center;

  position: relative;

  z-index: 2;

}

.g-viewall a{

  border-bottom: 1px solid #FEB901;

    padding-bottom: 10px;

    color: #000;

    font-size: 13px;

}

.g-viewall a img {

  margin-left: 6px;

  margin-top: -3px;

}





section.page404 {

  padding: 200px;

  text-align: center;

}



section.page404 h2 {

  font-size: 5rem;

  font-weight: bold;

}

@media (max-width:1000px) {

  section.page404 {

    padding: 200px 25px;

    text-align: center;

}

  

}



ul.tags {

    display: flex;

    list-style: none;

    padding: 30px 0;

    flex-wrap: wrap;

}

ul.tags li {

    color: #0787d0;

    font-weight: 700;

    font-family: lato;

    font-size: 15px;

    border-bottom: 2px solid #0089d5;

    margin-right: 9px;

    padding: 6px 0;

}



ul.tags li a {

    color: #0787d0;

    text-transform: capitalize;

}
@media (min-width:1000px) {
.other_contact .view-all {
    bottom: -15px!important;
}}