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

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Typography 

    [ ## Heading ] 

    [ ## Others Typography ]

# Elements

    [ ## Font Size ]

    [ ## Font Weight ]

    [ ## Margin Element ]

    [ ## Padding Element ]

    [ ## Color Element ]

    [ ## Background Element ]

    [ ## Extra Background ]

    [ ## Social Element ]

    [ ## Overlay Element ]

    [ ## Lists ]

    [ ## Post, Page, Comments Table ]

    [ ## Others Element ]

    [ ## Grid Element ]

# Forms

  [ ## Buttons ]

  [ ## Fields ]

# Header Content

  [ ## Preloader ]

  [ ## Header ]

    [ ## Sticky header ]

# layout

    [ ## Hero Block ]

    [ ## Features ]

    [ ## Team ]

    [ ## Testimonial ]

    [ ## Sections ]

        [ ### Features Block ]

        [ ### Network Location ]

        [ ### Discount Block ]

        [ ### Vission Mission Block ]

        [ ### Work Brand ]

        [ ### Announcement ]

        [ ### Pricing ]

        [ ### Faqs ]

        [ ### Support Ticket ]

        [ ### Call To Action ]

        [ ### Founder Message Block ]

        [ ### Fan Fact Block ]

    [ ## Blog ]

# site content

  [ ## About Page ]

  [ ## Contact Page ]

  [ ## 404 Page ]

  [ ## Registration Page ]

  [ ## Posts and pages ]

      [ ### Page Title ]

      [ ### Breadcrumb ]

      [ ### Page info Content ]

  [ ## Comments ]

  [ ## Widgets ]

  [ ## Widgets Content ]

# Footer

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

# abstracts

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

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

    [ ### font-variable start ]

*/

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

    [ ### font-variable end ]

*/

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

    [ ### font_family-variable start ]

*/

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

    [ ### font_family-variable end ]

*/

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

    [ ### font_size-variable start ]

*/

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

    [ ### font_size-variable end ]

*/

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

    [ ### line_height-variable start ]

*/

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

    [ ### line_height-variable start ]

*/

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

    [ ### initial-color-variable start ]

*/

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

    [ ### initial-color-variable end ]

*/

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

# base

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

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

    [ ## reset ]

*/



@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;1,300&display=swap');





html {

  font-size: 100%;

  scroll-behavior: smooth;

}







body {

  background-color: white;

  font-family: 'Montserrat', sans-serif;

  font-size: 14px;

  font-weight: 500;

  line-height: 1.5em;

  color: black;

  overflow-x: hidden;

}



a {

  display: inline-block;

}



ul {

  list-style-type: none;

  padding: 0;

  margin: 0;

}



blockquote {

  margin: 0 0 1.3em;

}



p {

  margin-bottom: 15px;

  line-height: 1.8em;

}

p:last-child {

  margin-bottom: 0px;

}

@media only screen and (max-width: 1199px) {

  p {

    line-height: 1.7em;

  }

}



img {

  max-width: 100%;

  height: auto;

}



.blinking{

    animation:blinkingText 1.0s infinite;

}

@keyframes blinkingText{

    0%{     color: #FF0000;    }

    49%{    color: #FF0000; }

    60%{    color: transparent; }

    99%{    color:transparent;  }

    100%{   color:#FF0000;    }

}



button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus,

input:focus,

textarea:focus {

  outline: none;

}



button, input[type="button"], input[type="reset"], input[type="submit"] {

  border: none;

  cursor: pointer;

}



input, textarea {

  padding: 12px 25px;

  width: 100%;

}



span {

  display: inline-block;

}



a, a:focus, a:hover {

  text-decoration: none;

  color: inherit;

}



blockquote {

  background-color: #f9f9f9;

  padding: 20px;

  color: black;

  border-radius: 3px;

  font-weight: 500;

  font-style: italic;

  position: relative;

}

blockquote .quote-icon {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  font-size: 120px;

  opacity: .1;

}



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

    [ ## padding ]

*/

.pt-10 {

  padding-top: 10px;

}



.pt-20 {

  padding-top: 20px;

}



.pt-30 {

  padding-top: 30px;

}



.pt-40 {

  padding-top: 40px;

}



.pt-50 {

  padding-top: 50px;

}



.pt-60 {

  padding-top: 60px;

}



.pt-80 {

  padding-top: 80px;

}



.pt-100 {

  padding-top: 100px;

}

@media only screen and (max-width: 991px) {

  .pt-100 {

    padding-top: 80px;

  }

}



.pt-120 {

  padding-top: 120px;

}

@media only screen and (max-width: 991px) {

  .pt-120 {

    padding-top: 100px;

  }

}



.pt-150 {

  padding-top: 150px;

}

@media only screen and (max-width: 991px) {

  .pt-150 {

    padding-top: 100px;

  }

}



.pb-10 {

  padding-bottom: 10px;

}



.pb-20 {

  padding-bottom: 20px;

}



.pb-30 {

  padding-bottom: 30px;

}



.pb-40 {

  padding-bottom: 40px;

}



.pb-50 {

  padding-bottom: 50px;

}



.pb-60 {

  padding-bottom: 60px;

}



.pb-80 {

  padding-bottom: 80px;

}



.pb-100 {

  padding-bottom: 100px;

}

@media only screen and (max-width: 991px) {

  .pb-100 {

    padding-bottom: 80px;

  }

}



.pb-120 {

  padding-bottom: 120px;

}

@media only screen and (max-width: 991px) {

  .pb-120 {

    padding-bottom: 100px;

  }

}



.pb-150 {

  padding-bottom: 150px;

}

@media only screen and (max-width: 991px) {

  .pb-150 {

    padding-bottom: 100px;

  }

}



.ptb-10 {

  padding: 10px 0;

}



.ptb-20 {

  padding: 20px 0;

}



.ptb-30 {

  padding: 30px 0;

}



.ptb-40 {

  padding: 40px 0;

}



.ptb-50 {

  padding: 50px 0;

}



.ptb-60 {

  padding: 60px 0;

}



.ptb-80 {

  padding: 80px 0;

}



.ptb-100 {

  padding: 100px 0;

}

@media only screen and (max-width: 991px) {

  .ptb-100 {

    padding: 80px 0;

  }

}



.ptb-120 {

  padding: 120px 0;

}

@media only screen and (max-width: 991px) {

  .ptb-120 {

    padding: 100px 0;

  }

}



.ptb-150 {

  padding: 150px 0;

}

@media only screen and (max-width: 991px) {

  .ptb-150 {

    padding: 100px 0;

  }

}



.mt-10 {

  margin-top: 10px;

}



.mt-20 {

  margin-top: 20px;

}



.mt-30 {

  margin-top: 30px;

}



.mt-40 {

  margin-top: 40px;

}



.mt-50 {

  margin-top: 50px;

}



.mt-60 {

  margin-top: 60px;

}



.mt-80 {

  margin-top: 80px;

}



.mt-100 {

  margin-top: 100px;

}



.mt-120 {

  margin-top: 120px;

}



.mt-150 {

  margin-top: 150px;

}



.mb-10 {

  margin-bottom: 10px;

}



.mb-20 {

  margin-bottom: 20px;

}



.mb-30 {

  margin-bottom: 30px;

}



.mb-40 {

  margin-bottom: 40px;

}



.mb-50 {

  margin-bottom: 50px;

}



.mb-60 {

  margin-bottom: 60px;

}



.mb-80 {

  margin-bottom: 80px;

}

@media only screen and (max-width: 575px) {

  .mb-80 {

    margin-bottom: 40px;

  }

}



.mb-100 {

  margin-bottom: 100px;

}



.mb-120 {

  margin-bottom: 120px;

}



.mb-150 {

  margin-bottom: 150px;

}



.mt-10-none {

  margin-top: -10px;

}



.mt-20-none {

  margin-top: -20px;

}



.mt-30-none {

  margin-top: -30px;

}



.mt-40-none {

  margin-top: -40px;

}



.mt-50-none {

  margin-top: -50px;

}



.mt-60-none {

  margin-top: -60px;

}



.mt-80-none {

  margin-top: -80px;

}



.mt-100-none {

  margin-top: -100px;

}



.mt-120-none {

  margin-top: -120px;

}



.mt-150-none {

  margin-top: -150px;

}



.mb-10-none {

  margin-bottom: -10px;

}



.mb-20-none {

  margin-bottom: -20px;

}



.mb-30-none {

  margin-bottom: -30px;

}



.mb-40-none {

  margin-bottom: -40px;

}



.mb-50-none {

  margin-bottom: -50px;

}



.mb-60-none {

  margin-bottom: -60px;

}



.mb-80-none {

  margin-bottom: -80px;

}

@media only screen and (max-width: 575px) {

  .mb-80-none {

    margin-bottom: -40px;

  }

}



.mb-100-none {

  margin-bottom: -100px;

}



.mb-120-none {

  margin-bottom: -120px;

}



.mb-150-none {

  margin-bottom: -150px;

}



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

    [ ## color ]

*/

.bg--primary {

  background-color: #7367f0 !important;

}



.bg--secondary {

  background-color: #868e96;

}



.bg--success {

  background-color: #28c76f;

}



.bg--danger {

  background-color: #ea5455;

}



.bg--warning {

  background-color: #ff9f43;

}



.bg--info {

  background-color: #1e9ff2;

}



.bg--dark {

  background-color: #10163A;

}



.bg--base {

  background-color: #4db2ec !important;

}



.text--primary {

  color: #7367f0;

}



.text--secondary {

  color: #868e96;

}



.text--success {

  color: #28c76f;

}



.text--danger {

  color: #ea5455;

}



.text--warning {

  color: #ff9f43;

}



.text--info {

  color: #1e9ff2;

}



.text--dark {

  color: #10163A;

}



.text--base {

  color: #4db2ec !important;

}



.border--primary {

  border: #7367f0;

}



.border--secondary {

  border: 1px solid #868e96;

}



.border--success {

  border: 1px solid #28c76f;

}



.border--danger {

  border: 1px solid #ea5455;

}



.border--warning {

  border: 1px solid #ff9f43;

}



.border--info {

  border: 1px solid #1e9ff2;

}



.border--dark {

  border: 1px solid #10163A;

}



.border--base {

  border: 1px solid #e5e5e5 !important;

}



.section--bg {

  background-color: #000000 !important;

}



.bg--gray {

  background-color: #f9f9f9;

}



.border--rounded {

  border-radius: 3px !important;

}



.border--capsule {

  border-radius: 100px;

}



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

    [ ## scrollbar ]

*/

*::-webkit-scrollbar-track {

  -webkit-box-shadow: inset -5px -5px 8px -1px rgba(255, 255, 255, 0.7), 5px 5px 8px -1px rgba(0, 0, 0, 0.065);

  box-shadow: inset -5px -5px 8px -1px rgba(255, 255, 255, 0.7), 5px 5px 8px -1px rgba(0, 0, 0, 0.065);

  background-color: #eaf7e4;

}



*::-webkit-scrollbar {

  width: 6px;

  background-color: #eaf7e4;

}



*::-webkit-scrollbar-button {

  background-color: #4db2ec;

}



*::-webkit-scrollbar-thumb {

  background-color: #4db2ec;

}



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

    [ ## scrollToTop ]

*/

.scrollToTop {

  position: fixed;

  bottom: 0;

  right: 30px;

  padding: 10px 6px;

  background: #4db2ec;

  font-weight: 600;

  color: white;

  font-size: 12px;

  text-align: center;

  border-radius: 25px;

  z-index: 99;

  cursor: pointer;

  transition: all 1s;

  transform: translateY(100%);

}

.scrollToTop i {

  -webkit-animation: scroll-down 1s infinite;

  -moz-animation: scroll-down 1s infinite;

  -o-animation: scroll-down 1s infinite;

  animation: scroll-down 1s infinite;

  font-size: 15px;

  margin-bottom: 10px;

}

.scrollToTop span {

  display: block;

}



.scrollToTop.active {

  bottom: 30px;

  transform: translateY(0%);

}



.scrollToTop:hover, .scrollToTop:focus {

  color: white;

}



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

    [ ## slider ]

*/

.swiper-notification {

  display: none;

}



.swiper-pagination {

  position: relative;

  display: flex;

  justify-content: center;

  margin-top: 80px;

}

.swiper-pagination .swiper-pagination-bullet {

  height: 3px;

  width: 25px;

  border-radius: 0;

  background-color: black;

  opacity: 1;

}

.swiper-pagination .swiper-pagination-bullet-active {

  background-color: #4db2ec;

}



.slider-next, .slider-prev {

  width: 40px;

  height: 40px;

  line-height: 40px;

  font-size: 18px;

  background-color: #4db2ec;

  border-radius: 50%;

  color: white;

  display: inline-block;

  text-align: center;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  cursor: pointer;

}

@media only screen and (max-width: 991px) {

  .slider-next, .slider-prev {

    display: none;

  }

}



.slider-next {

  right: -30px;

}



.slider-prev {

  left: -30px;

}



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

    [ ## pagination ]

*/

.pagination {

  display: flex;

  flex-wrap: wrap;

}

.pagination .page-item {

  text-align: center;

  padding: 3px;

}

.pagination .page-item a, .pagination .page-item span {

  width: 30px;

  height: 30px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  background: transparent;

  border: 1px solid #e5e5e5;

  color: black;

  padding: 0;

  line-height: 30px;

  display: block;

  margin: 0;

}

.pagination .page-item.disabled span {

  background: rgba(77, 178, 236, 0.4);

  border: 1px solid rgba(77, 178, 236, 0.1);

  color: white;

}

.pagination .page-item .page-link {

  transition: all 0.3s;

}

.pagination .page-item.active .page-link, .pagination .page-item:hover .page-link {

  background: #4db2ec;

  border-color: #4db2ec;

  color: white;

}



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

    [ ## tab ]

*/

.nav-tabs {

  margin: 0;

  border: 0;

  border-bottom: 1px solid #4db2ec;

  margin-bottom: 30px;

}

.nav-tabs .nav-link {

  padding: 5px 20px;

  border: 0;

  border-bottom: 1px solid transparent;

  font-weight: 500;

  font-size: 14px;

  background-color: transparent;

  border-radius: 0;

  text-transform: uppercase;

}

.nav-tabs .nav-link:hover {

  color: #4db2ec;

  border-bottom: 1px solid #4db2ec;

}

.nav-tabs .nav-link.active {

  background-color: #4db2ec;

  border: 1px solid #4db2ec;

  color: white;

}

.nav-tabs .nav-link.active:hover {

  color: #fff;

}

.nav-tabs .nav-link:not(:last-child) {

  margin-right: 20px;

}

@media only screen and (max-width: 1199px) {

  .nav-tabs .nav-link:not(:last-child) {

    margin-right: 0;

  }

}



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

    [ ## Heading ]

*/

h1, h2, h3, h4, h5, h6 {

  clear: both;

  line-height: 1.2em;

  color: black;

  font-weight: 700;

  -webkit-font-smoothing: antialiased;

  font-family: "Montserrat', sans-serif;

}



h1 {

  font-size: 35px;

  font-weight: 600;

}

@media only screen and (max-width: 991px) {

  h1 {

    font-size: 40px;

  }

}

@media only screen and (max-width: 575px) {

  h1 {

    font-size: 32px;

  }

}



h2 {

  font-size: 28px;

  font-weight: 600;

}

@media only screen and (max-width: 991px) {

  h2 {

    font-size: 26px;

  }

}

@media only screen and (max-width: 575px) {

  h2 {

    font-size: 22px;

  }

}



h3 {

  font-size: 20px;

  font-weight: 600;

}

@media only screen and (max-width: 991px) {

  h3 {

    font-size: 20px;

  }

}



h4 {

  font-size: 16px;

  font-weight: 600;

}

@media only screen and (max-width: 991px) {

  h4 {

    font-size: 16px;

  }

}



h5 {

  font-size: 14px;

  font-weight: 600;

}

@media only screen and (max-width: 991px) {

  h5 {

    font-size: 14px;

  }

}



h6 {

  font-size: 12px;

  font-weight: 600;

}

@media only screen and (max-width: 991px) {

  h6 {

    font-size: 12px;

  }

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a {

  color: inherit;

  text-decoration: none;

}



h1 a:hover,

h2 a:hover,

h3 a:hover,

h4 a:hover {

  color: inherit;

  text-decoration: none;

}



.section-header {

  margin-bottom: 20px;

}

.section-header.white .section-title {

  color: white;

}

.section-header .section-title {

  font-weight: 700;

  color: black;

  margin-bottom: 0;

}

.section-header .section-title i {

  color: #4db2ec;

}



.section-header--style {

  border-bottom: 1px solid black;

  padding: 10px 0;

}

.section-header--style .section-title {

  text-transform: uppercase;

}



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

# Components

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

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

    [ ## Buttons ]

*/

input[type="submit"]:hover {

  color: white;

}



button, input[type="button"], input[type="reset"], input[type="submit"],

input[type="button"],

input[type="reset"],

input[type="submit"] {

  cursor: pointer;

  -webkit-appearance: button;

}

button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus,

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus {

  outline: none;

}



button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner,

input::-moz-focus-inner {

  padding: 0;

  border: 0;

}



.btn {

  -webkit-transition: all 0.3s ease 0.02s;

  transition: all 0.3s ease 0.02s;

}



.btn:active,

.btn:focus {

  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset;

}



.btn {

  border: 0px solid;

  border-radius: 0px;

  font-weight: 500;

  font-size: 16px;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

@media only screen and (max-width: 767px) {

  .btn {

    font-size: 14px;

  }

}



.btn-rounded {

  border-radius: 3px;

}



.btn-capsule {

  border-radius: 100px;

}



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

    [ ## custom btn ]

*/

.btn--base {

  position: relative;

  background-color: #4db2ec;

  color: white;

  padding: 8px 25px;

  font-size: 16px;

  font-weight: 500;

  z-index: 2;

  -webkit-transition: all ease 0.5s;

  -moz-transition: all ease 0.5s;

  transition: all ease 0.5s;

}

.btn--base:focus, .btn--base:hover {

  color: white;

  /* box-shadow: 0 10px 20px rgba(46, 204, 113, 0.4); */

}

@media only screen and (max-width: 575px) {

  .btn--base {

    padding: 6px 20px;

    font-size: 14px;

  }

}



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

    [ ## Fields ]

*/

input[type="text"]:focus,

input[type="email"]:focus,

input[type="password"]:focus {

  outline: none;

}



input, textarea {

  padding: 12px 20px;

}

input::placeholder, textarea::placeholder {

  color: #6c6c6f;

}



textarea {

  display: block;

  width: 100%;

  display: block;

  min-height: 120px;

}



input,

select,

textarea {

  border: 1px solid #e5e5e5;

  vertical-align: baseline;

  font-size: 100%;

  color: #6c6c6f;

}



label {

  font-size: 14px;

  color: black;

  font-family: "Montserrat', sans-serif;

  font-weight: 600;

  margin-bottom: 10px;

  display: block;

}



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

    [ ## Forms ]

*/

select {

  outline: none;

  cursor: pointer;

}



option {

  color: black;

}



.form-group {

  margin-bottom: 20px;

}



.form-control:not([type="file"]) {

  border: 1px solid #e5e5e5;

  font-size: 14px;

  height: 50px;

}

.form-control:focus {

  box-shadow: none;

  border: 1px solid #e5e5e5;

}

.form--control {

  background-color: transparent;

  border: 1px solid #dadada;

  box-shadow: none;

  height: 50px;

  padding: 0 20px;

  color: black;

  border-radius: 0;

  font-size: 14px;

  font-weight: 500;

  width: 100%;

}

.form--control:focus {

  background-color: transparent;

  border: 1px solid #dadada;

  box-shadow: none;

  color: black;

}

.form--control::placeholder {

  color: black;

}



.submit-btn {

  padding: 15px 25px;

  color: white;

  background-color: #4db2ec;

  font-weight: 500;

  font-size: 14px;

}

@media only screen and (max-width: 991px) {

  .submit-btn {

    font-size: 14px;

    padding: 10px 20px;

  }

}



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

    [ ## Overlay Element ]

*/

.bg_img {

  background-size: cover !important;

  background-position: center !important;

  background-repeat: no-repeat !important;

}



.bg-fixed {

  background-attachment: fixed;

}



@keyframes scroll-down {

  0% {

    transform: translateY(0);

  }



  50% {

    transform: translateY(10px);

  }



  100% {

    transform: translateY(0px);

  }

}

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

# Layout

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

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

    [ ## Header ]

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

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

    [ ## Preloader ]

*/

.preloader {

  position: fixed;

  top: 0;

  left: 0;

  width: 0;

  height: 100%;

  width: 100%;

  text-align: center;

  z-index: 9999999;

  background-color: #f9f9f9;

  display:none;

}



.loader {

  position: absolute;

  left: 50%;

  top: 50%;

  width: 100px;

  transform: translate(-50%, -50%);

}



.line1, .line2, .line3,

.line4, .line5, .line6 {

  fill: none;

  stroke: #CCCCCC;

  stroke-width: 8;

  stroke-linecap: round;

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

}



.line1, .line5, .line6 {

  stroke-dasharray: 210;

  stroke-dashoffset: 210;

}



.line2, .line3, .line4 {

  stroke-dasharray: 100;

  stroke-dashoffset: 100;

}



.image {

  fill: #D1E0FB;

  -webkit-animation-duration: 2s;

  animation-duration: 2s;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-timing-function: ease;

  animation-timing-function: ease;

}



.line1 {

  -webkit-animation-name: line1;

  animation-name: line1;

}



.line2 {

  -webkit-animation-name: line2;

  animation-name: line2;

}



.line3 {

  -webkit-animation-name: line3;

  animation-name: line3;

}



.line4 {

  -webkit-animation-name: line4;

  animation-name: line4;

}



.line5 {

  -webkit-animation-name: line5;

  animation-name: line5;

}



.line6 {

  -webkit-animation-name: line6;

  animation-name: line6;

}



.image {

  -webkit-animation-name: image;

  animation-name: image;

}



@-webkit-keyframes line1 {

  0% {

    stroke-dashoffset: 210;

  }



  50%, 100% {

    stroke-dashoffset: 0;

  }

}

@keyframes line1 {

  0% {

    stroke-dashoffset: 210;

  }



  50%, 100% {

    stroke-dashoffset: 0;

  }

}

@-webkit-keyframes line2 {

  0%, 10% {

    stroke-dashoffset: 100;

  }



  32%, 100% {

    stroke-dashoffset: 0;

  }

}

@keyframes line2 {

  0%, 10% {

    stroke-dashoffset: 100;

  }



  32%, 100% {

    stroke-dashoffset: 0;

  }

}

@-webkit-keyframes line3 {

  0%, 20% {

    stroke-dashoffset: 100;

  }



  42%, 100% {

    stroke-dashoffset: 0;

  }

}

@keyframes line3 {

  0%, 20% {

    stroke-dashoffset: 100;

  }



  42%, 100% {

    stroke-dashoffset: 0;

  }

}

@-webkit-keyframes line4 {

  0%, 30% {

    stroke-dashoffset: 100;

  }



  52%, 100% {

    stroke-dashoffset: 0;

  }

}

@keyframes line4 {

  0%, 30% {

    stroke-dashoffset: 100;

  }



  52%, 100% {

    stroke-dashoffset: 0;

  }

}

@-webkit-keyframes line5 {

  0%, 40% {

    stroke-dashoffset: 210;

  }



  90%, 100% {

    stroke-dashoffset: 0;

  }

}

@keyframes line5 {

  0%, 40% {

    stroke-dashoffset: 210;

  }



  90%, 100% {

    stroke-dashoffset: 0;

  }

}

@-webkit-keyframes line6 {

  0%, 50% {

    stroke-dashoffset: 210;

  }



  100% {

    stroke-dashoffset: 0;

  }

}

@keyframes line6 {

  0%, 50% {

    stroke-dashoffset: 210;

  }



  100% {

    stroke-dashoffset: 0;

  }

}

@-webkit-keyframes image {

  0%, 20% {

    opacity: 0;

  }



  52%, 100% {

    stroke-dashoffset: 0;

  }

}

@keyframes image {

  0%, 20% {

    opacity: 0;

  }



  52%, 100% {

    stroke-dashoffset: 0;

  }

}

::selection {

  background-color: #4db2ec;

  color: white;

}



@media (max-width: 575px) {

  .col-xs-6 {

    flex: 0 0 50%;

    -ms-flex: 0 0 50%;

    max-width: 50%;

  }

}

.container {

  width: 100%;

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto;

}



@media (min-width: 576px) {

  .container {

    max-width: 675px;

  }

}

@media (min-width: 768px) {

  .container {

    max-width: 780px;

  }

}

@media (min-width: 992px) {

  .container {

    max-width: 1020px;

  }

}

@media (min-width: 1200px) {

  .container {

    max-width: 1390px;

  }

}

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

    [ ## Header ]

*/

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

    [ ## Introduction ]

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

.breadcrumb-section {

  padding: 7px 0;

  border-bottom: 1px solid #e5e5e5;

}



.breadcrumb {

  background-color: transparent;

  padding: 0;

  margin: 0;

}



.breadcrumb li {

  color: black;

  font-family: "Montserrat', sans-serif;

}



.breadcrumb-item a {

  font-weight: 600;

  font-size: 14px;

  position: relative;

  z-index: 2;

  color: black;

}

@media only screen and (max-width: 991px) {

  .breadcrumb-item a {

    font-size: 12px;

  }

}



.breadcrumb-item.active {

  font-weight: 600;

  color: black;

  font-size: 14px;

  position: relative;

  z-index: 2;

}

@media only screen and (max-width: 991px) {

  .breadcrumb-item.active {

    font-size: 12px;

  }

}



.breadcrumb-item.active::before {

  content: "\f101";

  font-family: 'Line Awesome Free';

  font-weight: 600;

  color: black;

  font-size: 14px;

  left: 0;

  top: 1px;

  position: relative;

}



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

    [ ## Footer ]

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

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

# Footer-block

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

.footer-section {

  border-top: 3px solid black;

}



.footer-top-area {

  margin-bottom: 30px;

}

.footer-top-area .footer-logo {

  margin-bottom: 10px;

}

.footer-top-area p {

  text-transform: uppercase;

  text-decoration: underline;

  font-weight: 600;

}



.footer-wrapper.open .footer-toggle {

  margin-bottom: 10px;

  border-bottom: 1px solid #e5e5e5;

}

.footer-wrapper.open .right-icon::before {

  -webkit-transform: translate(-50%, -50%) rotate(90deg);

  -ms-transform: translate(-50%, -50%) rotate(90deg);

  transform: translate(-50%, -50%) rotate(90deg);

}

.footer-wrapper.open .footer-bottom-area {

  display: block;

}



.footer-toggle {

  color: black;

  cursor: pointer;

  margin-bottom: 0;

  border-bottom: 1px solid transparent;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  font-weight: 600;

  text-transform: uppercase;

}

.footer-toggle .right-icon {

  display: block;

  width: 35px;

  height: 40px;

  position: relative;

  background-color: #4db2ec;

  margin-right: 20px;

  left: 0;

}

.footer-toggle .right-icon::before, .footer-toggle .right-icon::after {

  position: absolute;

  content: '';

  background: white;

  -webkit-transition: all ease 0.3s;

  -moz-transition: all ease 0.3s;

  transition: all ease 0.3s;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.footer-toggle .right-icon::before {

  width: 2px;

  height: 14px;

  top: 50%;

  left: 50%;

}

.footer-toggle .right-icon::after {

  width: 14px;

  height: 2px;

  top: 50%;

  left: 50%;

}



.footer-bottom-area {

  padding: 20px 0;

  display: none;

}



.footer-widget .title {

  color: black;

  font-size: 18px;

  margin-bottom: 12px;

}

.footer-widget p {

  font-size: 14px;

  color: black;

}



.footer-links li {

  color: black;

  font-size: 14px;

  padding-bottom: 8px;

  padding-left: 20px;

  position: relative;

  transition: all 0.5s;

}

.footer-links li:hover {

  color: #4db2ec;

  margin-left: 5px;

}

.footer-links li:hover::before {

  color: #4db2ec;

}

.footer-links li::before {

  position: absolute;

  content: "\f101";

  font-family: 'Line Awesome Free';

  top: 2px;

  left: 0;

  color: black;

  font-size: 14px;

  font-weight: 900;

  transition: all 0.5s;

}



.subscribe-form {

  display: flex;

  flex-wrap: wrap;

  margin-top: 20px;

}

.subscribe-form input {

  padding: 10px 25px;

  width: calc(100% - 55px);

  border: 1px solid #e5e5e5;

  font-size: 14px;

  font-weight: 500;

  border-radius: 3px 0 0 3px;

  -webkit-border-radius: 3px 0 0 3px;

  -moz-border-radius: 3px 0 0 3px;

  -ms-border-radius: 3px 0 0 3px;

  -o-border-radius: 3px 0 0 3px;

  min-height: 50px;

}

.subscribe-form button, .subscribe-form input[type="button"], .subscribe-form input[type="reset"], .subscribe-form input[type="submit"] {

  width: 55px;

  background-color: #4db2ec;

  color: white;

  border-radius: 0 3px 3px 0;

  -webkit-border-radius: 0 3px 3px 0;

  -moz-border-radius: 0 3px 3px 0;

  -ms-border-radius: 0 3px 3px 0;

  -o-border-radius: 0 3px 3px 0;

}



@media only screen and (max-width: 575px) {

  .footer-social {

    margin-top: 15px;

  }

}

.footer-social li {

  display: inline-block;

}

.footer-social li a {

  width: 35px;

  height: 35px;

  line-height: 35px;

  display: inline-block;

  text-align: center;

  border: 1px solid #e5e5e5;

  border-radius: 50%;

  color: black;

  font-size: 12px;

  transition: all 0.3s;

}

.footer-social li a:hover, .footer-social li a.active {

  background-color: #4db2ec;

  color: white;

}

.footer-social li + li {

  margin-left: 10px;

}



.copyright-wrapper {

  background-color: white;

  border-top: 1px solid #e5e5e5;

  padding: 15px 0;

}



@media only screen and (max-width: 575px) {

  .copyright-area {

    display: block !important;

    text-align: center;

  }

}



.copyright p {

  margin-bottom: 0;

  font-size: 13px;

  text-transform: uppercase;

  font-weight: 600;

}



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

# Pages

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

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

    [ ## team ]

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

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

    [ ## Testimonial ]

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

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

    [ ## Sections ]

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

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

    [ ## Sections ]

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

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

    [ ### marque block ]

*/

.top-news-ticker {

  font-size: 14px;

  line-height: 35px;

  height: 35px;

  padding: 0;

  font-weight: 500;

  position: relative;

  display: flex;

  margin-top: 15px;

}

@media only screen and (max-width: 767px) {

  .top-news-ticker {

    font-size: 12px;

  }

}

.top-news-ticker .title {

  position: relative;

  font-size: 12px;

  padding: 0 8px;

  z-index: 10;

  text-align: left;

  text-transform: uppercase;

  background-color: #ed0505;

  color: white;

  display: inline-block;

  width: 130px;

}

@media only screen and (max-width: 991px) {

  .top-news-ticker .title {

    font-size: 12px;

    padding: 0 5px;

    width: 100px;

  }

}

@media only screen and (max-width: 600px) {

  .top-news-ticker .title {

    width: 130px;

  }

}



.top-news-ticker-runner {

  width: 100%;

  position: relative;

  overflow: hidden;

}

.top-news-ticker-runner a {

  display: inline-block;

  margin-left: 10px;

  color: #000;

  position: relative;

  padding-left: 20px;

}

.top-news-ticker-runner a::before {

  position: absolute;

  content: '';

  top: 13px;

  left: 0;

	right:0;

  width: 5px;

  height: 5px;

  background-color: #000;

  border-radius: 50%;

  color: #000;

}



.pause-btn {

  position: absolute;

  top: 0;

  right: 0;

  padding: 0 19px;

  float: right;

  background-color: #4db2ec;

  color: white;

}

@media only screen and (max-width: 767px) {

  .pause-btn {

    display: none;

  }

}



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

    [ ### all-sections block ]

*/

.news-banner-thumb {

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  height: 350px;

  position: relative;

}

@media only screen and (max-width: 991px) {

  .news-banner-thumb {

    height: 300px;

  }

}

.news-banner-thumb .news-badge {

  position: absolute;

  top: 20px;

  right: 30px;

  background-color: #4db2ec;

  color: white;

  padding: 4px 10px;

  font-size: 13px;

}

.news-banner-thumb a {

  display: initial;

}

.news-banner-thumb img {

  width: 100%;



  object-fit: cover;

}



.news-banner-content {

  padding-top: 15px;

}

.news-banner-content .title a {

  transition: all 0.3s;

}

.news-banner-content .title a:hover {

  color: #4db2ec;

}

.news-banner-content p {

  font-size: 15px;

}

@media only screen and (max-width: 991px) {

  .news-banner-content p {

    font-size: 14px;

  }

}



.news-banner-slider {

  overflow: hidden;

  position: relative;

}

.news-banner-slider .swiper-button-prev {

  position: absolute;

  top: 40%;

  left: 10px;

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  background: #0e2144c7;

  color: #fff;

  border-radius: 5px;

}

.news-banner-slider .swiper-button-prev:hover {

  background: #0e2144;

}

.news-banner-slider .swiper-button-next {

  position: absolute;

  top: 40%;

  right: 10px;

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  background: #0e2144c7;

  color: #fff;

  border-radius: 5px;

}

.news-banner-slider .swiper-button-next:hover {

  background: #0e2144;

}



.small-news-area {

  border-top: 1px solid #e5e5e5;

  padding-top: 30px;

  margin-top: 20px;

  border-bottom: 1px solid #e5e5e5;

  padding-bottom: 30px;

}



.small-news-thumb {

  height: 100px;

}

@media only screen and (max-width: 991px) {

  .small-news-thumb {

    height: 150px;

  }

}

.small-news-thumb a {

  display: initial;

}

.small-news-thumb img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.small-news-content {

  padding-top: 10px;

}

.small-news-content .title a {

  transition: all 0.3s;

}

.small-news-content .title a:hover {

  color: #4db2ec;

}



.news-blog-area {

  border-top: 1px solid #e5e5e5;

  padding-top: 10px;

}



.news-blog-header {

  margin-bottom: 15px;

}

.news-blog-header span {

  font-weight: 600;

  text-transform: uppercase;

  transition: all 0.3s;

}

.news-blog-header span:hover {

  color: #4db2ec;

}



.news-blog-thumb {

  height: 180px;

  position: relative;

}

.news-blog-thumb a {

  display: initial;

}

.news-blog-thumb img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.news-blog-content {

  padding-top: 10px;

}

.news-blog-content .title {

  font-size: 18px;

}

.news-blog-content .title a {

  transition: all 0.3s;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  text-overflow: ellipsis;

}

.small-single-news .content .title a {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

  text-overflow: ellipsis;



}

.news-blog-content .title a:hover {

  color: #4db2ec;

}



.news-small-blog-area {

  margin-top: 30px;

  padding-top: 30px;

}

.news-small-blog-area .news-blog-thumb {

  height: 130px;

}

.news-small-blog-area .news-blog-content .title {

  font-size: 15px;

}

.news-small-blog-area .small-single-news {

  font-weight: 600;

  position: relative;

  padding-left: 20px;

}

.news-small-blog-area .small-single-news::before {

  position: absolute;

  content: '';

  top: 8px;

  left: 0;

  width: 8px;

  height: 8px;

  background-color: black;

  border-radius: 50%;

}



.news-category-area {

  border-top: 1px solid #e5e5e5;

  padding-top: 30px;

  margin-top: 30px;

}

.news-category-area .news-banner-thumb {

  height: 450px;

}

@media only screen and (max-width: 991px) {

  .news-category-area .news-banner-thumb {

    height: 300px;

  }

}



.live-news-blog-area {

  border-top: 1px solid #e5e5e5;

  padding-top: 30px;

  margin-top: 30px;

}



.live-news-blog-wrapper {

  background-color: black;

  padding: 20px;

}



.news-banner-content--style {

  background-color: #f9f9f9;

  padding: 30px 20px;

}

@media only screen and (max-width: 991px) {

  .news-banner-content--style {

    padding: 15px;

  }

}

.news-banner-content--style .title {

  font-size: 24px;

}

@media only screen and (max-width: 991px) {

  .news-banner-content--style .title {

    font-size: 18px;

  }

}



.photo-news-blog-area {

  border-top: 1px solid #e5e5e5;

  padding-top: 30px;

  margin-top: 30px;

}



.photo-news-blog {

  height: 480px;

  position: relative;

  z-index: 2;

}

@media only screen and (max-width: 991px) {

  .photo-news-blog {

    height: 300px;

    margin-bottom: 40px;

  }

}

.photo-news-blog::before {

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: black;

  opacity: .2;

}

.photo-news-blog a {

  display: initial;

}

.photo-news-blog img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.photo-news-blog .photo-news-title {

  position: absolute;

  bottom: 10px;

  left: 20px;

  color: white;

  font-size: 24px;

}

@media only screen and (max-width: 991px) {

  .photo-news-blog .photo-news-title {

    font-size: 18px;

  }

}



.photo-badge {

  position: absolute;

  top: 10px;

  left: 10px;

  background-color: rgba(255, 255, 255, 0.5);

  width: 50px;

  height: 50px;

  line-height: 50px;

  display: inline-block;

  text-align: center;

  border-radius: 50%;

  font-size: 26px;

}



.small-photo-news-blog .photo-news-blog {

  height: 230px;

}

@media only screen and (max-width: 991px) {

  .small-photo-news-blog .photo-news-blog {

    margin-bottom: 0;

  }

}

.small-photo-news-blog .photo-news-blog .photo-news-title {

  font-size: 20px;

}

@media only screen and (max-width: 991px) {

  .small-photo-news-blog .photo-news-blog .photo-news-title {

    font-size: 15px;

  }

}



.news-banner-content .follow {

  color: #4db2ec;

  font-size: 18px;

}

.news-banner-content .follow a {

  text-decoration: underline;

}

.news-banner-content .follow i {

  font-size: 16px;

  margin-right: 5px;

}



.news-banner-top-content {

  margin-right: 30px;

}

.news-banner-top-content .title {

  border-top: 1px solid black;

  border-bottom: 1px solid black;

  padding: 7px 0;

  margin-bottom: 15px;

  font-size: 18px;

}

.news-banner-top-content .sub-title {

  font-size: 15px;

  line-height: 1.5;

}



.news-details-content h1 {

  margin-bottom: 30px;

}



.news-gallery-area {

  background-color: black;

  padding: 20px;

}

.news-gallery-area .news-gallery-banner {

  height: 410px;

}

.news-gallery-area .news-gallery-banner a {

  display: initial;

}

.news-gallery-area .news-gallery-banner img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.news-gallery-slider {

  overflow: hidden;

}



.news-gallery-small-slider {

  overflow: hidden;

}



.news-video-content-wrapper {

  position: relative;

  padding: 24px 50px 24px 24px;

  background-color:#0e2144;

  height: 400px;

}

.news-video-content-wrapper::before {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  left: 0;

  top: 24px;

  border-top: 12px solid transparent;

  border-bottom: 12px solid transparent;

  border-left: 15px solid white;

}

.news-video-content-wrapper a {

  color: white;

  margin-bottom: 10px;

}

.news-video-content-wrapper .title {

  color: white;

}

.news-video-content-wrapper p {

  color: white;

}



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

    [ ### sidebar block ]

*/

.widget {

  padding-bottom: 15px;

  border-bottom: 0px solid black;

	

}



.widget-title {

  position: relative;

}

.widget-title::after {

  position: absolute;

  content: '';

  top: 12px;

  right: 0;

  width: 18%;

  height: 2px;

  background-color: #4db2ec;

}



.widget-title--style {

  border-top: 1px solid black;

  border-bottom: 1px solid black;

  padding: 7px 0;

  margin-bottom: 20px;

}

.widget-title--style::after {

  display: none;

}



.sidebar {

  position: sticky;

  top: 10px;

  border-left: 1px solid #e5e5e5;

  padding-left: 30px;

}

@media only screen and (max-width: 991px) {

  .sidebar {

    border-left: none;

    padding-left: 0;

    border-top: 2px solid black;

    padding-top: 20px;

  }

}



.aside-bar {

  position: sticky;

  top: 10px;

}



.custom-sidebar {

  border-right: 1px solid #e5e5e5;

  padding-right: 30px;

}

@media only screen and (max-width: 991px) {

  .custom-sidebar {

    border-right: none;

    padding-right: 0;

  }

}



.small-single-news {

  padding-bottom: 15px;

  margin-bottom: 15px;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  border-bottom: 1px solid #e5e5e5;

}

.small-single-news:last-child {

  border: none;

  padding-bottom: 0;

  margin-bottom: 0;

}

.small-single-news .thumb {

  width: 95px;

  height: 60px;

}

.small-single-news .thumb a {

  display: initial;

}

.small-single-news .thumb img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  -webkit-object-fit: cover;

  object-position: center;

  -webkit-object-position: center;

}

.small-single-news .content {

  width: calc(100% - 95px);

  padding-left: 20px;

  align-self: center;

}

.small-single-news .content .title {

  margin-bottom: 0;

}

.small-single-news .content .title a {

  transition: all 0.3s;

}

.small-single-news .content .title a:hover {

  color: #4db2ec;

}



.trending-thumb {

  height: 150px;

}

.trending-thumb a {

  display: initial;

}

.trending-thumb img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  -webkit-object-fit: cover;

  object-position: center;

  -webkit-object-position: center;

}



.trending-content {

  padding-top: 10px;

}

.trending-content p {

  font-size: 13px;

}



.news-category-area .widget {

  border: none;

  padding: 0;

}

.news-category-area .small-single-news .thumb {

  width: 150px;

  height: 90px;

}

.news-category-area .small-single-news .content {

  width: calc(100% - 150px);

}

.news-category-area .small-single-news .content .title {

  font-size: 15px;

}

@media only screen and (max-width: 991px) {

  .news-category-area .small-single-news .content .title {

    font-size: 13px;

  }

}



.widget-category-thumb {

  height: 180px;

}

.widget-category-thumb a {

  display: initial;

}

.widget-category-thumb img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  -webkit-object-fit: cover;

  object-position: center;

  -webkit-object-position: center;

}



.widget-category-content--style {

  background-color: #f9f9f9;

  padding: 15px;

}

.widget-category-content--style p {

  font-size: 13px;

}



.ui-datepicker-inline {

  width: 100%;

}



.ui-widget-content {

  border: 1px solid #4db2ec;

  background: white;

  border-radius: 0;

}



.ui-widget-header {

  background: #4db2ec;

}



.ui-datepicker-title {

  font-family: "Montserrat', sans-serif;

}



.ui-datepicker th {

  color: #4db2ec;

  font-family: "Montserrat', sans-serif;

}



.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

  background: #4db2ec;

  border: 1px solid #4db2ec;

  font-weight: 600;

  font-family: "Montserrat', sans-serif;

}

.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {

  background-color: white;

}



.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {

  cursor: pointer;

  color: white !important;

  width: 4.8em;

  font-family: "Montserrat', sans-serif;

}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {

  text-indent: unset;

  margin-top: -11px;

}



.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {

  color: black !important;

}



.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {

  color: black !important;

  background: white;

}



.news-category-content-area .small-single-news .content .title {

  font-size: 14px;

  border: none;

  padding: 0;

  margin: 0;

}



.add-item a {

  display: block;

}

.add-item img {

  width: 100%;

}



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

    [ ### contact block ]

*/

.contact-wrapper {

  position: relative;

  z-index: 1;

  background-color: #4db2ec;

  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);

  margin-top: -150px;

}



.contact-form-area {

  position: relative;

  background-color: white;

  padding: 60px 45px 30px;

}

@media only screen and (max-width: 991px) {

  .contact-form-area {

    padding: 40px 20px;

  }

}

.contact-form-area .title {

  font-size: 24px;

  margin-bottom: 15px;

  text-transform: uppercase;

}

@media only screen and (max-width: 991px) {

  .contact-form-area .title {

    font-size: 20px;

  }

}

.contact-form-area p {

  font-size: 14px;

}

.contact-form-area .contact-form {

  position: relative;

  margin-top: 30px;

}

.contact-form-area textarea {

  padding: 12px 20px;

  min-height: 200px;

}



.contact-info-item-area {

  height: 100%;

  position: relative;

  padding: 60px 30px;

  display: flex;

  flex-wrap: wrap;

  z-index: 2;

}

@media only screen and (max-width: 991px) {

  .contact-info-item-area {

    padding: 40px 20px;

  }

}

.contact-info-item-area .header-title {

  font-size: 24px;

  text-transform: uppercase;

  margin-bottom: 15px;

  color: white;

}

@media only screen and (max-width: 991px) {

  .contact-info-item-area .header-title {

    font-size: 20px;

  }

}

.contact-info-item-area p {

  font-size: 14px;

  color: white;

}



.contact-info-icon i {

  width: 40px;

  height: 40px;

  line-height: 40px;

  background-color: #4db2ec;

  box-shadow: 7px 5px 30px 0px rgba(72, 73, 121, 0.15);

  text-align: center;

  display: inline-block;

  border-radius: 3px;

  color: white;

  font-size: 16px;

}



.contact-info-content {

  width: calc(100% - 50px);

  padding-left: 15px;

}

.contact-info-content .title {

  font-size: 18px;

  font-weight: 500;

  color: white;

}

@media only screen and (max-width: 991px) {

  .contact-info-content .title {

    font-size: 16px;

  }

}

.contact-info-content p {

  font-size: 14px;

}

@media only screen and (max-width: 991px) {

  .contact-info-content p {

    font-size: 12px;

  }

}



.maps {

  height: 400px;

}



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

    [ ## Blog ]

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



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

    [ ## Cookie ]

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



.cookie__wrapper {

  position: fixed;

  bottom: 0;

  right: 0;

  left: 0;

  background: #4db2ec;

  padding: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  min-height: 10vh;

  font-size: 18px;

  z-index: 99999

}

@media only screen and (max-width: 991px) {

  .cookie__wrapper {

    padding: 20px;

  }

}

.cookie__wrapper .txt {

  max-width: 720px;

  margin-right: 20px;

  font-size: 14px;

}

.cookie__wrapper .txt a{

  margin-top: 10px;

}



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

    [ ## Map ]

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

.map-area iframe {

  width: 100%;

  height: 300px;

}

@media (max-width: 767px) {

  .map-area iframe {

    height: 300px;

  } 

}



.cookie-policy {

  position: fixed;

  bottom: 0;

  left: 0;

  width: 100%;

  border-top: 1px solid #e5e5e5;

  padding: 30px 0;

  z-index: 99;

}

.cookie-wrapper {

  max-width: 900px;

  margin: 0 auto;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

}

.cookie-wrapper .cmn--btn {

  font-size: 12px;

}

.cookie-wrapper .cookie-cont {

  max-width: 650px;

}

@media (max-width: 991px) {

  .cookie-wrapper {

      text-align: center;

 }

  .cookie-wrapper .cmn--btn {

      margin-top: 30px;

 }

}



body {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  min-height: 100vh;

}

footer {

  margin-top: auto;

}

.no-data-img {

  max-width: 500px;

  margin: 0 auto 30px;

}

.no-data-img img {

  width: 100%;

}

/*News CSS*/

.breaking-news-area {

  text-align: center;

  color: #fff;

  padding: 5px 0;

  position: relative;

  z-index: 999;

}



@media (max-width: 575px) {

  .breaking-news-area {

      font-size: 14px;

  }

}



.header-middle {

  border-bottom: 1px solid #e5e5e5;

  position: relative;

  z-index: 999;

}



.header-middle-area {

  padding: 10px 0;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: space-between;

  text-align: left;

}



.header-middle-area .logo-area {

  max-width: 320px;

}



.header-middle-area .logo-area .logo a {

  display: block;

}



.header-middle-area .logo-area .logo img {

  height: 55px;

  width: 200px;

  object-fit: contain;

  object-position: left;

}



.header-middle-area .header-promo a {

  display: block;

}



.header-middle-area .header-promo a img {

  width: 100%;

}



.header-middle-area .news-date {

  font-size: 18px;

}



@media (max-width: 1199px) {

  .header-middle-area .logo {

      display: none;

  }



  .header-middle-area .logo-area {

      width: calc(100% - 500px);

  }



  .header-middle-area .header-promo {

      width: 500px;

  }

}



@media (max-width: 991px) {

  .header-middle-area .logo-area {

      width: calc(100% - 400px);

  }



  .header-middle-area .header-promo {

      margin: 0 auto;

      width: 100%;

      max-width: 400px;

  }

}



@media (max-width: 767px) {

  .header-middle-area .logo {

      display: none;

  }



  .header-middle-area .logo-area {

      width: 100%;

      text-align: center;

      max-width: 100%;

      margin-bottom: 5px;

  }



  .header-middle-area .logo-area .news-date {

      font-size: 16px;

  }



  .header-middle-area .header-promo {

      margin: 0 auto;

      width: 100%;

      max-width: 400px;

  }

}

.header-wrapper {

  display: flex;

  align-items: center;

}

.menu li a {

  color: black;

  text-transform: capitalize;

  font-family: "Montserrat', sans-serif;

}



@media (max-width: 1199px) {

  .menu li {

      padding: 0;

  }



  .menu li a {

      border-bottom: 1px solid rgba(255, 255, 255, 0.1);

      padding: 8px 15px 5px;

      color: #fff;

      display: block;

      border-radius: 3px;

  }



  .menu li.menu-item-has-children > a {

      display: flex;

      justify-content: space-between;

  }



  .menu li .submenu {

      display: none;

      margin-left: 20px;

      padding-top: 10px;

      padding-bottom: 10px;

  }



  .menu li .submenu li {

      background: rgba(255, 255, 255, 0.1);

  }



  .menu li .submenu li:last-child {

      border: none;

  }



  .menu li .submenu li a {

      text-transform: capitalize;

      padding: 8px 15px 5px;

  }



  .menu li .submenu li:first-child {

      border-radius: 5px 5px 0 0;

  }



  .menu li .submenu li:last-child {

      border-radius: 0 0 5px 5px;

  }



  .menu li:hover, .menu li.open {

      border-color: #0e2144;

  }



  .menu li:hover > a, .menu li.open > a {

      background: #0e2144;

      color: #fff;

  }



  .menu li:hover > a::after, .menu li.open > a::after {

      color: #fff;

  }



  .menu > li:first-child > a {

      border-top: 1px solid rgba(0, 168, 255, 0.2);

  }



  .menu .login-reg-btn {

      display: flex;

      flex-wrap: wrap;

      justify-content: center;

      padding: 10px;

  }



  .menu .login-reg-btn > a {

      border-radius: 5px;

      margin: 0 5px;

      background: #0e2144;

  }



  .menu .login-reg-btn > a:nth-of-type(even) {

      background: #fff;

      color: #dcf3ff;

  }



  .menu .login-reg-btn .logout--btn {

      border-radius: 5px;

      margin: 10px 10px 0;

      background: #0e2144;

      width: unset;

      display: inline-block;

  }



  .menu .login-reg-btn .logout--btn:nth-of-type(even) {

      background: #fff;

      color: #dcf3ff;

  }

}



.menu .submenu li a {

  display: flex;

  align-items: center;

  justify-content: space-between;

  border-radius: 3px;

}



.menu .submenu li:hover > a {

  background: rgba(0, 0, 0, 0.1);

  color: #fff;

}



.menu .submenu li:hover > a::after {

  color: #fff;

}



@media (min-width: 1200px) {

  .menu {

      display: flex;

      justify-content: flex-end;

      align-items: center;

  }



  .menu li {

      padding: 0;

      position: relative;

  }



  .menu li .badge {

      font-size: 10px;

      padding: 2px 5px;

      margin-right: -7px;

  }



  .menu li a {

      font-size: 14px;

      padding: 10px;

      font-weight: 700;

      color: black;

  }



  .menu li a.active, .menu li a:hover {

      background: #0e2144;

      color: #fff;

  }

}



@media (min-width: 1200px) and (min-width: 1200px) {

  .menu li a {

      padding: 15px;

  }

}



@media (min-width: 1200px) and (min-width: 1400px) {

  .menu li a {

      padding: 15px;

  }

}



@media (min-width: 1200px) {

  .menu li .submenu {

      position: absolute;

      top: 100%;

      left: 0;

      min-width: 240px;

      opacity: 0;

      visibility: hidden;

      -webkit-transform: translateY(20px);

      -ms-transform: translateY(20px);

      transform: translateY(20px);

      padding: 15px;

      border: 1px solid #e5e5e5;

      background: #fff;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

      border-radius: 5px;

  }



  .menu li .submenu li {

      width: 100%;

      padding: 0;

      border-radius: 3px;

  }



  .menu li .submenu li a {

      padding: 10px;

      color: black;

      text-transform: capitalize;

      border-bottom: 1px solid #e5e5e5;

  }



  .menu li .submenu li a:hover {

      color: #fff;

      background: #0e2144;

  }



  .menu li .submenu li:last-child {

      border: none;

  }



  .menu li .submenu li .submenu {

      top: -1px;

      left: 100%;

  }

}



@media (min-width: 1200px) {

  .menu li:hover > .submenu {

      opacity: 1;

      visibility: visible;

      -webkit-transform: translateY(0);

      -ms-transform: translateY(0);

      transform: translateY(0);

      -webkit-transition: all ease 0.3s;

      -moz-transition: all ease 0.3s;

      transition: all ease 0.3s;

  }

}



.menu-close {

  display: none;

}



@media (max-width: 1199px) {

  .menu-area {

      position: fixed;

      top: 0;

      right: 0;

      -webkit-transition: all ease 0.3s;

      -moz-transition: all ease 0.3s;

      transition: all ease 0.3s;

      -webkit-transform: scaleX(0);

      -ms-transform: scaleX(0);

      transform: scaleX(0);

      transform-origin: right;

      z-index: 99;

      width: 100%;

      max-width: 400px;

      height: 100vh;

      overflow-y: scroll;

      background: #001329;

      padding: 80px 20px 20px;

  }



  .menu-area::-webkit-scrollbar {

      display: none;

  }



  .menu-area .menu-close {

      color: #ea5455;

      font-size: 30px;

      position: absolute;

      left: 30px;

      top: 25px;

      display: block;

      z-index: 1;

  }



  .menu-area .badge {

      margin-left: 5px;

  }



  .menu-area.active {

      -webkit-transform: scaleX(1);

      -ms-transform: scaleX(1);

      transform: scaleX(1);

  }

}



.header-bottom {

  position: sticky;

  z-index: 999;

}



.menu-item-has-children {

  position: relative;

  z-index: 999 !important;

}



.menu-item-has-children > a {

  align-items: center;

}



.menu-item-has-children > a::after {

  content: "\f107";

  font-weight: 700;

  font-family: "Line Awesome Free";

  margin-left: 5px;

  -webkit-transition: all ease 0.3s;

  -moz-transition: all ease 0.3s;

  transition: all ease 0.3s;

  display: inline-block;

}



@media (max-width: 1199px) {

  .menu-item-has-children > a::after {

      margin-left: auto;

  }

}



.menu-item-has-children:hover > a::after {

  -webkit-transform: rotate(-180deg);

  -ms-transform: rotate(-180deg);

  transform: rotate(-180deg);

}



@media (min-width: 1200px) {

  .menu-item-has-children.open .submenu {

      display: block !important;

  }



  .menu-item-has-children .submenu {

      display: block !important;

  }

}



.header-bar {

  position: relative;

  cursor: pointer;

  width: 25px;

  height: 20px;

}



@media (min-width: 576px) {

  .header-bar {

      margin-right: 20px;

  }

}



.header-bar span {

  position: absolute;

  display: inline-block;

  height: 3px;

  width: 100%;

  -webkit-transition: all ease 0.3s;

  -moz-transition: all ease 0.3s;

  transition: all ease 0.3s;

  background-color: black;

  left: 0;

}



.header-bar span:first-child {

  top: 0;

}



.header-bar span:nth-child(2) {

  top: 52%;

  transform: translateY(-65%);

}



.header-bar span:last-child {

  bottom: 0;

}



.header-bar.active span:first-child {

  -webkit-transform: rotate(45deg) translate(3px, 9px);

  -ms-transform: rotate(45deg) translate(3px, 9px);

  transform: rotate(45deg) translate(3px, 9px);

}



.header-bar.active span:nth-child(2) {

  opacity: 0;

}



.header-bar.active span:last-child {

  -webkit-transform: rotate(-45deg) translate(3px, -9px);

  -ms-transform: rotate(-45deg) translate(3px, -9px);

  transform: rotate(-45deg) translate(3px, -9px);

}



@media (max-width: 575px) {

  .header-bar {

      margin-right: 15px;

      width: 15px;

      height: 16px;

  }



  .header-bar span {

      height: 2px;

      width: 20px;

  }



  .header-bar.active span:first-child {

      -webkit-transform: rotate(45deg) translate(4px, 6px);

      -ms-transform: rotate(45deg) translate(4px, 6px);

      transform: rotate(45deg) translate(4px, 6px);

  }



  .header-bar.active span:nth-child(2) {

      opacity: 0;

  }



  .header-bar.active span:last-child {

      -webkit-transform: rotate(-45deg) translate(4px, -6px);

      -ms-transform: rotate(-45deg) translate(4px, -6px);

      transform: rotate(-45deg) translate(4px, -6px);

  }

}



.header-wrapper {

  justify-content: space-between;

  align-items: center;

  position: relative;

}



.header-wrapper .logo {

  width: 200px;

}



.header-wrapper .logo a {

  display: block;

  height: 60px;

}



.header-wrapper .logo a img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  object-position: left center;

}



@media (max-width: 767px) {

  .header-wrapper .logo {

      width: 150px;

  }



  .header-wrapper .logo a {

      height: 60px;

  }

}



@media screen and (max-width: 450px) {

  .header-wrapper .logo {

      width: 140px;

  }



  .header-wrapper .logo a {

      height: 60px;

  }

}

.breaking-news-text{
color:#ed0505;
text-decoration: none;
}


.header-wrapper .search-bar {

  height: 40px;

  width: 40px;

  line-height: 40px;

  text-align: center;

  color: black;

  font-size: 24px;

  cursor: pointer;

}



.header-wrapper .select--bar {

  background: #0e2144;

  color: #fff;

  border: none;

  height: 51px;

  font-size: 14px;

  padding-left: 5px;

  outline: none;

  border: none;

  box-shadow: none;

}



.header-wrapper .select--bar option {

  color: black;

  background: #fff;

}



@media (max-width: 1199px) {

  .header-wrapper .select--bar {

      height: 35px;

      border-radius: 2px;

  }

}



@media (max-width: 575px) {

  .header-wrapper .select--bar {

      font-size: 12px;

  }

}



.search-form {

  position: absolute;

  right: 0;

  top: 0;

  background: #fff;

  width: 100%;

  z-index: 999;

  -webkit-transition: all ease 0.3s;

  -moz-transition: all ease 0.3s;

  transition: all ease 0.3s;

  opacity: 0;

  visibility: hidden;

}



.search-form .close-search {

  font-size: 24px;

  color: #ea5455;

  margin-right: 10px;

  cursor: pointer;

}



.search-form .form-control {

  box-shadow: none;

  outline: none;

  color: black;

  font-size: 18px;

  font-weight: 500;

}



.search-form .form-control::placeholder {

  color: black;

}



.search-form .btn--base {

  padding: 0;

  min-width: 51px;

  height: 51px;

}



.search-form .form-control {

  border-top: none;

  border-bottom: none;

  border-radius: 0;

}



.search-form .cmn--btn {

  border-radius: 0;

}



@media (max-width: 1199px) {

  .search-form .cmn--btn, .search-form .form-control {

      height: 60px;

  }

}



.search-form.active {

  opacity: 1;

  visibility: visible;

}



.bg--white {

  background: #fff;

}



.overlay {

  position: fixed;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  background: rgba(8, 29, 53, 0.8);

  z-index: 999;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all ease 0.3s;

  -moz-transition: all ease 0.3s;

  transition: all ease 0.3s;

}



.overlay.active {

  visibility: visible;

  opacity: 1;

}

.sticky-header {

    position: sticky;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    background: white;

    border-bottom: 1px solid #e5e5e5;

}

.menu > li:last-child .submenu {

    left: unset;

    right: 0;

}

#disqus_thread>iframe[src*="ads-iframe"]{display:none!important}
#disqus_thread>iframe[sandbox]{display:none!important}