:root {

  --primary: #2D8DCE;

  --secondary: #0a1f44;

  --primary-invert: #fff;

  --secondary-invert: #fff;



   /* DEFAULT COLOR OF ALERT TEXT */

   --alert-text-primary: #fff;

   

  /* DEFAULT COLOR OF TEXTS */

  --text-primary: #0a1f44;

  

  /* FOR BUTTONS & INPUTS */

  --elements-roundness: 10rem;



  --space-between-blocks: 5.3rem;

  /* for mobiles */

  --space-between-blocks-small-screens: 3rem;

  --first-bg: #1a1a1a;

  --second-bg: #000;

  --first-color: #bdbdbd;

  --second-color: #fff;

  

}

body,

html{

  overflow-x: hidden !important;
  background: #000;

}
 
body {

     font-family: "Unbounded", sans-serif;

  color: var(--alert-text-primary);

  overflow-x: hidden !important;

}

button{

    font-family: "Poppins", sans-serif;

}

.space-between-blocks {

  padding-top: var(--space-between-blocks-small-screens);

  padding-bottom: var(--space-between-blocks-small-screens);

}



/* BANNER SECTION START HERE */

.banner .carousel-indicators li

{ 

background-color: transparent;

    width: 6px;

    height: 6px;

    border-radius: 100%;

    border:solid 3px #fff;

}

.banner  .carousel-indicators .active

{

  background-color: #fff;

}

.banner .carousel-control-next-icon,.banner  .carousel-control-prev-icon

{

   color: #000;

       background: transparent;

    font-size: 24px;

}

.btn_m2{

  background: #2D8DCD;

      color: #fff!important;

    padding: 5px 15px !important; 

    border-radius: 5px !important;

}



.btn_m3{

  background: #F9991E;

      color: #fff!important;

    padding: 5px 15px !important; 

    border-radius: 5px !important;

}

.c-3

{

  color: #F9991E

}

.c1{

  color: #80db3b

}

.gride_m4 p,

.gride_m4 h3

{

  font-weight: 600

}

.gride_m4,

.gride_m5{

      border-right: solid 1px #81869C;

}

.gride_m4 img{

  width: 50px;

  margin-bottom: 10px;

}

.gride_m4:last-child,

.gride_m5:last-child{

       border:none;

}

.slider_4 

{

  overflow-x: hidden;

}

.gride_m5

{



}

.gride_m5 h5

{

  color: #000;

      font-weight: 600;

    white-space: nowrap;

      text-align: left;

}

.gride_m5 p{

  font-size: 9px;

      white-space: nowrap;

        text-align: left;

}

.block-11.block_m1

{

  background: rgb(255,255,255) !important;

background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 47%, rgba(245,245,245,1) 47%)!important;

background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 47%, rgba(245,245,245,1) 47%)!important;

background: linear-gradient(180deg, rgba(255,255,255,1) 47%, rgba(245,245,245,1) 47%)!important;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f5f5f5",GradientType=1);

}

.block_m1 .card_m1{

  background: #fff;

    padding: 10px;

    box-shadow: 1px 4px 6px 1px #ccc;

    margin-bottom: 30px;

    border-radius: 5px;

        padding-top: 0;

}

.block_m1 .card_m1 > img{

  width: calc(100% + 20px) !important;

  margin-left: -10px

}

.circle_m1

{

  position: relative;

    margin-top: 15px;

}

.circle_m1 span{

       display: inline-block;

    margin-right: 5px;

    width: 40px;

    height: 40px;

    background: #F5F5F5;

    border-radius: 100%;

    text-align: center;

    line-height: 41px;

    color: #E01705;

    font-weight: 600;



} 

.slider_4 .swiper-button-next,

.slider_4 .swiper-button-prev 

{

  top: -100px;

      background: #F9991E;

    color: #fff;

    width: 40px;

    height: 40px;

    border-radius: 5px;

    box-shadow: 2px 5px 5px #ccc;

}

.slider_4 .swiper-button-prev{

      right: 60px;

    left: inherit;

}

.slider_4 .swiper-button-next:after,

.slider_4 .swiper-button-prev:after

{

      font-size: 19px;

    font-weight: 900; 

}

.slider_5,

.slider_6 

{

  overflow-x: hidden;

      padding: 0px 10px;

}

.slider_5 .card_m1{

  width: 100%;

/*       box-shadow: 0px 1px 11px 5px #cccccc6e;*/

    background: #313131;

    border-radius: 8px;

    

    margin-top: 15px;

    margin-bottom: 25px;

    padding: 0;
    background-color: #fff

}

.slider_5 .card_m1 img

{  /*  filter: grayscale(5);*/

   /* height: 45px;*/

    margin: 0 auto;

    display: block;

    max-width: 100%;
    border-radius:5px !important;

}

.form_m1

{

  background: #F4F5F9;

      padding:60px 25px;



}

.star_imp

{

  color: #ff0000

}

.input_m2 {

 margin-bottom: 50px;  

}



.input_m2 label

{

  display: block;

  margin-bottom: 0px;

}

.input_m2 input,

.input_m2 textarea  {

  border:none;

  border-bottom: solid 1px #000;

  background: transparent !important;

  outline: none !important;

  width: 100%

}

.donate_img img

{

  margin-bottom: -30px;

  max-width: 100%

}

/*New Code*/

.banner

{

  clear: both;

}

.carousel_content

{

      position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

    text-align: center;

}

.head_m1{

  font-size: 49px;

    font-weight: 700;

}

.btn_m4{

    background: #81dc3c;

    padding: 9px 40px;

    border-radius: 30px;

    font-weight: 300;

}

.head_m2

{

     position: relative;

    font-weight: 600;

    margin-bottom: 15px;

    padding-bottom: 6px;

    text-transform: uppercase;

    font-size: 25px;

}

/*.head_m2:before{

  content: '';

  position: absolute;

  left: 0px;

  height: 2px;

  width: 60px;

  background: #ef1b12;

  bottom: 0px;

}*/

.about_banner-scn{
  background: var(--second-bg) !important;
}

.weight_700{

  font-weight: 700

}

.c2{
 color: #fff;

}

.c2_text{
  color: var(--first-color) !important;
}

.c3{

 color: #ffc000;

}

.about_banner-content{
  background: var(--second-bg) !important;
}
.about_testimonial{
  background: var(--first-bg) !important;
}


.form_scn{
  background: var(--first-bg);
}
.input_m3 textarea,
.input_m3 input{
  background: transparent;
  border: 1px solid #404040;
}
.input_m3 textarea:focus,
.input_m3 input:focus{
  background: transparent;
   border: 1px solid #404040;
   box-shadow: none !important;
}

.careers_banner,
.careers_banner-scn,
.clients_banner-brands .block-11,
.client_banner-sec{
  background: var(--second-bg) !important;
}
.commingsoon_img img{
  border-radius: 5px;
}
.careers_testmonials,
.clients_testimonial{
  background: var(--first-bg) !important;
}
.services_form,
.about_footer,
.contact_form,
.careers_footer,
.clients_footer{
  background: var(--first-bg) !important;
}



.btn_m5

{

     box-shadow: 0px 1px 7px 2px #cccccc6e;

    border-radius: 8px;

    padding: 9px 25px;

    border-radius: 30px;

}

.block-1-grey

{

  background: #000000 !important

}

.card_m2{

      background: #3e3e48;

    border-radius: 15px;

    padding: 15px;

        margin-top: 70px;

}

/*.quote_top

{

position: absolute;

    right: 30px;

    top: 41px;

}*/

.card_head2

{

  position: relative;

      top: -70px;

}

.card_head2 p{

      padding-top: 65px;

    padding-left: 150px;

    margin-bottom: 0

}

.card_head2 .star_rating

{

 padding-left: 150px;

}

.card_head2 img{

      border-radius: 100%;

    width: 150px;

    height: 150px;

    border: solid 8px rgb(137 135 135 / 50%);

    position: absolute;

    left: 20px;

}

