/*-----------------------------------------------------------------------------------

    Theme Name: Cloud - Web Hosting and WHMCS Template
    Description: Web Hosting and WHMCS Template
    Author: Chitrakoot Web
    Version: 1.0

-----------------------------------------------------------------------------------*/
/* ----------------------------------

    01. Common styles
    02. Navigation
    03. Section heading
    04. Page title
    05. Cards
    06. Domain section
    07. Map
    08. Testimonial
    09. Video
    10. Pagination
    11. Owl carousel
    12. Accordion style
    13. Tabs
    14. Pages
    15. Blog
    16. Others
    17. Footer
    
---------------------------------- */
/* ===================================
    Common styles
====================================== */
/* loader */
#preloader {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
  transition: 0.3s ease opacity;
  text-align: center;
  width: 100%;
  height: 100%; }
  #preloader:before {
    content: "";
    width: 80px;
    height: 80px;
    border: 3px solid #0948b3;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    animation-name: LoaderCicle;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }
  #preloader:after {
    content: "";
    width: 80px;
    height: 80px;
    border: 3px solid #0948b3;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    animation-name: LoaderCicle;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 1s; }

@keyframes LoaderCicle {
  0% {
    width: 0;
    height: 0;
    opacity: 0; }
  10% {
    width: 10px;
    height: 10px;
    opacity: 1; }
  80% {
    width: 60px;
    height: 60px;
    opacity: 0.1; }
  100% {
    width: 70px;
    height: 70px;
    opacity: 0; } }