.card_m2 > p{

      margin-top: 15px;

      font-size: 15px;

    font-weight: 200 !important;

    color: var(--first-color);

    padding-left: 20px;

}



ul{

  margin: 0px;

  list-style: none;

  padding: 0px;

}

.list_m4 a

{

   color: var(--first-color);

   padding: 5px 0;

   display: block;

}



.google_maps iframe{

  width: 100%

}







/*Video Player Start Here*/

.video_w1

{

  

}

.video_set2{

  background: #000;
}

.playlist-wrapper {

  display: flex;

}

.playlist-child-videos {

  display: flex;

  flex-direction: row;

}

.playlist-item-wrapper {

  display: inline-block;

}

.playlist-child-videos {

  overflow: auto;

  height: 100%;

}

.playlist-item-wrapper {

  margin: 10px;

  margin-left: 0 !important;

  padding: 10px;

  max-width: 320px;

}

.playlist-thumb {

  position: relative;

}

.playlist-thumb img {

  width: 320px;

}

.playlist-meta-length {

  font-weight: bold;

  position: absolute;

  bottom: 10px;

  right: 10px;

  z-index: 3;

  background-color: rgba(0,0,0,.7);

  color: #fff;

  padding: 0 10px;

  border-radius: 3px;

}

.playlist-item-wrapper[data-playing="true"] .playlist-thumb img {

  opacity: 0.5;

}

.playlist-item-wrapper[data-live="true"] .playlist-meta-length {

  color: #dd3333;

}

.playlist-item-wrapper[data-live="true"] .playlist-meta-length:before {

  border-radius: 100%;

  margin-right: 5px;

  animation: blink 1300ms 0s ease infinite;

  content: "•";

  display: inline-block;

  vertical-align: middle;

}

.playlist-item-wrapper .playlist-meta-length > span {

  display: inline-block;

  vertical-align: middle;

}

@keyframes blink {

  from {

    opacity: 0;

  }

  25% {

    opacity: 1;

  }

  75% {

    opacity: 1;

  }

  to {

    opacity: 0;

  }

}

/*Video Player End Here*/




/* ============== Second Menu Css Styles ================= */

.second_menu{
  background: var(--second-bg);
  position: relative;
}
.second_menu-borderImg{
  position: absolute;
    bottom: -10px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}
.second_menu ul{
  text-align: center;
  width: 100%;
      
    width: 100%;
    
}
.second_menu ul li{
  display: inline-block;
  white-space: nowrap;
}
.second_menu ul li a{
  color: var(--first-color);
  display: inline-block;
  padding: 15px 14px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 300;
}
.hero-nav .fa-bars:before {
    
    color: #fff !important;
}
/* ============== Second Menu Css Styles End Here ================= */



/*=============== Our Proven Track Record ================== */

.trackRecord__scn{
  background: var(--first-bg) !important;
  padding: 6px 0px;
}

.title__Scn h5{
  font-size: 25px;
  color:#80dc3b;
  padding: 40px 0px 0px;
  font-weight: 500;
  text-transform: uppercase;
}



   .trackRecord__scn{
      position: relative;
      height: 100%;
    }

   .trackRecord__scn .swiper {
      width: 100%;
      height: 100%;
    }

   .trackRecord__scn .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

  .trackRecord__scn  .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }


.trackRecord__scn .ourTrack_b01{
  background: var(--first-bg);
}
    .trackRecord__scn .ourTrack_b01 h3{
      font-size: 40px;

      font-weight: 600;

    /* padding: 70px 56px;

      border: 8px solid red !important;

      border-radius: 50%;*/

      color: var(--second-color);

      display: inline-block;
    }

    .double_num{
      padding: 70px 70px !important;
    }

    .hiden_pad {
      padding: 0px 30px 30px 30px;
    }
    .circle__scn h5{
      padding-bottom: 32px !important;
    }

    .ourTrack__text{

      margin-top: 0px;

    }
    .ourTrack__text p{

      font-size: 17px;
    color: #d3d3d3;
    text-shadow: 3px 0px 11px #c5c5c582;

    }

    /*.ourTrack_b01{
      position: relative;
    }*/

    .border_header{
      position: relative; 
          text-align: center;
    }
    .ourTrack_b01 h3{
      position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;

    }
    .ourTrack_b01 h3 span
    {
         display: block;
    font-size: 14px;
    font-weight: 200;
    width: 220px;
    }
    .border_header img{
      width: 225px !important;
      height: 225px !important;
      display: inline-block !important;
    }

    .trackRecord__scn .swiper-button-next,
    .trackRecord__scn .swiper-button-prev{

     top: 38%;
    }

    .trackRecord__scn .swiper-button-prev{
      left: -8px;
      z-index: 999;
    }
    .trackRecord__scn .swiper-button-next{
      right: -8px;
      z-index: 999;
    }

   .trackRecord__scn .swiper-button-next:after,
    .trackRecord__scn .swiper-button-prev:after {

    font-size: 20px;

    color: var(--first-color);

    font-weight: 900;

   }

   .first_bg{
    background: var(--first-bg) !important;
   }

   .doubleNumber_circle h3{
   /* left: 36%;*/
   }
.model_m3 video{
  width: 100%;
}
.model_m3 .modal-title
{
 color: #000
}
.model_m3 .modal-dialog
{
  max-width: 70% !important
}

.img_gallery_slider
{

}
.mfp-iframe img{
  width: 100% !important
}


/*Light*/
.list_m11 li 

{ 
  color: #c5c5c5e3;
  font-size: 14px;
  padding-bottom: 8px;
  position: relative;
      position: relative;
    padding-left: 20px;
}
.list_m11 h4
{  color: #ffffffe3;
  font-size: 18px;
  font-weight: 600

}
.list_m11 li:before{
      font: normal normal normal 14px/1 FontAwesome;
          content: "\f105";
          position: absolute;
              left: 0;
    top: 5px;
}
/*Light end*/
.list_m11_s1 li i
{
  position: absolute;
  left: 0px;
  top: 4px
}
.list_m11_s1 li:before
{
  display: none;
}





.clear:after, .clear:before {
  content: '';
  display: table;
  clear: both;
}

.gallery {
    display: flex;
    flex-wrap: wrap;
   /* border: 10px solid #fff;
    width: calc(100% - 50px);
    margin: 60px auto 0;*/
}

.gallery a {
    display: block;
    text-decoration: none;
      /* width: calc(25% - 20px);*/
    overflow: hidden;
    outline: none;
    margin: 10px;
        min-width: 180px;
}

.gallery a img {
    height: 100%;
    transform: scale(1,1);
    transition: all 300ms ease;
}

.gallery a img:hover {
    transform: scale(1.1,1.1);
}

/*h1 {
    text-align: center;
    font-size: 40px;
    font-family: 'Anton', sans-serif;
    letter-spacing: 10px;
    color: #fff;
    text-transform: uppercase;
}
*/
.bg {
   width: 100%;
    height: 150px;
    background-size: contain;
    transform: scale(1,1);
    transition: all 300ms ease;
    background-repeat: no-repeat;
}

.bg:hover {
    transform: scale(1.1,1.1);
}


/*.added_new_tab .full-image:nth-child(even)
{
  display: none !important;
}*/
 
#digital-marketing_id .img_set2
{
  position: relative;
      width: 275px;
      overflow: hidden;
          margin: 0 auto;
}
#digital-marketing_id .img_set2 span
{
position: absolute;
    left: 0px;
    bottom: 0px;
    background: #000000db;
    width: 100%;
    text-align: left;
    color: #fff;
    padding: 4px;
    font-size: 14px;
    padding-right: 30px;
}

#digital-marketing_id  > .img_set2 > a
{
      position: relative;
          max-height: 190px;
              min-height: 190px;
                  width: 100%;
}
#digital-marketing_id img
{
   max-width: 100%;
    min-height: 190px;
}
.video_m7
{
    max-width: 300px ;
    display: inline-block;
    margin: 5px; 
    border: solid 2px #ffffff33;
        vertical-align: top;
    min-width: 300px;
}
.video_m7 video{
  width: 100%;
      height: 200px;

}
.video_m7 iframe {
   width: 100%;
   aspect-ratio: 16/9;
   height: auto;
   display: block;
}
.img_set2 .web_link
{
     position: absolute !important;
    right: 0px;
    bottom: 0px;
    color: #fff;
        min-height: auto !important;
            width: auto !important;
                min-width: auto;
}
.video_m7 h2{
    font-size: 14px;
    margin: 0;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px;
}

@media(max-width: 991px) {

  .gallery a {
    width: 50%;
  }
  .nav-tabs .nav-item {
    margin-bottom: -1px;
    width: 100%;
}

}

@media(max-width: 767px) {
  .nav-tabs .nav-item {
    margin-bottom: -1px;
    width: 100%;
}

  .gallery a {
    width: 100%;
  }

  .bg {
    height: 300px;
  }

}


   @media(max-width: 992px){

    /*.trackRecord__scn .ourTrack_b01 h3{
      padding: 60px 48px;
    }
    .double_num{
      padding: 60px 60px !important;
    }*/
   }

   @media(max-width: 767px){
    .nav-tabs .nav-item {
    margin-bottom: -1px;
    width: 100%;
}
    .hiden_pad{
      padding: 40px 20px;
    }
    .ourTrack_b01 h3{
      /*left: 40%;*/
    }
    .second_menu ul li
    {
      border-bottom: solid 1px #cccccc26;
      display: block;
    }
    .second_menu ul li:last-child
    {
        border:none;
    }
    .model_m3 .modal-dialog {
    max-width:100% !important;
}
   }

   @media(max-width: 360px){
    .nav-tabs .nav-item {
    margin-bottom: -1px;
    width: 100%;
}
    .hiden_pad{
      padding: 40px 20px;
    }
    .video_m7
    {
          max-width: 100%;
          min-width: 100%
    }
   }
   


/*=============== Our Proven Track Record End Here ================== */



/* =============== Home About Section ==================== */

.about__ciel-home{
  padding: 80px 0px;
}
.sub_title h5{
  font-size: 25px;
  text-align: left;
  color: var(--second-color);
  font-weight: 500;
  margin-bottom: 40px;
  text-transform: uppercase;
}

.about_block-text h5{
font-size: 20px;
color: var(--first-color);
text-transform: uppercase;
}
.about_block-text p{
font-size: 20px;
color: var(--first-color);
    line-height: 34px;
}

/* =============== Home About Section End here ==================== */



/* =============== Our Clients ================= */

.ourClients_scn{
  padding: 80px 0px;
  background: var(--first-bg) !important;
}
.ourClient_text h3{
  font-size: 38px;
  font-weight: 800;
  color: #fff;

background: #FF0500;
background: linear-gradient(to right, #FF0500 23%, #FFD300 45%, #97FF00 65%, #05CEF6 69%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;




}


/* =============== Our Clients End Here ============= */



/* ================= Testimonials What our clients are saying =============== */

.client_bottem{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}
.client_bottem-left{
  padding-left: 20px;
}


/* ================= Testimonials What our clients are saying End here =============== */



.slider_model1 .playlist-child-videos

{

  overflow: inherit ;

  display: block; 

}

.model_m1 .modal-dialog

{

  max-width: 635px;

  width: 100%;

}



 



header {

    position:fixed !important;

    height: 100px;

    background:#ccc;

    left:0;

    top:0;

    float:left;

    width:100%;

    z-index: 999;

    -ms-transition:     all 0.3s ease-out;

    -moz-transition:    all 0.3s ease-out;

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

    -o-transition:      all 0.3s ease-out;

    transition:         all 0.3s ease-out;

}

/*header h1 {

    font-size: 30px;

    font-family: Arial;

    text-align: center;

    line-height: 50px;

     -ms-transition:    all 0.3s ease-out;

    -moz-transition:    all 0.3s ease-out;

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

    -o-transition:      all 0.3s ease-out;

    transition:         all 0.3s ease-out;

}*/

header.fixed_header .hero-nav__item{

   /* height: 70px;

    line-height: 35px;

    margin: 0px 10px;*/

}

 .hero-nav__logo,

 .hero-nav__link, 

 .hero,

 .hero-nav{

    -ms-transition:    all 0.3s ease-out;

    -moz-transition:    all 0.3s ease-out;

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

    -o-transition:      all 0.3s ease-out;

    transition:         all 0.3s ease-out;

}

.fixed_header .hero-nav__logo {

    height: 52px;



}

.hero,.hero-nav

{

  height: auto !important;

}

.hero

{



}

header .dropdown-menu {

     

    margin-top: 31px;

    border-radius: 0;

}

.hero.fixed_header 

{

  height: auto;

     padding-top: 5px;

    padding-bottom: 5px;

}

#header-sroll.fixed_header {

    height: 70px;

    line-height: 35px;

    font-size: 25px;

}

.fixed_header  .hero-nav__link

{

  font-size: 14px;

}
.tabs_m3 .nav-tabs{
  border: none;
    margin: 0 auto;
        width: fit-content;
}
.tabs_m3 .nav-tabs a
{
  background: #2c2c2c;
    color: #fff !important;
    padding: 5px 15px;
    text-align: center;
    margin: 2px 3px;
    font-size: 14px;
        border-radius: 0;
}
.tabs_m3 .nav-tabs a.active {
    background: #83e23c;
}
.body_menu_open .hero.container-fluid 
{
  height: 100% !important
}



/* <!-- second slider -->  */
.video_gallery .carousel {
  padding: .3em .3em 0;
  background: rgb(240,240,240);
  text-align: center;
}
.video_gallery .carousel div {
  position: relative;
  margin-bottom: .3em;
  padding-top: 56.25%;
}
.video_gallery .carousel iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video_gallery .carousel span {
  display: inline-block;
  word-spacing: 1em;  /* расстояние между картинками */

/* прокрутка миниатюр при необходимости */
  overflow: auto;
  white-space: nowrap;
  word-wrap: normal;

}
.video_gallery .carousel a {
  position: relative;
  display: inline-block;
  max-width: 120px;  /* максимальная ширина миниатюр */
  width: 25%;  /* ширина миниатюр */
  border: 1px solid blue;  /* рамка вокруг миниатюр */
  opacity: .7;  
  text-decoration: none;
}
.video_gallery .carousel a:visited,
.video_gallery .carousel a:nth-of-type(1) {
  border-color: #555;  /* рамка вокруг миниатюр просмотренных видео */
}
.video_gallery .carousel a:hover { 
  opacity: 1;
}
.video_gallery .carousel a:not(:active):focus {
  pointer-events: none;
}
.video_gallery .carousel a::before {
  content: "";
  position: absolute;
  top: 0em;
  right: 0em;
  bottom: 0em;
  left: 0em;
  background: rgba(0,0,1,.1);
  transition: background 0s 9999999s;
}
.video_gallery .carousel a:nth-of-type(1)::before {
  background: rgba(255,255,254,.7);
}
.video_gallery .carousel span:active a::before {
  background: rgba(0,0,0,0);
  transition: background 0s;
}
.video_gallery .carousel span:active a:active::before {
  background: rgba(255,255,255,.7);
  transition: background 0s;
}
.video_gallery .carousel img {
  max-width: 100%;
  vertical-align: middle;  /* убрать нижний отступ до рамки под картинкой */
}
.close_menu
{
  display: none;
}
.video_set2 {
  padding-top: 80px
}
.video_set2 video
{
  width: 100%;
 
}