/* scroll to top */
.scroll-to-top {
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  border-radius: 50%;
  background: #0063dd;
  border: 1px solid #0063dd;
  width: 35px;
  height: 35px;
  line-height: 30px;
  z-index: 9999;
  outline: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all 0.3s ease; }
  .scroll-to-top i {
    color: #fff; }
  .scroll-to-top:hover {
    color: #232323;
    background: #fff; }
    .scroll-to-top:hover i {
      color: #232323; }
  .scroll-to-top:visited {
    color: #232323;
    text-decoration: none; }

/* theme color and basic options */
a:hover, a:active {
  color: #0948b3;
  text-decoration: none; }

.min-height {
  min-height: 550px; }

.bg-primary {
  background-color: #0948b3 !important; }

.text-primary {
  color: #0948b3 !important; }

.text-white-hover:hover {
  color: #fff !important; }

.cursor-pointer {
  cursor: pointer; }

/* button style */
.butn {
  background-color: transparent;
  border-radius: 4px;
  display: inline-block;
  align-items: center;
  padding: 12px 30px;
  font-weight: 500;
  position: relative;
  font-size: 14px;
  color: #0948b3;
  z-index: 2;
  text-align: center;
  border: 2px solid #0948b3;
  transition: all .5s ease-out; }
  .butn:before {
    content: "";
    height: 100%;
    width: 0;
    background-color: #0948b3;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    transition: all .45s ease-out; }
  .butn:hover:before {
    width: 100%;
    left: 0; }
  .butn.white {
    border: 2px solid #fff;
    color: #fff; }
    .butn.white:before {
      background-color: #fff; }
    .butn.white:hover {
      color: #0948b3; }
  .butn.fill {
    background: #fff;
    color: #0948b3;
    border-color: #fff; }
    .butn.fill:hover {
      color: #fff;
      background: transparent; }
  .butn:hover {
    color: #fff; }
  .butn.butn-md {
    padding: 8px 20px; }
  .butn.small {
    padding: 4px 12px; }

@media screen and (max-width: 767px) {
  .butn {
    padding: 10px 25px; } }
/*link button style*/
.link-btn {
  font-size: 15px;
  color: #0948b3; }
  .link-btn i {
    color: #0948b3;
    margin-left: 8px;
    vertical-align: middle; }

.h-100vh {
  height: 100vh; }

.theme-overlay[data-overlay-dark]:before {
  background: #0948b3; }

.section-bg {
  position: absolute;
  background-size: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 530px;
  background-position: center center;
  background-repeat: no-repeat; }

/* ===================================
    Navigation
====================================== */
.navbar-nav li.current > a, .navbar-nav li.active > a {
  color: #0948b3; }

.navbar > ul > li.current > a:after {
  border-color: transparent #0948b3 #0948b3 transparent; }

header.header-style3 {
  transition: background-color 0.4s ease, box-shadow 0.4s ease;
}

/* header style 3 */
.header-style3 .navbar-nav li.current > a, .header-style3 .navbar-nav li.active > a {
  color: #0948b3; }
.header-style3 .navbar > ul > li.current > a:after {
  border-color: transparent #0948b3 #0948b3 transparent; }
.header-style3.scrollHeader .navbar-nav li.current > a, .header-style3.scrollHeader .navbar-nav li.active > a, .header-style3.scrollHeader .navbar-nav li.current > a:hover, .header-style3.scrollHeader .navbar-nav li.active > a:hover {
  color: #0948b3; }
.header-style3.scrollHeader .navbar > ul > li.current > a:after {
  border-color: transparent #0948b3 #0948b3 transparent; }

.header-style3.scrollHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease-in-out;
}

.header-style3 .bg-primary {
  transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.4s ease;
  max-height: 100px; /* Set a max-height larger than its actual height */
  overflow: hidden;
  opacity: 1;
}

/* On scroll, smoothly collapse the top bar instead of removing it */
@media screen and (max-width: 991px) {
  .header-style3.scrollHeader .bg-primary {
    display: block; /* Override 'display: none' from styles.css */
    max-height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}

/* ===================================
   Section heading
====================================== */
.section-heading .bar {
  height: 3px;
  width: 100px;
  background: #0948b3;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  margin: 15px auto; }
  .section-heading .bar::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 7px;
    background: #fff;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG; }
  .section-heading .bar.white {
    background: #fff; }
    .section-heading .bar.white::before {
      background: #0948b3; }

@-webkit-keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(85px);
    transform: translateX(85px); } }
@keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(85px);
    transform: translateX(85px); } }
/*==============================
*    Page title
*    ================================ */
.page-title-section {
  padding: 125px 0 125px;
  text-align: center; }
  .page-title-section h1 {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    color: #fff;
    text-align: center;
    margin-bottom: 0; }
  .page-title-section ul {
    margin-bottom: 0;
    margin-top: 15px;
    text-align: center;
    padding-left: 0; }
    .page-title-section ul li {
      display: inline-block;
      vertical-align: middle; }
      .page-title-section ul li:last-child a {
        color: #fff;
        font-weight: 400; }
      .page-title-section ul li:after {
        content: '\f105';
        font-weight: 700;
        vertical-align: middle;
        color: #fff;
        font-family: Font Awesome\ 5 Free;
        padding: 0 5px 0 10px; }
      .page-title-section ul li:last-child:after {
        content: none; }
      .page-title-section ul li a {
        color: #fff;
        font-size: 14px;
        font-weight: 500; }
  .page-title-section .active a, .page-title-section li.active:last-child a {
    color: #fff; }

@media screen and (max-width: 1199px) {
  .page-title-section {
    padding: 85px 0; }
    .page-title-section h1 {
      font-size: 36px;
      line-height: 42px; } }
@media screen and (max-width: 991px) {
  .page-title-section {
    padding: 70px 0; }
    .page-title-section h1 {
      font-size: 30px;
      line-height: 40px; }
    .page-title-section ul {
      margin-top: 10px; }
      .page-title-section ul li a {
        font-size: 13px; } }
@media screen and (max-width: 767px) {
  .page-title-section {
    padding: 60px 0; }
    .page-title-section h1 {
      font-size: 28px;
      line-height: 36px; }
    .page-title-section ul {
      margin-top: 5px; } }
/* ===================================
   Cards
====================================== */
/* card-style1 */
.card-style1 {
  transition: 0.5s; }
  .card-style1:hover {
    background: #0948b3; }
    .card-style1:hover .card-body h3, .card-style1:hover .card-body p {
      color: #ffffff; }
    .card-style1:hover .card-icon i {
      color: #ffffff !important; }
    .card-style1:hover .link-btn {
      color: #ffffff; }
      .card-style1:hover .link-btn i {
        color: #ffffff; }
    .card-style1:hover .card-body a, .card-style1:hover .card-body address {
      color: #ffffff; }

/* card-style2 */
.card-style2 {
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  border: 1px solid #ededed; }
  .card-style2 .post-date {
    left: 50%;
    z-index: 9;
    line-height: 1;
    font-weight: 500;
    color: #0948b3;
    font-size: 14px;
    position: absolute;
    padding: 15px;
    border-radius: 20px;
    background-color: #FFF;
    transform: translate(-50%, -50%);
    border: 1px solid #ededed; }
  .card-style2 .card-body {
    padding: 25px;
    position: relative; }
  .card-style2 .blog-meta-grid {
    list-style: none;
    margin-bottom: 0;
    margin-top: 25px;
    display: flex;
    border-bottom: 1px solid #ededed;
    padding: 15px 25px;
    justify-content: space-between; }
    .card-style2 .blog-meta-grid li {
      display: inline-block;
      font-size: 14px;
      font-weight: 600;
      vertical-align: middle; }
      .card-style2 .blog-meta-grid li:last-child {
        padding-right: 0;
        margin-right: 0;
        border: none; }

@media screen and (max-width: 1199px) {
  .card-style2 .post-date {
    padding: 12px;
    font-size: 13px; }
  .card-style2 .blog-meta-grid {
    margin-top: 20px;
    padding: 15px 20px; }
  .card-style2 .card-body {
    padding: 20px; } }
@media screen and (max-width: 991px) {
  .card-style2 .blog-meta-grid {
    padding: 12px 20px; } }
@media screen and (max-width: 767px) {
  .card-style2 .blog-meta-grid li {
    font-size: 13px; } }
/* card-style3 */
.card-style3 .pricing-list {
  list-style: none;
  margin: 20px 0 30px 0; }
  .card-style3 .pricing-list li {
    padding: 15px 25px;
    color: #282b2d; }
    .card-style3 .pricing-list li a {
      font-size: 16px; }
      .card-style3 .pricing-list li a i {
        color: #0948b3;
        font-size: 10px;
        background: rgba(9, 72, 179, 0.1);
        padding: 4px;
        border-radius: 50px;
        margin-right: 10px; }
    .card-style3 .pricing-list li:nth-child(odd) {
      background: #ffffff; }
    .card-style3 .pricing-list li:nth-child(even) {
      background: #f8f8f8; }

@media screen and (max-width: 767px) {
  .card-style3 .pricing-list {
    margin-bottom: 20px; }
    .card-style3 .pricing-list li {
      padding: 12px 20px; }
      .card-style3 .pricing-list li a {
        font-size: 15px; } }
/* card-style4 */
.card-style4 .card-logo {
  margin-bottom: 20px; }

/* ===================================
    Domain section
====================================== */
.clouds {
  position: relative; }
  .clouds img {
    position: absolute;
    top: 0;
    z-index: 1; }
    .clouds img.cloud1 {
      top: 270px;
      animation: cloud1 45s linear 1s infinite;
      opacity: 0; }
    .clouds img.cloud2 {
      top: 215px;
      animation: cloud1 45s linear 11s infinite;
      opacity: 0; }
    .clouds img.cloud3 {
      top: -50px;
      animation: cloud1 45s linear 11s infinite;
      opacity: 0; }
    .clouds img.cloud4 {
      top: -80px;
      animation: cloud1 45s linear 11s infinite;
      opacity: 0; }

.domain-checkup {
  background: #ffffff;
  margin: 0;
  padding: 30px;
  border-radius: 4px;
  display: block;
  margin-bottom: 40px; }

.domain-checkup-left {
  position: relative; }

.domain-checkup input[type=text] {
  height: 65px;
  padding: 12px 20px;
  border-radius: 4px;
  width: 100%;
  border: 1px solid #ced4da;
  background-color: transparent; }

.domain-checkup-right i {
  margin-right: 15px;
  font-size: 20px;
  vertical-align: middle; }
.domain-checkup-right a {
  height: 65px;
  padding: 20px;
  border-radius: 4px;
  width: 100%;
  display: inline-block;
  transition: .3s; }

.nice-select {
  height: 65px;
  padding: 12px 20px;
  border-radius: 4px;
  width: 100%;
  border: 1px solid #ced4da;
  background-color: transparent; }
  .nice-select:after {
    height: 10px;
    margin-top: -9px;
    right: 17px;
    width: 10px; }
  .nice-select:focus {
    box-shadow: 0 0 10px #377dff;
    border-color: #ced4da; }
  .nice-select .list {
    width: 100%; }

ul.domain-listing {
  margin-bottom: 0; }

.domain-listing li {
  position: relative;
  display: inline-block;
  padding: 0 30px; }
  .domain-listing li:after {
    position: absolute;
    top: 15%;
    left: 100%;
    width: 1px;
    height: 15px;
    background-color: #ffffff;
    content: ""; }
  .domain-listing li:last-child {
    padding-right: 0; }
    .domain-listing li:last-child:after {
      content: none; }
  .domain-listing li:first-child {
    padding-left: 0; }

@media screen and (max-width: 767px) {
  .domain-checkup {
    padding: 20px; }
    .domain-checkup input[type=text] {
      height: 50px;
      padding: 12px 16px; }

  .nice-select {
    height: 50px;
    padding: 12px 16px;
    line-height: 22px; }

  .domain-checkup-right a {
    height: 50px;
    padding: 12px 16px; } }
@keyframes cloud1 {
  0% {
    opacity: 0;
    right: 0; }
  10% {
    opacity: 1;
    right: 10%; }
  40% {
    opacity: 1;
    right: 40%; }
  90% {
    opacity: 1;
    right: 90%; }
  100% {
    opacity: 0;
    right: 100%; } }
/* ===================================
    Map
====================================== */
#vmap {
  min-height: 500px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1px;
  position: relative;
  overflow: hidden;
  background: transparent !important; }

.jqvmap-zoomin, .jqvmap-zoomout {
  border-radius: 4px;
  background: #f1f1f1;
  padding: 3px;
  color: #526069;
  width: 20px;
  height: 20px;
  line-height: 14px;
  left: 25px; }

.jqvmap-zoomin:hover, .jqvmap-zoomout:hover {
  background: #526069;
  color: #fff; }

/* ===================================
    Testimonial
====================================== */
.testimonial-box {
  z-index: 4;
  text-align: center;
  border-radius: 4px;
  position: relative;
  padding: 30px 25px;
  background: #fff; }
  .testimonial-box::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    height: 75px;
    background: #0948b3; }
  .testimonial-box .client-img {
    width: 80px;
    height: 80px;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
    box-sizing: border-box;
    margin-bottom: 20px; }
  .testimonial-box .rating-star {
    color: #ffc600;
    font-size: 15px;
    margin-bottom: 15px; }

@media screen and (max-width: 1199px) {
  .testimonial-box {
    padding: 25px 20px; }
    .testimonial-box::before {
      height: 70px; }
    .testimonial-box .rating-star {
      font-size: 14px; } }
@media screen and (max-width: 991px) {
  .testimonial-box {
    padding: 20px; }
    .testimonial-box::before {
      height: 65px; } }
@media screen and (max-width: 767px) {
  .testimonial-box::before {
    height: 60px; }
  .testimonial-box .client-img {
    width: 70px;
    height: 70px;
    margin-bottom: 15px; }
  .testimonial-box .rating-star {
    font-size: 13px; } }
@media screen and (max-width: 575px) {
  .testimonial-box {
    padding: 15px; }
    .testimonial-box::before {
      height: 55px; }
    .testimonial-box .rating-star {
      font-size: 12px; } }
/* ===================================
    Video
====================================== */
.video_btn {
  position: relative;
  height: 80px;
  width: 80px;
  background: #0948b3;
  text-align: center;
  display: inline-block;
  line-height: 80px;
  color: #fff;
  border-radius: 50%;
  transition-duration: 0s; }
  .video_btn:hover i, .video_btn:focus i {
    color: #fff; }
  .video_btn:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 80px;
    width: 80px;
    border: 2px solid #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: .3;
    animation: pulse-border 1500ms ease-out infinite; }
  .video_btn:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 95px;
    width: 95px;
    border: 2px solid #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: .3;
    animation: pulse-border 1500ms ease-out infinite; }

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0; } }
@media screen and (max-width: 1199px) {
  .video_btn {
    height: 75px;
    width: 75px;
    line-height: 80px; }
    .video_btn:after {
      height: 75px;
      width: 75px; }
    .video_btn:before {
      height: 90px;
      width: 90px; } }
@media screen and (max-width: 991px) {
  .video_btn {
    height: 70px;
    width: 70px;
    line-height: 74px; }
    .video_btn:after {
      height: 70px;
      width: 70px; }
    .video_btn:before {
      height: 85px;
      width: 85px; }

  @keyframes pulse-border {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2); } } }
@media screen and (max-width: 767px) {
  .video_btn {
    height: 60px;
    width: 60px;
    line-height: 62px; }
    .video_btn:after {
      height: 60px;
      width: 60px; }
    .video_btn:before {
      height: 75px;
      width: 75px; } }
/* ===================================
    Pagination
====================================== */
.pagination {
  border-radius: 0;
  padding: 0;
  margin: 0; }
  .pagination ul {
    display: inline-block;
    margin: 0 auto;
    padding: 0; }
  .pagination li {
    display: inline; }
  .pagination a {
    float: left;
    font-size: 15px;
    padding: 0 18px;
    border-radius: 4px;
    line-height: 40px;
    text-decoration: none;
    color: #1e1f36;
    border: 1px solid #dbdbdb;
    margin-right: 10px;
    background: #fff; }
    .pagination a:hover {
      background-color: #0948b3;
      border: 1px solid #0948b3;
      color: #fff; }
  .pagination .active a {
    background-color: #f7f7f7;
    color: #1e1f36;
    border: 1px solid #dbdbdb;
    cursor: default; }

@media screen and (max-width: 575px) {
  .pagination a {
    padding: 0 14px; } }
/* ===================================
    Owl carousel
====================================== */
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 40px; }
.owl-theme .owl-dots .owl-dot span {
  width: 18px;
  height: 4px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #0948b3; }

.owl-nav i, .owl-nav span {
  color: #232323;
  font-size: 28px; }

.owl-carousel .owl-item img {
  width: auto;
  display: inline-block; }

/* slider fade */
.slider-fade .btn-play {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: transparent;
  margin: auto;
  display: inline-block;
  border: 2px solid #fff;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
  z-index: 3; }
.slider-fade .caption {
  position: relative;
  z-index: 9; }
  .slider-fade .caption .overflow-hidden {
    display: inline-block; }
  .slider-fade .caption h1 {
    font-size: 46px;
    visibility: hidden;
    opacity: 0;
    color: #ffffff; }
.slider-fade .btn-play:before {
  content: none; }
.slider-fade .btn-play i {
  padding-left: 5px;
  position: relative;
  z-index: 2; }
.slider-fade .owl-carousel.owl-theme .owl-dots {
  position: absolute;
  bottom: 5vh;
  width: 100%;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto; }
.slider-fade .owl-theme .owl-dots .owl-dot span {
  border: none;
  background: rgba(225, 225, 225, 0.4);
  width: 18px;
  height: 4px; }
.slider-fade .owl-theme .owl-dots .owl-dot.active span {
  background: #fff; }
.slider-fade .active h1, .slider-fade .active .list-style1 li, .slider-fade .active p, .slider-fade .active .butn, .slider-fade .active .btn-play {
  animation: anislide 1s ease 100ms both;
  visibility: visible;
  opacity: 1; }
.slider-fade .active .banner-image {
  animation: fadeInRight 2s ease 100ms both;
  visibility: visible;
  opacity: 0; }
.slider-fade .active .fade-left {
  animation: fadeInLeft 2s ease 100ms both;
  visibility: visible;
  opacity: 0; }
.slider-fade .active h1 {
  animation-delay: 900ms; }
.slider-fade .active .list-style1 li {
  animation-delay: 1400ms; }
.slider-fade .active p {
  animation-delay: 1800ms; }
.slider-fade .active .butn {
  animation-delay: 2200ms; }
.slider-fade .active .btn-play {
  animation-delay: 2400ms; }
.slider-fade .active .banner-image {
  animation-delay: 2600ms; }
.slider-fade .banner-image img {
  max-height: 608px;
  width: auto; }

@media screen and (max-width: 1199px) {
  .slider-fade .caption h1 {
    font-size: 40px; } }
@media screen and (max-width: 991px) {
  .slider-fade .caption h1 {
    font-size: 36px; } }
@media screen and (max-width: 767px) {
  .slider-fade .btn-play {
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 16px; }
  .slider-fade .caption h1 {
    font-size: 32px; } }
@media screen and (max-width: 575px) {
  .slider-fade .caption h1 {
    font-size: 28px; } }
@-webkit-keyframes anislide {
  from {
    opacity: 0;
    transform: translate3d(50px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }
/* ===================================
    Accordion style
====================================== */
.accordion-style1 .card {
  background: transparent;
  box-shadow: none;
  margin-bottom: 20px;
  border: 1px solid #ededed;
  border-radius: 4px; }
  .accordion-style1 .card:last-child {
    margin-bottom: 0; }
.accordion-style1 .card-header {
  border: 0;
  padding: 0;
  background: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }
.accordion-style1 .btn {
  border: 0; }
.accordion-style1 .btn-link {
  border-bottom: none;
  color: #ffffff;
  position: relative;
  display: block;
  font-weight: 500;
  width: 100%;
  text-align: left;
  white-space: normal;
  box-shadow: none;
  line-height: 28px;
  padding: 15px 20px;
  text-decoration: none;
  background: #0948b3;
  border: 1px solid #0948b3;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }
  .accordion-style1 .btn-link:hover {
    text-decoration: none; }
  .accordion-style1 .btn-link.collapsed {
    box-shadow: none;
    border-bottom: 0;
    border-radius: 4px;
    background: #ffffff;
    color: #282b2d;
    border: 0px solid #ededed; }
    .accordion-style1 .btn-link.collapsed:after {
      background: #0948b3;
      border: none;
      content: "+";
      right: 20px;
      left: inherit;
      font-size: 18px;
      line-height: 24px;
      height: 24px;
      transform: none;
      width: 24px;
      top: 17px;
      text-align: center;
      color: #ffffff; }
  .accordion-style1 .btn-link:after {
    background: #ffffff;
    border: none;
    content: "-";
    right: 20px;
    left: inherit;
    font-size: 18px;
    height: 24px;
    line-height: 24px;
    transform: none;
    width: 24px;
    top: 17px;
    position: absolute;
    color: #0948b3;
    text-align: center;
    border-radius: 4px; }
.accordion-style1 .card-body {
  font-size: 15px;
  padding: 15px 20px 15px 20px;
  line-height: 28px;
  text-align: left;
  border-top: 0;
  background: #fff;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

@media screen and (max-width: 575px) {
  .accordion-style1 .card {
    margin-bottom: 15px; }
  .accordion-style1 .btn-link {
    font-size: 16px;
    padding: 15px 44px 15px 15px; }
    .accordion-style1 .btn-link:after, .accordion-style1 .btn-link.collapsed:after {
      height: 22px;
      line-height: 22px;
      width: 22px;
      font-size: 16px; }
  .accordion-style1 .card-body {
    font-size: 14px;
    padding: 15px; } }
/* ===================================
    Tabs
====================================== */
ul.resp-tabs-list {
  margin: 0px;
  padding: 0px; }

.resp-tabs-list li {
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  padding: 8px 15px;
  margin: 0 4px 0 0;
  list-style: none;
  cursor: pointer;
  min-width: 180px; }
  .resp-tabs-list li:last-child {
    margin-right: 0; }
  .resp-tabs-list li i {
    font-size: 28px;
    margin-bottom: 8px;
    color: #6f6f6f; }

.resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left; }

.resp-tab-content {
  display: none;
  padding: 40px 0 40px 0; }

.resp-tabs-list li.resp-tab-active {
  background: #0948b3;
  background: -webkit-linear-gradient(-45deg, #0948b3, #8089ff);
  background: -moz-linear-gradient(-45deg, #0948b3, #8089ff);
  background: -o-linear-gradient(-45deg, #0948b3, #8089ff);
  background: linear-gradient(-45deg, #0948b3, #8089ff);
  padding: 15px 20px 13px 20px;
  color: #0948b3; }
  .resp-tabs-list li.resp-tab-active i {
    color: #fff; }

.resp-content-active, .resp-accordion-active {
  display: block; }

.resp-tab-content {
  float: left;
  width: 100%; }

h2.resp-accordion {
  background: #fff !important;
  cursor: pointer;
  display: none;
  font-size: 14px;
  border: 1px solid #e4e4e4;
  border-top: 0px solid #e4e4e4;
  margin: 0px;
  padding: 15px 21px;
  float: left;
  width: 100%; }
h2.resp-tab-active {
  border-bottom: 0px solid #e4e4e4 !important;
  background: #0948b3 !important;
  color: #fff; }
h2.resp-tab-title:last-child {
  border-bottom: 12px solid #e4e4e4 !important;
  background: #0948b3; }

.resp-arrow {
  border-color: transparent #232323 #232323 transparent;
  border-style: solid;
  border-width: 0 1px 1px 0;
  float: right;
  display: block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  margin-top: 4px; }

h2.resp-tab-active span.resp-arrow {
  border-color: #fff transparent transparent #fff;
  border-style: solid;
  border-width: 1px 0 0 1px;
  float: right;
  display: block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  margin-top: 7px; }

/* tab-style1 */
.tab-style1 .resp-tabs-list li {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  text-transform: capitalize;
  font-weight: 500;
  display: inline-block;
  padding: 30px;
  margin: 0;
  font-size: 16px;
  list-style: none;
  cursor: pointer;
  min-width: auto;
  border-radius: 4px;
  color: #282b2d;
  background: #ffffff; }
  .tab-style1 .resp-tabs-list li.resp-tab-active {
    background: #0948b3;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    position: relative; }
    .tab-style1 .resp-tabs-list li.resp-tab-active:after {
      display: block;
      content: "";
      position: absolute;
      bottom: -7px;
      left: 50%;
      width: 13px;
      height: 13px;
      border-width: 0 0 1px 1px;
      transform: translateX(-50%) rotate(-45deg);
      transition-delay: 0.07s;
      background: #0948b3; }
.tab-style1 ul.resp-tabs-list {
  text-align: center;
  padding-bottom: 60px;
  display: flex;
  justify-content: center; }
  .tab-style1 ul.resp-tabs-list.text-left {
    padding-left: 15px; }
  .tab-style1 ul.resp-tabs-list li:last-child {
    margin-right: 0; }
.tab-style1 .resp-tab-content {
  margin-top: 0;
  padding: 0;
  border-radius: 4px; }

@media screen and (max-width: 1199px) {
  .tab-style1 .resp-tabs-list li {
    padding: 25px;
    font-size: 15px; }
  .tab-style1 ul.resp-tabs-list {
    padding-bottom: 50px; } }
@media screen and (max-width: 991px) {
  .tab-style1 .resp-tabs-container {
    border-top: 1px solid #e4e4e4; }
  .tab-style1 ul.resp-tabs-list {
    display: none; }
  .tab-style1 h2.resp-accordion {
    display: block; }
    .tab-style1 h2.resp-accordion i {
      margin-right: 8px;
      font-size: 18px; }
  .tab-style1 .resp-accordion-closed {
    display: none !important; }
  .tab-style1 .resp-tab-content {
    padding: 20px;
    border: 1px solid #ededed; }

  h2.resp-tab-active {
    border: 1px solid #0948b3; } }
@media screen and (max-width: 767px) {
  ul.resp-tabs-list {
    display: none; }

  h2.resp-accordion {
    display: block; }
    h2.resp-accordion i {
      margin-right: 12px;
      font-size: 18px;
      min-width: 25px; }
    h2.resp-accordion.resp-tab-active i {
      color: #fff; }

  .resp-vtabs .resp-tab-content {
    border: 1px solid #C1C1C1; }
  .resp-vtabs .resp-tabs-container {
    border: none !important;
    float: none;
    width: 100%;
    min-height: 100px;
    clear: none; }

  .resp-accordion-closed {
    display: none !important; }

  .resp-vtabs .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important; } }
@media screen and (max-width: 575px) {
  .tab-style1 .resp-tab-content {
    padding: 15px; } }
/* ===================================
    Pages
====================================== */
/* common content */
.bg-shape {
  position: relative; }
  .bg-shape .left {
    position: absolute;
    left: 0;
    top: 0; }
  .bg-shape .right {
    position: absolute;
    right: 0;
    top: 40%; }

.about-box {
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  border: 1px solid #ededed;
  vertical-align: middle;
  transition: 0.5s; }
  .about-box:hover {
    background: #0948b3;
    color: #ffffff; }
    .about-box:hover i {
      color: #fff !important; }

/*hosting pricing plane section*/
.hosting-table {
  overflow: hidden;
  box-shadow: none;
  border: none;
  border-collapse: unset;
  border-spacing: 0 10px; }
  .hosting-table thead tr th {
    border: none;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center; }
  .hosting-table > tbody > tr {
    background: #fff; }
    .hosting-table > tbody > tr > td {
      font-weight: 600;
      font-size: 15px;
      text-align: center;
      vertical-align: middle; }
  .hosting-table tr > td:first-child {
    border-left: 3px solid rgba(93, 118, 174, 0.15); }
  .hosting-table .score-bar-wrap {
    display: flex;
    align-items: center; }
    .hosting-table .score-bar-wrap .score-bar-item {
      min-width: 40px;
      height: 14px;
      font-size: 55%;
      border-radius: 30px;
      font-weight: 600;
      background-color: #e5e9f2;
      position: relative; }

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0948b3;
  transition: width 0.6s ease; }

.hosting-table .rate {
  font-size: 18px;
  font-weight: 600;
  color: #0948b3; }
  .hosting-table .rate span {
    font-size: 12px;
    font-weight: 600;
    margin-left: 5px;
    opacity: 0.8;
    color: #8392a5; }
.hosting-table tr:hover td {
  border-color: #0948b3; }

@media screen and (max-width: 991px) {
  .hosting-table {
    display: block;
    width: 100%;
    overflow-x: auto; }
    .hosting-table > tbody > tr > td {
      min-width: 165px; } }
/*email hosting page*/
.email-box-wrapper {
  position: relative;
  z-index: 1;
  display: block;
  padding: 15px;
  font-weight: 500;
  border-radius: 4px;
  border: 1px solid #ededed; }
  .email-box-wrapper:hover {
    background: #0948b3;
    color: #ffffff; }
    .email-box-wrapper:hover i {
      color: #fff !important; }

@media screen and (max-width: 1199px) {
  .email-box-wrapper {
    font-size: 14px; } }
@media screen and (max-width: 575px) {
  .email-box-wrapper {
    font-size: 13px;
    padding: 12px; } }
/* aboutus page */
.about-count-box {
  position: absolute;
  background: #fafafa;
  padding: 25px;
  max-width: 160px;
  bottom: -40px;
  right: 0;
  left: auto;
  top: auto;
  border-radius: 4px;
  border: 1px solid #ededed;
  text-align: center; }

/* process section */
.process-block {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 30px;
  position: relative;
  font-weight: 600;
  z-index: 1;
  border: 1px solid #0948b3;
  background-color: #FFFFFF;
  border-radius: 4px; }

.process-number {
  color: #FFFFFF;
  border-width: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #0948b3; }
  .process-number span {
    width: 70px;
    height: 70px;
    line-height: 70px;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-size: 26px; }

.process-block .process-number .process-icon {
  background-color: #FFFFFF;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 70px;
  line-height: 90px;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 70px; }
.process-block img {
  position: absolute;
  right: -220px;
  top: 45%; }

@media screen and (max-width: 1399px) {
  .process-block img {
    right: -195px; } }
@media screen and (max-width: 1199px) {
  .process-number span {
    width: 65px;
    height: 65px;
    line-height: 65px;
    font-size: 24px; }

  .process-block .process-number .process-icon {
    height: 65px;
    line-height: 84px;
    width: 65px; }
  .process-block img {
    right: -160px; } }
@media screen and (max-width: 991px) {
  .process-block {
    margin-bottom: 25px; }

  .process-number span {
    width: 60px;
    height: 60px;
    line-height: 62px;
    font-size: 22px; }

  .process-block .process-number .process-icon {
    height: 60px;
    line-height: 74px;
    width: 60px; }
  .process-block img {
    display: none; } }
@media screen and (max-width: 767px) {
  .process-block {
    margin-bottom: 20px; }

  .process-number span {
    width: 55px;
    height: 55px;
    line-height: 57px;
    font-size: 20px; }

  .process-block .process-number .process-icon {
    height: 55px;
    line-height: 70px;
    width: 55px; } }
@media screen and (max-width: 575px) {
  .process-number span {
    width: 50px;
    height: 50px;
    line-height: 52px;
    font-size: 18px; }

  .process-block .process-number .process-icon {
    height: 50px;
    line-height: 62px;
    width: 50px; } }
/* team section */
.team-block {
  position: relative;
  overflow: hidden; }
  .team-block .team-img {
    position: relative;
    overflow: hidden; }
    .team-block .team-img img {
      transition: all .5s; }
  .team-block:hover .team-img img {
    transform: scale(1.05); }
  .team-block .team-social-icons {
    position: absolute;
    top: 0;
    left: -40px;
    right: auto;
    padding: 12px;
    opacity: 0;
    z-index: 9;
    background-color: #0948b3;
    -webkit-transition: .5s all ease;
    transition: .5s all ease;
    margin-bottom: 0; }
    .team-block .team-social-icons li {
      display: block;
      text-align: center;
      margin-bottom: 5px; }
      .team-block .team-social-icons li:last-child {
        margin-bottom: 0; }
      .team-block .team-social-icons li a {
        font-size: 14px;
        color: #fff;
        position: relative; }
  .team-block:hover .team-social-icons {
    opacity: 1;
    left: 0; }
  .team-block .team-text {
    text-align: center;
    position: relative;
    z-index: 2;
    border-radius: 4px;
    margin: -60px 40px 0;
    padding: 20px 0;
    background-color: #fff;
    transition: 0.5s cubic-bezier(0.3, 0.57, 0.55, 1);
    border: 1px solid #ededed; }

@media screen and (max-width: 1199px) {
  .team-block .team-text {
    margin: -60px 30px 0; } }
@media screen and (max-width: 575px) {
  .team-block .team-text {
    margin: -50px 30px 0;
    padding: 15px 0; }
  .team-block .team-social-icons li a {
    font-size: 13px; } }
/* user pages */
.form-divider {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 30px; }
  .form-divider:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #d8d8d8;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0; }
  .form-divider span {
    font-size: 16px;
    color: #282b2d;
    font-weight: 600;
    background: #ffffff;
    padding: 10px;
    z-index: 1;
    text-transform: capitalize; }

.form-social-item a {
  border-radius: 4px;
  text-align: center;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  display: block; }
.form-social-item .facebook {
  background: #3b5998;
  color: #fff; }
.form-social-item .twitter {
  background: #55acee;
  color: #fff; }
.form-social-item .linkedin {
  background: #2867b2;
  color: #fff; }

@media screen and (max-width: 1199px) {
  .form-divider span {
    font-size: 15px; } }
@media screen and (max-width: 575px) {
  .form-divider span {
    font-size: 14px; } }
/* coming soon page */
.countdown li {
  display: inline-block;
  text-align: center;
  min-width: 150px;
  margin-right: 15px;
  padding: 15px 0;
  border: 1px solid #ffffff;
  border-radius: 4px; }
  .countdown li:last-child {
    margin-right: 0; }
  .countdown li span {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    line-height: normal;
    position: relative; }
    .countdown li span:before {
      content: "";
      height: 1px;
      position: absolute;
      width: 100%; }
  .countdown li p.timeRefDays, .countdown li p.timeRefHours, .countdown li p.timeRefMinutes, .countdown li p.timeRefSeconds {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    margin: 0;
    padding: 0;
    text-transform: capitalize; }

.comingsoon-newsletter .quform-elements {
  position: relative; }
.comingsoon-newsletter .quform-submit-inner {
  position: absolute;
  right: 10px;
  top: 1px;
  width: auto; }
.comingsoon-newsletter .quform-loading-wrap {
  margin-top: 15px;
  margin-bottom: 0;
  margin-left: 0; }
.comingsoon-newsletter input {
  height: 50px;
  border-radius: 4px;
  padding: 0.5rem 4rem 0.5rem 1.5rem; }
.comingsoon-newsletter .quform-has-error input {
  border-color: #f5543f; }

.newsletter-rounded .quform-has-error textarea, .newsletter-rounded .quform-has-error select {
  border-color: #f5543f; }

.comingsoon-newsletter .quform-input .quform-errors-wrap {
  right: 15px; }
.comingsoon-newsletter i {
  font-size: 1.5rem;
  line-height: 2rem; }

@media screen and (max-width: 1199px) {
  .countdown li {
    min-width: 130px; }
    .countdown li p.timeRefDays, .countdown li p.timeRefHours, .countdown li p.timeRefMinutes, .countdown li p.timeRefSeconds {
      font-size: 16px; } }
@media screen and (max-width: 991px) {
  .countdown li {
    margin-right: 10px;
    min-width: 100px; }
    .countdown li span {
      font-size: 34px; } }
@media screen and (max-width: 767px) {
  .countdown li {
    min-width: 90px; }
    .countdown li span {
      font-size: 32px; }
    .countdown li p.timeRefDays, .countdown li p.timeRefHours, .countdown li p.timeRefMinutes, .countdown li p.timeRefSeconds {
      font-size: 13px; } }
@media screen and (max-width: 575px) {
  .countdown li {
    min-width: 65px;
    margin-right: 5px; }
    .countdown li span {
      font-size: 26px; }
    .countdown li p.timeRefDays, .countdown li p.timeRefHours, .countdown li p.timeRefMinutes, .countdown li p.timeRefSeconds {
      font-size: 10px; } }
/*search page*/
.search-form_input {
  color: #0948b3; }

.search-frame h4 a:hover {
  color: #0948b3; }
.search-frame .search_list .match {
  color: #0948b3; }
.search-frame .search_list li:before {
  color: #0948b3; }
.search-frame .search_list li + li {
  border-top: 3px solid #0948b3; }
.search-frame .search {
  color: #0948b3; }

/* ===================================
    Blog
====================================== */
/* blog-detail leftbar */
.blog-posts .meta-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 20px;
  padding-bottom: 20px;
  position: relative; }
  .blog-posts .meta-list:before {
    background: #ededed;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%; }
  .blog-posts .meta-list li {
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #777;
    margin-right: 20px; }
    .blog-posts .meta-list li:last-child {
      margin-right: 0; }
.blog-posts blockquote {
  background-color: #0948b3;
  padding: 40px;
  color: #FFFFFF;
  border-radius: 4px;
  font-size: 18px;
  position: relative;
  margin: 30px 0; }
  .blog-posts blockquote:before {
    content: '\f10d';
    font-family: Font Awesome\ 5 Free;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    font-size: 30px; }
  .blog-posts blockquote cite {
    display: block;
    text-align: right;
    font-size: 16px;
    font-weight: 700;
    font-style: normal; }
.blog-posts .separator {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px dashed #ddd;
  text-align: left; }
.blog-posts .share-post {
  text-align: right;
  margin-bottom: 0;
  list-style: none; }
  .blog-posts .share-post li {
    display: inline-block;
    margin: 0 10px;
    font-size: 16px; }
    .blog-posts .share-post li:first-child {
      margin-left: 0; }
    .blog-posts .share-post li:last-child {
      margin-right: 0; }

@media screen and (max-width: 1199px) {
  .blog-posts blockquote {
    padding: 25px; } }
@media screen and (max-width: 991px) {
  .blog-posts .meta-list {
    margin: 0 0 15px;
    padding-bottom: 15px; }
  .blog-posts blockquote {
    font-size: 16px;
    padding: 20px; }
    .blog-posts blockquote cite {
      font-size: 15px; }
    .blog-posts blockquote:before {
      font-size: 26px; } }
@media screen and (max-width: 767px) {
  .blog-posts .share-post {
    text-align: unset; }
  .blog-posts .meta-list li {
    margin-right: 15px; }
  .blog-posts blockquote {
    margin: 25px 0;
    font-size: 15px; }
    .blog-posts blockquote:before {
      margin-bottom: 5px;
      font-size: 24px; }
    .blog-posts blockquote cite {
      font-size: 14px; }
  .blog-posts .separator {
    margin-top: 20px; }
  .blog-posts .share-post ul li {
    font-size: 15px;
    margin: 0 8px; } }
@media screen and (max-width: 575px) {
  .blog-posts .meta-list {
    padding-bottom: 5px; }
    .blog-posts .meta-list li {
      margin-right: 10px;
      margin-bottom: 5px; } }
/* blog-detail rightbar */
.side-bar .widget {
  margin-bottom: 30px;
  padding: 25px;
  border: 1px solid #ededed;
  border-radius: 4px; }
  .side-bar .widget:last-child {
    margin-bottom: 0; }

.widget-title .bar {
  height: 3px;
  width: 50px;
  background: #0948b3;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 15px; }
  .widget-title .bar::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #fff;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG; }

.side-bar .search form input {
  width: calc(100% - 50px);
  height: 50px;
  padding: 0 10px;
  margin: 0;
  border: 1px solid #ededed;
  background: #f7f7f7; }
.side-bar .search form button {
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  border: 0;
  float: right;
  background: #0948b3;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  margin: 0; }
  .side-bar .search form button:hover {
    background: #0948b3;
    color: #ffffff; }

@media screen and (max-width: 1199px) {
  .side-bar .widget {
    padding: 20px; } }
@media screen and (max-width: 767px) {
  .side-bar .widget {
    margin-bottom: 25px; } }
/* ===================================
    Others
====================================== */
/* form-wrapper */
.form-wrapper {
  padding: 40px;
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 4px; }

@media screen and (max-width: 991px) {
  .form-wrapper {
    padding: 30px; } }
@media screen and (max-width: 767px) {
  .form-wrapper {
    padding: 25px; } }
/* quform */
.form-group {
  margin-bottom: 1rem; }
  .form-group label {
    margin-bottom: .5rem; }

.form-check-input:checked {
  border-color: #0948b3;
  background-color: #0948b3; }

.quform-input {
  position: relative; }
  .quform-input .quform-errors-wrap {
    position: absolute;
    right: 8px;
    top: 0;
    line-height: normal;
    z-index: 1; }

.quform-element > label {
  font-weight: normal;
  padding-bottom: 5px;
  margin-bottom: 0;
  color: #6a747b;
  font-size: 15px; }
  .quform-element > label .quform-required {
    color: #cc0101;
    font-size: 10px; }

.quform-inner input {
  width: 100%; }

.quform-elements .quform-element textarea {
  margin-bottom: 0;
  padding: 8px 15px;
  height: auto;
  vertical-align: top; }
.quform-elements .quform-element select {
  margin-bottom: 0;
  padding: 8px 35px 8px 15px; }

.quform-errors {
  padding: 0;
  margin: 0;
  line-height: normal; }
  .quform-errors > .quform-error {
    padding: 0;
    background: none;
    border: none;
    float: none;
    color: #f5543f;
    font-size: 11px;
    line-height: normal;
    letter-spacing: normal; }

.quform-outer-no-js .quform-error {
  padding: 0;
  background: none;
  border: none;
  float: none;
  color: #f5543f;
  font-size: 11px;
  line-height: normal;
  letter-spacing: normal; }
.quform-outer-no-js .quform-success-message {
  padding: 0.75rem 1.25rem 0.75rem 3rem; }

.quform-has-error input, .quform-has-error textarea, .quform-has-error select, .quform-has-error input[type=file], .quform-has-error .custom-file-label {
  border-color: #f5543f; }

.quform-success-message {
  padding: 0.75rem 1.25rem 0.75rem 3rem; }

.quform-submit-inner {
  float: none; }

.quform-loading-wrap {
  float: none; }
  .quform-loading-wrap .quform-loading {
    display: inline-block; }

.quform-element {
  margin-bottom: 1rem; }

/* list-style1 */
.list-style1 {
  list-style: none; }
  .list-style1 li {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 15px;
    position: relative;
    padding-left: 25px; }
    .list-style1 li a {
      color: #fff;
      opacity: .7; }
    .list-style1 li:hover a, .list-style1 li:hover:after {
      opacity: 1; }
    .list-style1 li:last-child {
      margin-bottom: 0; }
    .list-style1 li:after {
      content: '\f381';
      font-family: Font Awesome\ 5 Free;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      font-size: 14px;
      opacity: .7;
      font-weight: 600;
      color: #ffffff; }

/* list-style2 */
.list-style2 {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .list-style2 li {
    position: relative;
    padding: 0px 0 7px 28px;
    margin: 0px 0 0px 0; }
    .list-style2 li:before {
      content: ""; }
    .list-style2 li i {
      color: #0948b3;
      font-size: 10px;
      background: rgba(9, 72, 179, 0.1);
      margin-right: 6px;
      border-radius: 30px;
      padding: 4px;
      position: absolute;
      left: 0;
      top: 3px;
      line-height: 12px; }
    .list-style2 li:last-child {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0; }

/* list-style3 */
.list-style3 {
  margin: -15px 0 0 0;
  padding: 0;
  margin-bottom: 0; }
  .list-style3 li {
    font-size: 15px;
    font-weight: 500;
    list-style: none;
    padding: 12px 0 12px 0;
    border-bottom: 1px dashed #dddddd;
    position: relative; }
    .list-style3 li:last-child {
      border: none;
      padding-bottom: 0; }
    .list-style3 li span {
      position: absolute;
      right: 0;
      top: 13px;
      width: 22px;
      height: 22px;
      line-height: 22px;
      text-align: center;
      border-radius: 4px;
      display: block;
      font-size: 13px;
      font-weight: 500;
      color: #fff;
      background-color: #0948b3; }
    .list-style3 li a i {
      margin: 0 10px 0 0; }

@media screen and (max-width: 767px) {
  .list-style3 li a {
    font-size: 14.4px; }
  .list-style3 li span {
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px; } }
/* liststyle 4 */
.list-style4 {
  list-style: none;
  padding-left: 0; }
  .list-style4 li {
    display: inline-block;
    margin-right: 15px; }
    .list-style4 li:last-child {
      margin-right: 0; }
    .list-style4 li a {
      color: rgba(255, 255, 255, 0.8); }
      .list-style4 li a:hover {
        color: white; }
  .list-style4.dark li a {
    color: #575a7b; }
    .list-style4.dark li a:hover {
      color: #0948b3; }

@media screen and (max-width: 575px) {
  .list-style4 li {
    margin-right: 5px; } }
/* icon-box */
.icon-box i, .icon-box span {
  width: 70px;
  height: 70px;
  text-align: center;
  margin: 0 auto;
  background: rgba(9, 72, 179, 0.1);
  border-radius: 4px;
  margin-bottom: 25px;
  display: block;
  line-height: 70px; }

/* social icon style */
.social-icons {
  margin-bottom: 0;
  list-style: none; }
  .social-icons li {
    display: inline-block;
    margin-right: 5px;
    text-align: center; }
    .social-icons li:last-child {
      margin-right: 0; }
    .social-icons li a {
      height: 35px;
      width: 35px;
      line-height: 35px;
      font-size: 14px;
      border-radius: 4px;
      border: 1px solid transparent;
      display: inline-block;
      background: #0948b3;
      color: #ffffff; }
      .social-icons li a:hover {
        color: #0948b3;
        border-color: #0948b3;
        background: #fff; }

/* tags */
.tags {
  margin-bottom: 0;
  padding-left: 0; }
  .tags li {
    display: inline-block; }
    .tags li a {
      color: #1e1f36 !important;
      font-size: 14px;
      font-weight: 500;
      border-radius: 4px;
      text-transform: capitalize;
      padding: 8px 12px;
      margin: 5px 5px 5px 0;
      display: inline-block;
      border: 1px solid #ededed; }
      .tags li a:hover {
        background: #0948b3;
        color: #ffffff !important;
        border: 1px solid #0948b3; }

/*footer-contact*/
.client-contact-wrapper {
  background: #0948b3;
  margin-bottom: -50px;
  position: relative;
  z-index: 2;
  border-radius: 4px; }

/* ===================================
    Footer
====================================== */
footer {
  padding: 80px 0 0;
  background: #0948b3; }

@media screen and (max-width: 767px) {
  footer {
    padding-top: 60px; } }
/*footer bar*/
.footer-bar {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 80px;
  text-align: center; }

@media screen and (max-width: 991px) {
  .footer-bar {
    margin-top: 70px; } }
@media screen and (max-width: 767px) {
  .footer-bar {
    margin-top: 50px; } }
/*footer title*/
.footer-title .bar {
  height: 3px;
  width: 50px;
  background: #0948b3;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 15px; }
  .footer-title .bar::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #fff;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG; }
  .footer-title .bar.white {
    background: #fff; }
    .footer-title .bar.white::before {
      background: #0948b3; }

/*footer social-icon*/
.footer-social-icon {
  margin-bottom: 0;
  list-style: none; }
  .footer-social-icon li {
    text-align: center;
    margin-right: 5px;
    display: inline-block; }
    .footer-social-icon li:last-child {
      margin-right: 0; }
    .footer-social-icon li a {
      color: #282b2d;
      height: 35px;
      width: 35px;
      line-height: 35px;
      border-radius: 4px;
      display: inline-block;
      font-size: 15px;
      background: #ffffff; }
      .footer-social-icon li a:hover {
        color: #ffffff;
        background-color: #0948b3; }

@media screen and (max-width: 767px) {
  .footer-social-icon li a {
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 13px; } }
/*footer list*/
.footer-list {
  margin: 0; }
  .footer-list li {
    list-style-type: none;
    color: #fff;
    padding: 10px 0; }
    .footer-list li:first-child {
      padding-top: 0; }
    .footer-list li:last-child {
      padding-bottom: 0; }
    .footer-list li a {
      font-size: 15px;
      font-weight: 400;
      color: #ffffff; }
      .footer-list li a:before {
        content: '\f105';
        font-weight: 700;
        font-family: Font Awesome\ 5 Free;
        color: #ffffff;
        padding-right: 8px;
        transition-duration: .3s;
        vertical-align: middle; }
      .footer-list li a:hover {
        color: rgba(225, 225, 225, 0.8); }
        .footer-list li a:hover:before {
          color: rgba(225, 225, 225, 0.8); }

@media screen and (max-width: 991px) {
  .footer-list li {
    padding: 6px 0; } }
@media screen and (max-width: 767px) {
  .footer-list li a {
    font-size: 14px; } }
/*footer offer*/
.footer-card-list li {
  display: inline-block;
  margin-right: 10px; }
  .footer-card-list li:last-child {
    margin-right: 0; }

/*# sourceMappingURL=styles.css.map */