/*=================== THEME TWO COLOR CHANGES START HERE=======================*/
.hero
{
    background: #000000 !important;
    border-bottom: solid 1px #58992738;
}
.hero-nav__link
{
  color: #fff !important
}
/*=================== THEME TWO COLOR CHANGES END HERE=======================*/




 
.gallery_redirect .input-container {
  display: flex;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.gallery_redirect input {
  width: 450px;
  border: 2px solid rgb(207, 207, 207);
  border-radius: 6px;
  height: 50px;
  padding-left: 10px;
}

.gallery_redirect input::placeholder {
  font-size: 16px;
  opacity: 0.4;
}

.gallery_redirect input:focus {
  outline-color: rgb(124, 176, 236);
}

.gallery_redirect .gallery_title {
  text-align: center;
  padding-bottom: 1rem;
}

.gallery.gallery_redirect  {
/*  box-shadow: 0 0.1rem 0 0 rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  display: grid;
  max-width: 780px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: 180px;
  grid-gap: 20px;
  padding-bottom: 70px;*/
}

.gallery.gallery_redirect  .item {
 /* max-width: 180px;
  height: 180px;
  margin: 0 auto;
  cursor: pointer;
  filter: grayscale(40%);*/
}

.gallery.gallery_redirect  .item:hover {
  filter: none;
  transition: 0.3s ease-out;
  transform: scale(1.06);
}

.gallery_redirect img {
  max-width: 180px;
  height: 70%;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 10px 0px,
    rgba(0, 0, 0, 0.5) 0px 2px 15px 0px;
}

@media screen and (max-width: 480px) {
  input::placeholder {
    font-size: 13px;
  }
}










@media(min-width: 992px) {

  .space-between-blocks {

    padding-top: var(--space-between-blocks);

    padding-bottom: var(--space-between-blocks);

  }


}



/* ----------------- BUTTONS ------------------- */



button {

  color: inherit;

  padding: 0;

  background: none;

  border: none;

}



button:focus {

  outline: none;

  box-shadow: none;

}



.btn {

  font-size: .87rem;

  padding: .8rem 1.6rem;

  border-radius: var(--elements-roundness);

  transition: .2s all;

}



@media(min-width: 992px) {

  .btn {

    padding: .8rem 2rem;

  }

}



.btn,

.btn:hover,

.btn:focus {

  border: none;

  box-shadow: none;

  outline: none;

}



.btn:hover,

.btn:focus {

  transform: scale(1.05);

}



.btn-primary,

.btn-primary:hover,

.btn-primary:focus {

  background: var(--primary);

  color: var(--primary-invert);

}



.btn-secondary,

.btn-secondary:hover,

.btn-secondary:focus {

  background: var(--secondary);

  color: var(--secondary-invert);

}



.btn-sm {

  padding: .8rem;

}





.form_section

{

  padding: 50px 0;

}

.amout_list

{

  padding:20px 0;

}

.amout_list li

{

  display: inline-block;

  margin-right: 15px;

  border: solid 2px #9f9e9e;

  padding: 7px 15px;

  cursor: pointer;

  border-radius: 3px;

     color: black;

}

.input_m1 input

{

  border-radius: 0px;

  height: 45px;;

}

.input_m1 {

  margin-bottom: 15px;

}

.check_box1 input

{

   height: auto !important;

}

.check_box1 label

{

  font-weight: 500;

  color: #3471b5;

}

.btn_m20

{

  width: 100%;

  background: #00ba5b;

  border: none;

  padding: 10px;

  color: #fff;

  font-size: 21px;

  font-weight: 600;

}

.list_m3

{

    padding: 15px 0;

}

.list_m3 h4{

        background: #603494;

    color: #fff;

    font-size: 16px;

    padding: 14px 12px;

    border-radius: 10px 10px 0px 0px;

}

.list_m3 ul li

{



}

/* ============================================== */



.offer-alert {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  text-align: center;

  padding: 1rem 0;

  background-color: #0a1f44;

  font-size: .9rem;

  cursor: pointer;

  z-index: 99;

}



.offer-alert__container {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}



@media(min-width: 992px) {

  .offer-alert__container {

    display: block;

  }

}



.offer-alert__btn {

  color: var(--primary-invert);

  background-color: var(--primary);

  padding: .5rem .8rem;

  margin-top: .5rem;

  border-radius: 5px;

  transition: .2s all;

}



@media(min-width: 922px) {

  .offer-alert__btn {

    margin: 0 .5rem;

  }

}



.offer-alert__btn:hover,

.offer-alert__btn:focus {

  background-color: var(--primary);

  color: var(--primary-invert);

  text-decoration: none;

  transform: scale(1.1);

}



/* ============================================== */



.hero {

  --hero-nav-height: 100px;

  --block-background: white;

  --block-text-color: var(--text-primary);

  background: var(--block-background);

  color: var(--block-text-color);

  position: relative;

  display: flex;

  flex-direction: column;

 /* margin-top: 98px;*/

    /* box-shadow: 2px 5px 5px #cccccc30;*/

}



@media(min-width: 992px) {

 /* .hero {

    margin-top: 53px;

  }*/

}



.hero-nav {

  margin: 0 -1rem;

  width: 100%;

  height: var(--hero-nav-height);

  display: flex;

  align-items: center;

}



.hero-nav__item {

  text-align: center;

  font-size: 1.1rem;

}



@media(min-width: 992px) {

  .hero-nav__item {

   padding: 10px;;

  }

}



@media(min-width: 992px) {

  .nav--lg-side {

    flex-direction: row-reverse;

  }

}



.hero-nav__logo {

  height: 65px;

}



.hero-nav__link {

  color: inherit;

  opacity: .9;

      font-weight: 400;

    font-size: 15px;

}



.hero-nav__link:hover,

.hero-nav__link:focus {

  color: var(--primary);

  text-decoration: none;

  opacity: 1;

}



.hero__row {

  height: 100%;

}



.hero_empty-column {

  height: 100%;

}



.hero__image-column {

  height: 100%;

  background-position: center;

  background-size: cover;

}



.hero__content {

  text-align: initial;

  padding-top: 2rem;

  padding-bottom: 3rem;

}



@media(min-width:992px) {

  .hero__content {

    padding-top: 4rem;

    padding-bottom:50px;

  }

}



.hero__title {

  font-size: 28px;

  font-weight: 900;

}



.hero__paragraph {

  font-size: .9rem;

  font-weight: 400;

  line-height: 1.7;

  opacity: .9;

}



@media (min-width: 576px) {

  .hero__title {

    font-size: 2.5rem;

    line-height: 1.17;

  }

  

  .hero__paragraph {

    width: 80%;

  }

}



@media (min-width: 768px) {

  .hero__title {

    font-size:30px;

  }

}

@media (max-width: 767px) {
.block-41__copyrights.text-right.list_m4
{
  text-align: center !important; 
}
  
}




@media(min-width: 992px) {

  .hero__title {

    width: 95%;

    font-size: 3rem;

    line-height: 1.17;

  }



  .hero__paragraph {

    font-size: 1rem;

    width: 70%;

  }

}



@media(min-width: 1200px) {

/*  .hero__title {

    font-size: 3.5rem;

    line-height: 1.17;

  }*/

}



.cta-p {

  text-align: center;

  font-size: .75rem;

  opacity: .9;

}



@media(min-width: 992px) {

  .cta-p {

    text-align: initial;

  }

}



.hero__btns-container {

  

}



.hero__btn {

  display: inline-block;

  width: 100%;

}



@media(min-width: 992px) {

  .hero__btns-container {

    width: auto;

    flex-direction: row;

  }



  .hero__btn {

    width: auto;

  }

}



.highlight {

  color: var(--primary);

}



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



.ft-menu {

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: 2000;

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut;

  -webkit-animation-duration: .5s;

  animation-duration: .5s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}



@media (print),

(prefers-reduced-motion: reduce) {

  .ft-menu {

    -webkit-animation-duration: 1ms !important;

    animation-duration: 1ms !important;

    -webkit-transition-duration: 1ms !important;

    transition-duration: 1ms !important;

    -webkit-animation-iteration-count: 1 !important;

    animation-iteration-count: 1 !important;

  }

}



.ft-menu .hero-nav__item {

  width: 100%;

  margin-top: .75rem;

  margin-bottom: .75rem;

}



@media(min-width: 992px) {

  .ft-menu .hero-nav__item {

    width: auto;

    margin-top: 0;

    margin-bottom: 0;

  }

}



.ft-menu--js-show {

  -webkit-animation-name: fadeIn;

  animation-name: fadeIn;

  -webkit-animation-duration: .5s;

  animation-duration: .5s;

}



.ft-menu::before {

  content: '';

  display: block;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  background: var(--primary);

  opacity: .9;

  z-index: -1;

}



@media(min-width: 992px) {

  .ft-menu {

    -webkit-animation-name: none;

    animation-name: none;

    position: static;

    z-index: auto;

  }



  .ft-menu::before {

    content: none;

  }

}



.ft-menu__slider {

  width: 80%;

  height: 100%;

  background: var(--block-background);

  overflow: hidden;

  transform: translateX(-100%);

  transition: .5s transform;

}



@media(min-width: 992px) {

  .ft-menu__slider {

    width: auto;

    height: auto;

    background: none;

    transform: none;

    display: flex;

    align-items: center;

  }

}



.ft-menu--js-show .ft-menu__slider {

  transform: translateX(0%);

}



.ft-menu__close-btn {

  color: var(--primary-invert);

  position: absolute;

  right: 0;

  top: 0;

  font-size: 2rem;

  margin: 1rem;

  transform: translateX(100%);

  transition: .5s transform;

}



@media(min-width: 992px) {

  .ft-menu__close-btn {

    display: none;

  }

}



.ft-menu--js-show .ft-menu__close-btn {

  transform: translateX(0%);

}



.ft-menu__close-btn:hover,

.ft-menu__close-btn:focus {

  color: var(--primary-invert);

}



.pattern {

  position: absolute;

  height: 47%;

  width: 17%;

  opacity: .5;

}



.pattern--primary {

  color: var(--primary);

}



.pattern--left-bottom {

  bottom: 0;

  left: 0;

}



.pattern--right {

  top: 0;

  right: 0;

  bottom: 0;

  margin: auto;

}



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



/* Fade in */



@-webkit-keyframes fadeIn {

  from {

    visibility: hidden;

    opacity: 0;

  }



  to {

    visibility: visible;

    opacity: 1;

  }

}



@keyframes fadeIn {

  from {

    visibility: hidden;

    opacity: 0;

  }



  to {

    visibility: visible;

    opacity: 1;

  }

}



/* Fade out */



@-webkit-keyframes fadeOut {

  from {

    visibility: visible;

    opacity: 1;

  }



  to {

    visibility: hidden;

    opacity: 0;

  }

}



@keyframes fadeOut {

  from {

    visibility: visible;

    opacity: 1;

  }



  to {

    visibility: hidden;

    opacity: 0;

  }

}



.hero__img-container {

  border-radius: .5rem;

  overflow: hidden;

}



/* ===================================== */



.block-5 {

  --block-background: #f8f8f8;

  --block-text-color: var(--text-primary);

  background: var(--block-background);

  color: var(--block-text-color);

      clear: both;

}



.block__header {

  margin-bottom: 4rem;

}



.block__pre-title {

  color: var(--primary);

  font-size: 1rem;

  font-weight: 600;

}



.block__title {

  font-size: 2rem;

  font-weight: 900;

  line-height: 1.4;

}



@media(min-width: 992px) {

  .block__title {

    font-size: 2.5rem;

  }

}



.block__paragraph {

  font-size: 1.1rem;

  line-height: 1.5;

  opacity: .9;

}



.card-2 {

  margin-bottom: 2.1rem;

}



.card-2:last-child {

  margin-bottom: 0;

}



.card-2__symbol {

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 1.5rem;

  height: 3.25rem;

  width: 3.25rem;

  border: 1px solid var(--primary);

  border-radius: var(--elements-roundness);

  background: white;

  color: var(--primary);

}



@media(min-width: 992px) {

  .card-2__symbol {

    height: 3.8rem;

    width: 3.8rem;

  }

}



.card-2__title {

  font-size: 1.3rem;

  font-weight: 600;

  line-height: 1.46;

}



.card-2__paragraph {

  font-size: .9rem;

  line-height: 1.5;

  opacity: .8;

  margin: 0;

}



/* ========================================================= */



.block-11 {

  --block-background: white;

  --block-text-color: var(--text-primary);

  background: var(--block-background);

  color: var(--block-text-color);

}



.block__header {

  margin-bottom: 4rem;

}



.block__pre-title {

  color: var(--primary);

  font-size: 1rem;

  font-weight: 600;

}



.block__title {

  font-size: 2rem;

  font-weight: 900;

  line-height: 1.4;

}



@media(min-width: 992px) {

  .block__title {

    font-size: 2.5rem;

  }

}



.block__paragraph {

  font-size: 1.1rem;

  line-height: 1.5;

  opacity: .9;

}



.card-1 {

  height: 100%;

  padding: 2rem 1rem;

  border-radius: 5px;

  border: 1px solid rgba(0,0,0,0.1);

  transition: .1s all;

}



.card-1:hover,

.card-1:focus {

  color: white;

  background: var(--primary);

  border-color: var(--primary);

}



.card-1__symbol {

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 1.5rem;

  height: 3.25rem;

  width: 3.25rem;

  border: 1px solid var(--primary);

  border-radius: var(--elements-roundness);

  background: white;

  color: var(--primary);

}



@media(min-width: 992px) {

  .card-1__symbol {

    height: 4.25rem;

    width: 4.25rem;

  }

}



.card-1__title {

  font-size: 1.3rem;

  font-weight: 600;

  line-height: 1.5;

}



.card-1__paragraph {

  font-size: .9rem;

  line-height: 1.5;

  opacity: .8;

}



/* UTILITIES */

.mb-2-1rem {

  margin-bottom: 2.1rem;

}



/* ======================================= */



.block-20 {

  --block-background: #f8f8f8;

  --block-text-color: var(--text-primary);

  background: var(--block-background);

  color: var(--block-text-color);

}



.block__header {

  margin-bottom: 4rem;

}



.block__pre-title {

  color: var(--primary);

  font-size: 1rem;

  font-weight: 600;

}



.block__title {

  font-size: 2rem;

  font-weight: 900;

  line-height: 1.4;

}



@media(min-width: 992px) {

  .block__title {

    font-size: 2.5rem;

  }

}



.block__paragraph {

  font-size: 1.1rem;

  line-height: 1.5;

  opacity: .9;

}



.testimonial-card-1 {

  padding: 1.5rem;

  padding-top: 8rem;

  margin-top: 58px;

  margin-bottom: 25px;

  background: white;

  border: 1px solid #dee2e6;

  border-radius: 5px;

  position: relative;

  z-index: 0;

}



.testimonial-card-1__paragraph {

  font-size: .87rem;

  opacity: .9;

  line-height: 1.7;

}



.testimonial-card-1__quote-symbol {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 50px;

  height: 50px;

  background: var(--primary);

  color: var(--primary-invert);

  font-size: 1.3rem;

  border: 2px solid white;

  border-radius: 10rem;

  position: absolute;

  bottom: -25px;

  left: 0;

  right: 0;

  margin: auto;

}



.block-20__person {

  text-align: center;

  position: absolute;

  top: -58px;

  left: 0;

  right: 0;

  margin: auto;

}



.block-20__person-avatar {

  padding: 6px;

  width: 116px;

  height: 116px;

  background: white;

  border-radius: 10rem;

  border: solid 2px #eff0f9;

}



.block-20__person-rating {

  font-size: .75rem;

  color: #ffe200;

}



.block-20__person-name {

  font-size: .87rem;

  font-weight: 600;

}



.block-20__person-info {

  font-size: .8rem;

  font-weight: 600;

  opacity: .6;

}



/* ========================================= */



.block-17 {

  --block-background: white;

  --block-text-color: var(--text-primary);

  background: var(--block-background);

  color: var(--block-text-color);

  padding-top: 5.8rem;

  padding-bottom: 5.8rem;

}



.block-17__header {

  padding-bottom: 3.6rem;

}



.block__title {

  font-size: 2rem;

  font-weight: 900;

  line-height: 1.4;

}

.model_m1 .modal-content

{

      background: #000;

}

.model_m1  .close span{

  color: #fff;

}

.model_m1 .modal-header

{

  border:none;

}

.tab_set_m1 button

{

  background: #2c2c2c;

  color: #fff;

     padding: 5px 15px;

    text-align: center;

    margin: 2px 3px;

    font-size: 14px;

}

.tab_set_m1 button.active{

  background: #ef1b12

}



@media(min-width: 992px) {

  .block__title {

    font-size: 2.5rem;

  }

}



.block__paragraph {

  font-size: 1.1rem;

  line-height: 1.5;

  opacity: .9;

}



@media(min-width: 768px) {

  .block-17__paragraph {

    width: 80%;

  }

}



@media(min-width: 992px) {

  .block-17__paragraph {

    width: 50%;

  }

}



.plan-switch {

  font-size: 1.2rem;

  margin-top: 3.6rem;

}



.plan-switch__type {

  font-size: .87rem;

  font-weight: 600;

  opacity: .9;

}



.plan-switch__type--selected {

  color: var(--primary);

  opacity: 1;

}



.testimonial-card-3 {

  background: var(--primary);

  color: var(--primary-invert);

  padding: 3.1rem 2.1rem;

  position: relative;

  z-index: 1;

}



.testimonial-card-3__paragraph {

  font-size: .87rem;

  opacity: .9;

  line-height: 1.7;

}



.testimonial-card-3__quote-symbol {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 50px;

  height: 50px;

  background: var(--primary);

  color: var(--primary-invert);

  font-size: 1.3rem;

  border: 2px solid white;

  border-radius: 10rem;

  position: absolute;

  bottom: -25px;

  left: 0;

  right: 0;

  margin: auto;

}



.person__avatar {

  padding: 3px;

  width: 68px;

  height: 68px;

  background: white;

  border-radius: 10rem;

}



.person__rating {

  font-size: .75rem;

  color: #ffe200;

}



.person__name {

  font-size: .87rem;

  font-weight: 600;

}



.person__info {

  font-size: .8rem;

  font-weight: 600;

  opacity: .8;

}



.plan-card {

  padding: 3.5rem 2rem;

  border: 2px solid var(--primary);

  background: white;

  display: flex;

  flex-direction: column;

  height: 100%;

}



.discount {

  transform: scale(1.2);

}



.discount__old-price {

  font-size: 1.9rem;

  text-decoration: line-through;

  opacity: .7;

}



.discount__percentage {

  font-size: .87rem;

  color: var(--primary-invert);

  background: var(--primary);

  padding: .3rem .9rem;

  border-radius: 10rem;

}



.plan-card--recommended {

  background: var(--primary);

  color: var(--primary-invert);

  padding-top: 5rem;

  position: relative;

  z-index: 1;

}



.plan-card--recommended .btn-primary {

  background: var(--primary-invert);

  color: var(--primary);

}



.plan-card--recommended .plan-features__icon {

  background-color: rgba(255, 255, 255, 0.3) !important;

  color:white !important;

}



@media(min-width: 992px) {

  .plan-card--recommended {

    height: calc(100% + 50px);

    width: calc(100% + 25px);

    margin-left: -12.5px;

    margin-top: -25px;

    padding-bottom: calc(3.5rem + 25px);

  }

}



.plan-card__tag {

  font-size: .75rem;

  padding: .6rem .8rem;

  border-bottom-left-radius: .8rem;

  border-bottom-right-radius: .8rem;

  position: absolute;

  top: -1px;

  left: 0;

  right: 0;

  width: 40%;

  margin: auto;

  background: var(--primary);

  color: var(--primary-invert);

}



.plan-card__name {

  font-size: 1.5rem;

  font-weight: 600;

}



.plan-card__price {

  font-size: 4.3rem;

  font-weight: 600;

}



.plan-card__duration {

  font-size: .87rem;

  font-weight: 600;

  text-transform: uppercase;

}



.plan-features {

  text-align: initial;

  margin: auto;

}

@media(max-width: 1200px) {

}

@media(min-width: 1200px) {

  .plan-features {

    width: 60%;

  }

}



.plan-features__li {

  font-size: 1rem;

  margin-bottom: 1.3rem;

  display: flex;

}



.plan-features__li-icon {

  color: #33c58d;

  transform: scale(1.5);

}



/* ********************************* */



.switch {

  font-size: 1em;

  position: relative;

  --switch-background--default: var(--primary);

  --switch-btn-background: white;

  --switch-background--checked: var(--primary);

  --switch-background--disabled: #ccc;

}

.switch input {

  position: absolute;

  height: 1px;

  width: 1px;

  background: none;

  border: 0;

  clip: rect(0 0 0 0);

  clip-path: inset(50%);

  overflow: hidden;

  padding: 0;

}

.switch input + label {

  position: relative;

  min-width: calc(calc(2.375em * .8) * 2);

  border-radius: calc(2.375em * .8);

  height: calc(2.375em * .8);

  line-height: calc(2.375em * .8);

  display: inline-block;

  cursor: pointer;

  outline: none;

  user-select: none;

  vertical-align: middle;

  text-indent: calc(calc(calc(2.375em * .8) * 2) + .5em);

}

.switch input + label::before,

.switch input + label::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: calc(calc(2.375em * .8) * 2);

  bottom: 0;

  display: block;

}

.switch input + label::before {

  right: 0;

  background-color: var(--switch-background--default);

  border-radius: calc(2.375em * .8);

  transition: 0.2s all;

}

.switch input + label::after {

  top: .25em;

  left: .25em;

  width: calc(calc(2.375em * .8) - calc(.25em * 2));

  height: calc(calc(2.375em * .8) - calc(.25em * 2));

  border-radius: 50%;

  background-color: var(--switch-btn-background);

  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.45);

  transition: 0.2s all;

}

.switch input:checked + label::before {

  background-color: var(--switch-background--checked);

}

.switch input:checked + label::after {

  margin-left: calc(2.375em * .8);

}

.switch input:focus + label::before {

  outline: none;

  box-shadow: 0 0 0 0.2em rgba(0,0,0,0.1);

}

.switch input:disabled + label {

  color: #868e96;

  cursor: not-allowed;

}

.switch input:disabled + label::before {

  background-color: var(--switch-background--disabled);

}

.switch + .switch {

  margin-left: 1em;

}



/* ======================================= */



.block-39 {

  --block-background: white;

  --block-text-color: var(--text-primary);

  background: var(--block-background);

  color: var(--block-text-color);

}



.block__header {

  margin-bottom: 4rem;

}



.block__title {

  font-size: 2rem;

  font-weight: 900;

  line-height: 1.4;

}



@media(min-width: 992px) {

  .block__title {

    font-size: 2.5rem;

  }

}



.content-block {

  text-align: initial;

  margin-top: 1rem;

  margin-bottom: 1rem;

}



.content-block__title {

  font-size: 1.2rem;

  font-weight: 600;

  margin-bottom: 1rem;

  line-height: 1.5;

}



@media(min-width: 992px) {

  .content-block__title {

    font-size: 1.5rem;

  }

}



.content-block__paragraph {

  font-size: 1rem;

  opacity: .9;

  line-height: 1.7;

}



/* ========================================= */



.block-28 {

  --block-background: white;

  --block-text-color: var(--text-primary);

  background-color: var(--block-background);

  color: var(--block-text-color);

  background-image: linear-gradient(to bottom, #f8f8f8 50%, transparent 0);

}



@media(min-width: 992px) {

  .block-28 {

    background-image: linear-gradient(to right, #f8f8f8 50%, transparent 0);

  }

}



.block-28__content-side,

.block-28__form-side {

  padding-top: 5rem;

  padding-bottom: 5rem;

}



.contact-info,

.contact-form {

  width: 90%;

  margin: auto;

}



.contact-info {

  font-size: .9rem;

}



.contact-form__title,

.contact-info__title {

  font-size: 2rem;

  font-weight: 600;

}



.contact-info__paragraph {

  line-height: 1.7;

  opacity: .9;

}



.contact-info__title-2 {

  font-weight: 600;

}



.contact-info__title-2

.contact-info__item {

  opacity: .9;

}



.contact-form__paragraph {

  font-size: 1rem;

  opacity: .9;

  line-height: 1.7;

  width: 90%;

}



.contact-form__input {

  color: var(--text-primary);

  font-size: .87rem;

  padding: .87rem 1.4rem;

  border-radius: 5px;

  border: 1px solid rgba(0,0,0,0.1);

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

  width: 100%;

  margin-bottom: .87rem;

}



textarea.contact-form__input {

  height: 130px;

  resize: none;

}



.contact-form__input:focus {

  border: 1px solid var(--primary);

  outline: none;

  box-shadow: none;

}



.btn--loading {

  opacity: 1;

  cursor: progress;

  position: relative;

  overflow: hidden;

  z-index: 1;

}



.btn--loading::before,

.btn--loading::after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

}



.btn--loading::before {

  background: var(--primary);

  width: 100%;

  height: 100%;

  z-index: 1;

}



/* Safari */

@-webkit-keyframes spin {

  0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); }

}



@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}



.btn--loading::after {

  margin: auto;

  border: 2px solid transparent;

  border-radius: 50%;

  border-top: 2px solid var(--primary-invert);

  width: 1.5rem;

  height: 1.5rem;

  -webkit-animation: spin .5s linear infinite; /* Safari */

  animation: spin .5s linear infinite;

  z-index: 2;

}



/* UTILITY CLASSES */



.h-100 {

  height: 100% !important;

}



/* ============================================== */



.block-32 {

  --block-background: white;

  --block-text-color: var(--text-primary);

  background: var(--block-background);

  color: var(--block-text-color);

}



.block__header {

  margin-bottom: 4rem;

}



.block__pre-title {

  color: var(--primary);

  font-size: 1rem;

  font-weight: 600;

}



.block__title {

  font-size: 2rem;

  font-weight: 900;

  line-height: 1.4;

}



@media(min-width: 992px) {

  .block__title {

    font-size: 2.5rem;

  }

}



.block__paragraph {

  font-size: 1.1rem;

  line-height: 1.5;

  opacity: .9;

}



/* ====================================== */



.block-44 {

  --block-background: #000000;

  --block-text-color: white;

  --text-primary: var(--block-text-color);

  background: var(--block-background);

  color: var(--block-text-color);

  font-size: .87rem;

  text-align: center;

}



@media(min-width: 992px) {

  .block-44 {

    text-align: initial;

  }

}



.block-44__logo-container {

  width: 100%;

  margin-bottom: 2.5rem;

}



@media(min-width: 992px) {

  .block-44__logo-container {

    width: auto;

    flex-grow: 1;

    margin-bottom: 0;

  }

}



.block-44__logo {

  height: 60px;

 /* filter: brightness(1000);*/

}



.block-44__list {

  display: flex;

  flex-wrap: wrap;

}



.block-44__li-1 {

  margin: 0 1.2rem;

  margin-bottom: .6rem;

}



@media(min-width: 992px) {

  .block-44__li-1 {

    margin: 0 1.8rem;

  }



  .block-44__li-1:last-child {

    margin: 0;

  }

}



.block-44__link {

  color: var(--text-primary);

  opacity: .8;

}



.block-44__link:hover,

.block-44__link:focus {

  color: var(--primary);

}



.block-44__divider {

  margin: 2.4rem 0;

  border-color: rgba(255, 255, 255, 0.1);

}



.block-44__extra-links {

  justify-content: center;

}



@media(min-width: 768px) {

  .block-44__extra-links {

    justify-content: flex-start;

  }

}



.block-44__copyrights {

  color: var(--text-primary);

  font-size: .87rem;

  line-height: 1.7;

  opacity: .8;

}



#back2Top {

    width:50px;

    line-height: 50px;

    overflow: hidden;

    z-index: 9999;

    display: none;

    cursor: pointer;

    

    position: fixed;

    bottom: 50px;

    right: 0;

    background-color: #514163;

    color: #fff;

    text-align: center;

    font-size: 30px;

    text-decoration: none;

    border-radius: 100%;

}



#back2Top:hover {

    background-color: #360968;

    color: #fff;

}
.footer_text{
  color: var(--first-color);
}

.slider_3 .card_m1 img

{

    width: 100%;

    vertical-align: -webkit-baseline-middle;

}

.slider_3 .card_m1 

{

background: white;

    min-height: 75px;

    vertical-align: -webkit-baseline-middle;

    border-radius: 5px;

    box-shadow: 2px 1px 5px #ccc;

    margin: 15px 4px;

    padding: 12px;

}



/*event*/

a

{

  text-decoration: none !important;

}

.btn-search{background: #FD3A13; border-color: #FD3A13; color: #fff; padding: 7px 10px}

.btn-search:hover{background: #ca1b1b; border-color: #ca1b1b}

section{padding: 30px 0; float: left; width: 100%}

.card{float: left; width:100%}

.navbar {border: medium none; float: left; margin-bottom: 0px; width: 100%;  border-radius: 0}

.title-large {font-size: 20px; margin: 10px 0 5px; line-height: 27px; color: #141517;}

.title-small { color: #141517; font-size: 16px; font-weight: 400; line-height: 23px; margin: 6px 0 0;}

.title-x-small {font-size: 18px; margin: 0px;}

.title-large a, .title-small a, .title-x-small a{color: inherit}

.banner-sec{float: left; width: 100%; background: #EBEBEB}

.card-block{padding:0 10px 10px;}

.card-text{margin: 0}

.text-time{color: #ff0000; font-weight: 600;}

.banner-sec .card-img-overlay{padding: 0; top: 3px; left: 7px; height: 20%}



header{float: left; width:100%}

.small-top{ border-bottom: 1px solid #2b2b2b;float: left; width: 100%; background: #000}

.small-top .social-icon{float: right;}

.small-top .social-icon a {border-left: 1px solid #2b2b2b; color: #ca1b1b; float: left; padding: 6px 13px;}

.small-top .social-icon a:last-child {border-right: 1px solid #2b2b2b;}

.small-top .social-icon a:hover {color:#FD3A13; text-decoration: none;}

.small-top .date-sec {font-size: 13px; font-weight: 600; float: left; margin-top: 4px; color: #898989}

.top-head{background: #141517; width: 100%; float: left; height: 100px;}

.top-head h1 {color: #fff; font-size: 36px; font-weight: 600; margin: 18px 0 0;}

.top-head small{float: left; width: 100%; font-size: 14px; color: #c0c0c0; margin-top: 5px; margin-left: 5px;}

.top-head .admin-bar {text-align: right; margin-top: 22px;}

.top-head .admin-bar a {color: #fff; line-height: 49px; position: relative; padding:0 7px;}

.top-head .admin-bar a:hover{color: #ff0000}

.top-head .admin-bar a i{margin-right: 6px;}

.top-head .admin-bar .ping {background: #ff0000; border: 3px solid #141517; border-radius: 50%; height: 14px; position: absolute; right: 3px;    top: 13px; width: 14px; z-index: 1;}

.top-head .admin-bar img {float: right; height: 50px; width: 50px; margin-left: 18px;}

.top-nav{background: #fff; padding: 0; border-bottom: 1px solid #dbdbdb}

.top-nav .nav-link {padding-bottom: 0.7rem; padding-top: 0.7rem;}

.top-nav .navbar-nav .nav-item + .nav-item{margin-left:0}

.top-nav li a{color: #141517; text-transform: uppercase; font-size: 14px; font-weight: 700; padding: 0 10px; border-bottom: 2px solid #fff}

.top-nav li a:hover, .top-nav li a:focus, .top-nav li.active a{color: #141517; border-bottom: 2px solid #FD3A13 }

.top-nav .form-control{border-color: #fff}

.navbar-toggle{background: #fff;}

.navbar-toggle .icon-bar{background:#0A2E61; }

.navbar-brand{display: none;}



.top-slider .carousel-indicators{bottom: 0}

.top-slider .carousel-indicators li{border:1px solid #000;}

.top-slider .carousel-indicators .active{background:#000;}





.side-bar .nav-tabs{border-bottom:none;}

.side-bar .nav-tabs .nav-link {color: #aeaeae; text-transform: uppercase; border: none;}

.side-bar .nav-tabs .nav-link.active, .side-bar .nav-tabs .nav-link:hover{border-bottom:2px solid #ff0000;  text-transform: uppercase; color: #222}

.sidebar-tabing .media{margin-top: 20px}

.sidebar-tabing img{width: 120px;height: 100px;}

.sidebar-tabing .title-small {line-height: 23px; margin-top: 5px; font-size: 18px}



#search {float: right; margin-top: 9px; width: 250px;}

.search {padding: 5px 0; width: 230px; height: 30px; position: relative; left: 10px; float: left; line-height: 22px;}

.search input {background: #d0d0d0; border: medium none; border-radius: 3px 0 0 3px; float: left; height: 36px; line-height: 18px; margin-left: 210px; padding: 0 9px; position: absolute; top: -3px; width: 0; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;

-o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}

.search:hover input, .search input:focus { width: 200px; margin-left: 0px; background: #d0d0d0;}

.top-nav .btn {position: absolute;right: 0;top: -3px;border-radius:3px;}



.banner-sec{float: left; width:100%;}

.banner-sec .news-block{margin-bottom: 20px;color: #000;}

.banner-sec .news-block:last-child{margin-bottom: 0px}

.banner-sec .news-des {margin-bottom: 5px;}

.banner-sec .title-large{margin: 18px 0 0;

font-size: 25px;

    margin-bottom: 15px;}

.banner-sec .time{margin-top: 0px; font-size: 13px;}

.banner-sec .carousel-control.left, .banner-sec .carousel-control.right{background: none;}

.banner-sec .card{margin-bottom:20px;}



.section-01{float: left; width: 100%;  border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5}

.section-01 .heading-large {border-bottom: 2px solid #222; color: #222; float: left; width: 100%; padding:0 0 6px; margin:0 0 18px; text-align: left;}

.section-01 .heading-large::before, .section-01 .heading-large::after{background: transparent;}

.section-01 .heading-small {border-bottom: 2px solid #222; color: #222; float: left; margin: 7px 0 0; width: 100%; padding-bottom: 10px; font-size: 18px }

.section-01 .title-small {margin-bottom: 5px;     font-size: 18px;

    font-weight: 600;}

.section-01 .news-block{border-bottom: 1px dashed #000; padding-bottom: 30px; border: none;}

.section-01 aside > .news-block{border-bottom: 1px dashed #000; padding-bottom: 19px;}

.section-01 aside > .news-block:last-child{border-bottom: none; margin-bottom: 20px}

.section-01 .card{border: none;}

.section-01 .card-block{padding: 10px 0;}

.section-01 .video-sec {float: left; margin-top: 30px; width: 100%;}

.section-01 .video-block {float: left; margin-top: 20px; width: 100%;}



.action-sec{width:100%; float:left; background:#222}

.action-box{float:left; width:100%; text-align:center;}

.action-box h2{color:#fff; font-size:20px;}

.gride_ms_1 .card-body

{

  min-height: 140px;

}

/*event*/

.shape_1

{

  background: url(imgs/shape1.png);

      width: 250px;

    height: 250px;

    position: absolute;

    left: -100px;

    background-size: 221px;

    background-repeat: no-repeat;

}



.shape_2

{

  background: url(imgs/shape2.png);

   width: 197px;

    height: 227px;

    position: absolute;

    right: 0;

    background-size: 186px;

    background-repeat: no-repeat;

    margin-top: 134px;

}

@media(max-width: 991px){

  .second_menu
  {
    display: none;
  }

  .second_menu .container-fluid
  {
    max-width: 100%;
  }
  .second_menu ul li a {
     padding: 15px 13px;
    font-size: 14px;
  }

.ft-menu--js-show .ft-menu__slider{

  float: left;

}
li .current_link {
    color: #fff !important;
}
header.hero 
{
 padding-top: 5px;
 padding-bottom: 10px;
}
.hero__menu-content,
.hero__menu-content ul
{
  width: 100% !important
}
header.fixed_header .hero-nav__item {
        margin: 0px 10px;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}
.close_menu
{
     display: block;
    color: #fff;
    text-align: right;
    padding: 13px 30px;
    position: absolute;
    right: 0px;;
}
}

@media(max-width: 767px){
  .second_menu
  {
    display: none;
  }
  .banner .hero__paragraph.mb-5

  {

  margin-bottom: 15px !important

  }

  .head_m1 {

    font-size: 29px;

  }

   .banner .carousel-item img{

        min-height: 300px;

    width: max-content !important;

  }

}







/*product-list-hover-slide-effect*/

.product-list-left-effect

{

  width:100%;

  position:relative;

  margin-bottom:20px; 

  overflow:hidden;

}

.services_banner-cards,
.services_banner-sec{
  background: var(--second-bg);
}

.services_testimonial{
  background: var(--first-bg) !important;
}



.product-list-left-effect img

{

  transition-duration:0.4s;
  width: 100%;
  border-radius: 5px !important;

}



.product-list-left-effect .product-overlay

{

  width:90%;

  height:90%;

  position:absolute;

  padding:20px;

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

  color:#fff;

  top:5%;

  left:-100%;

  

  transition-duration:0.4s;

  -webkit-transition: left 0.5s ease-in-out;

}



.product-list-left-effect .product-overlay h3

{

  margin:0 0 12px 0;

}



.product-list-left-effect:hover .product-overlay

{

  /*opacity:1;*/

  -webkit-transition: left 0.5s ease-in-out;

  left:5%;
  display: none;

}



.product-list-left-effect:hover img

{

   transform: scale(1.1);

}

/*product-list-hover-slide-effect*/





/*theme-heading*/

.theme-heading

{

  text-align:center;

  margin-bottom:2rem;

  font-weight:300;

}





.current_link{

  color:#81dc3c !important;

}


.portfolio_banner-scn {
    background: #000;
    border-bottom: 1px solid #3d3d3d;
}

.no-padding-top{
  padding-top: 0px !important;
}

.no-padding-bottom{
  padding-bottom: 0px !important;
}

.hero__menu-content > li {
  position: relative;
}
.hero__menu-content ul li {
  position: relative;
  padding: 0 12px;
}

.hero__menu-content ul li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 18px;
  width: 1px;
  background-color: #42721f85;
}
.hero__menu-content ul li:first-child::before,
.hero__menu-content ul li:first-child::after {
  content: none;
}
.video_m7 {
  width: 100%;
  margin-bottom: 25px;
}

/* 🔥 PERFECT VIDEO RATIO FIX */
.video_m7 iframe {
  width: 100%;
  height: 250px;
  display: block;
}

/* 🔥 REMOVE BLUR CAUSE */
iframe {
  transform: none !important;
  filter: none !important;
}