/*
 * Title:  Fian
 * Author: EndTag Teams
 */

/* --------------------------------------------------------
[Table of contents]
1. Global styles
2. Menu styles
3. Banner
4. about us
5. Service sec
6. Fun fact
7. How we work
8. Testimonials
9. Pricing plan
10. Blog post
11. Footers
12. Responsive
13. About us
14. Service page
15. Portfolio Page
16. Portfolio single
17. Contact page
18. Service single
19. Blog page
20. Blog Details
21. Pricing page
22. Faqs page

15.Responsive

[End table of contents]
----------------------------------------------------------------------- */

/* ------------------------------
   Global styles
---------------------------- */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline; }



article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

  display: block; }



body {

  line-height: 1; }



ol, ul {

  list-style: none; }



blockquote, q {

  quotes: none; }



blockquote:before, blockquote:after,

q:before, q:after {

  content: '';

  content: none; }



table {

  border-collapse: collapse;

  border-spacing: 0; }



body {

  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 14px;

  line-height: 26px;

  letter-spacing: 0; }



img {

  max-width: 100%; }



a,

a:hover,

a:focus {

  cursor: pointer !important;

  outline: none;

  text-decoration: none; }



h1,

h2,

h3,

h4,

h5,

h6 {

 
  font-weight: 400;
  
  color: #1e2c34;

  margin: 0;

  padding: 0; }



ul, li {

  margin: 0;

  padding: 0;

  list-style: none; }



strong {

  font-weight: 700; }



/* This only works with JavaScript, 
        if it's not present, don't show loader */

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: url(../img/loader_ico.gif) center no-repeat #fff;
}

/*owl carousel slider fix*/
.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{
    -ms-touch-action: auto;
        touch-action: auto;
}
/*owl carousel slider fix*/


/* -------------------------------- 

menue style

-------------------------------- */

/*start menu section*/

.navbar.navbar-expand-lg.active_sc{
  background: #fff;
  -webkit-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.15);
box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.15);
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
transition: 0.3s all ease;
}

.navbar.navbar-expand-lg,
.navbar.navbar-expand-md{
  background: none;
  transition: 0.3s all;
  z-index: 999;
  padding-top: 20px;
  left: 0;
  width: 100%;
  -webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
transition: 0.3s all ease;
}

.navbar.navbar-expand-lg .nav-item a:hover{
  color: #1d1e28;
}
.navbar-light .navbar-brand{
  padding-top: 10px;
}
.navbar .nav-item a{
  color: #1d1e28;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-transform: capitalize;
}
.navbar .navbar-nav .active>.nav-link, 
.navbar .navbar-nav .nav-link.active, 
.navbar .navbar-nav .nav-link.show, 
.navbar .navbar-nav .show>.nav-link{
  color: #e3033d;
}
.navbar .nav-item.cn_btn a{
  background-color: #e3033d;
  border:1px solid #e3033d;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  margin-left: 20px;
  border-radius: 2px;
}




/*sub menu*/

.navbar .nav-item.drop_menu {
  position: relative;
      float: left;
    position: relative;
    margin-right: 6px;
    height: 50px;
}
.navbar .nav-item.drop_menu ul li{
  width: 100%;
  float: left;
  height: auto;
  position: relative;
}

.navbar .nav-item.drop_menu a i{
  padding-left: 5px;
}

.navbar .nav-item.drop_menu ul{
  margin:30px 0 0 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  min-width: 150px;
  top: 50px;
  left: 0;
  z-index: 1;
  padding: 10px 0;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #eee;
  transition: all .2s ease-in-out;
}

.navbar .nav-item.drop_menu ul li a{
      color:#e3033d;
    float: left;
    width: 100%;
    font-weight: 700;
    text-align: left;
    padding: 5px 15px;
    font-size: 12px;
}
.navbar .nav-item.drop_menu:hover ul{
  opacity: 1;
  visibility: visible;
  top: 20px;
}


/*end of menu section*/



/*return to top*/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 10px;
    background-color: #e3033d;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 9999;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}


/* -------------------------------- 

close menue style

-------------------------------- */



/* -------------------------------- 

Start Banner style

-------------------------------- */

.banner_hero_sec{
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-image: url(../img/bg/background-1.png);
  background-repeat: no-repeat;
  background-size:contain;
  background-position: left top;
  padding-top: 158px;
  padding-bottom: 120px;
}

.banner_content h1{
  font-weight: 600;
  color: #1d1e28;
  font-size: 52px;
  line-height: 1.4em;
  padding-bottom: 20px;
}
.banner_content p{
  padding-bottom: 36px;
  font-weight: 400;
  color: #1d1e28;
  font-size: 22px;
}
.banner_content .btn{
  padding: 15px 48px;
  background-color: #e3033d;
  border:1px solid #e3033d;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  border-radius: 5px;
}
.banner_content .btn:hover{
  color: #e3033d;
  background-color: transparent;
}

.banner_image img{
  max-width: 606px;
}


/* -------------------------------- 

Close Banner style

-------------------------------- */




/* -------------------------------- 

Start About Us style

-------------------------------- */

.about_sec{
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-top: 10px;
}

.about_sec:after{
  content: '';
  width: 48%;
  height:auto;
  bottom: 110px;
  position: absolute;
  left: 0;
  top: 0;
  border:28px solid #e3033d;
  background-image: url(../img/about-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -11;
}
.about_sec:before{
  content: '';
  width: 35%;
  height:400px;
  bottom: 0;
  position: absolute;
  left: 0;
  border:28px solid #e3033d;
  border-left: 0;
  background-image: url(../img/about-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.about_title{
  padding: 100px 0;
}
.about_title .btn{
  padding: 15px 48px;
  background-color: #e3033d;
  border:1px solid #e3033d;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  border-radius: 5px;
  margin-top: 20px;
}
.about_title .btn:hover{
  color: #e3033d;
  background-color: transparent;
}

/*title*/
.title h5{
  text-transform: uppercase;
  font-weight: 700;
  color: #e3033d;
  font-size: 24px;
}
.title h3{
  font-weight: 600;
  color: #1d1e28;
  font-size: 36px;
  line-height: 1.3em;
}
.title p{
  padding-top: 20px;
  font-weight: 400;
  color: #5a595c;
  font-size: 15px;
}
/*title*/



/* -------------------------------- 

Close About Us style

-------------------------------- */




/* -------------------------------- 

Start Service sec style

-------------------------------- */

.service_sec{
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  z-index: 1;
  background-image: url(../img/bg/background-2.png);
  background-repeat: no-repeat;
  background-size: 40% auto;
  background-position: right bottom;
}

.service_sec .title{
  padding-bottom: 40px;
}
.single_services_in{
  margin-top: 30px;
}
.single_services_in h4{
  padding-top: 30px;
  padding-bottom: 18px;
  font-weight: 600;
  color: #1d1e28;
  font-size: 24px;
}
.single_services_in h4 a{
  color: #1d1e28;
}
.single_services_in p{
  font-weight: 400;
  color: #5a595c;
  font-size: 15px;
}

.service_sec .btn_only .btn{
  padding: 15px 48px;
  background-color: #e3033d;
  border:1px solid #e3033d;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  border-radius: 5px;
  margin-top: 40px;
}
.service_sec .btn_only .btn:hover{
  color: #e3033d;
  background-color: transparent;
}


/* -------------------------------- 

Close Service sec style

-------------------------------- */




/* -------------------------------- 

Start Fun fact style

-------------------------------- */

.fun_fact_sec{
  width: 100%;
  background-color: #e3033d;
  padding-top: 100px;
  padding-bottom: 100px;
}

.single_fun_in{
  width: 100%;
  text-align: center;

}
.single_fun_in h3{
  color: #fff;
  padding-bottom: 20px;
  font-weight: 700;
  font-size: 60px;
}
.single_fun_in p{
  color: #fff;
  font-size: 24px;
  font-weight: 500;
}


/* -------------------------------- 

Close Fun fact style

-------------------------------- */




/* -------------------------------- 

Start How we work style

-------------------------------- */

.how_we_work{
  width: 100%;
  position: relative;
  z-index: 1;
  margin: 100px 0;
  overflow: hidden;
}


.how_we_work:after{
  content: '';
  width: 48%;
  height:auto;
  bottom: 110px;
  position: absolute;
  right: 0;
  top: 0;
  border:28px solid #e3033d;
  background-image: url(../img/how_we2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -11;
}
.how_we_work:before{
  content: '';
  width: 35%;
  height:400px;
  bottom: 0;
  position: absolute;
  right: 0;
  border:28px solid #e3033d;
  border-right: 0;
  background-image: url(../img/how_we1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.work_title{
  padding: 100px 0;
}

.work_title .btn{
  padding: 15px 48px;
  background-color: #e3033d;
  border:1px solid #e3033d;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  border-radius: 5px;
  margin-top: 40px;
}
.work_title .btn:hover{
  color: #e3033d;
  background-color: transparent;
}

/* -------------------------------- 

Start How we work style

-------------------------------- */




/* -------------------------------- 

Start Testimonials style

-------------------------------- */


.testimonials_sec{
  width: 100%;
  position: relative;
  z-index: 1;
  background-color: #e3033d;
}
.image_relative{
  position: relative;
}

.testimonials_inside_image{
  position: absolute;
  width: 515px;
  height: 515px;
  background:transparent;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-left: auto;
  border: 5px solid #eeeeee;
  left: 20px;
}
.testimonials_inside_image:after{
  content: '';
  width: 420px;
  height:420px;
  position: absolute;
  left: 45px;
  top: 45px;
  border: 5px solid #eeeeee;
  border-radius: 50%;
}
.testimonials_inside_image img{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  z-index: 1;
  position: absolute;
}
.testimonials_inside_image img:nth-child(1){
  position: absolute;
    right: 70px;
    top: 400px;
    z-index: 1;
}
.testimonials_inside_image img:nth-child(2){
    position: absolute;
    right: -10px;
    top: 270px;
}
.testimonials_inside_image img:nth-child(3){
    position: absolute;
    right: 4px;
    top: 120px;
}



.testimonials_sec .owl-carousel .owl-item img{
  width: auto;
  max-width: 300px;
  width: 300px;
  height: 300px;
  margin: auto;
  margin-top: 110px;
  margin-bottom: 80px;
  border-radius: 50%;
}

.testimonials_sec .single_testi{
  text-align: center;
  padding-top: 50px;
  overflow: hidden;
}
.testimonials_sec .single_testi p{
  color: #fff;
  font-weight: 600;
  font-style: italic;
  font-size: 18px;
}
.testimonials_sec .single_testi h4{
  color: #fff;
  padding-top: 26px;
  font-weight: 600;
  font-size: 24px;
}
.testimonials_sec .single_testi h5{
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}
.testimonials_sec .single_testi .fas{
  position: absolute;
  left: 40%;
  top: 10%;
  font-size: 120px;
  z-index: -1;
  color: #b50938;
}

/* -------------------------------- 

Close Testimonials style

-------------------------------- */




/* -------------------------------- 

Start Pricing plan style

-------------------------------- */

.pricing_plan_sec{
  width: 100%;
  position: relative;
  z-index: 1;
  padding-top: 100px;
  padding-bottom: 100px;
}
.pricing_plan_sec .title{
  padding-bottom: 40px;
}

.single_price_in.center{
  border:4px solid #e3033d;
}
.single_price_in:hover{
  -webkit-box-shadow: 0px 0px 27px 4px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 0px 27px 4px rgba(0,0,0,0.14);
box-shadow: 0px 0px 27px 4px rgba(0,0,0,0.14);
}
.single_price_in{
  width: 100%;
  padding: 42px 0;
  background-color: #f6f6f6;
  margin-top: 30px;
  text-align: center;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.single_price_in .header_p h2{
  padding-bottom: 20px;
  color: #1d1e28;
  font-size: 30px;
  font-weight: 600;
}
.single_price_in .header_p .price{
  background-image: url(../img/icon/price1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 60px 30px;
  margin-bottom: 12px;
}
.single_price_in .header_p .price.two{
  background-image: url(../img/icon/price2.png);
}
.single_price_in .header_p .price.three{
  background-image: url(../img/icon/price3.png);
}
.single_price_in .header_p .price h3{
  color: #fff;
  font-weight: 600;
  font-size: 48px;
}
.single_price_in .header_p .price h3 small{
  font-size: 18px;
}
.single_price_in .body_p p.blind{
  text-decoration: line-through;
}
.single_price_in .body_p p{
  padding-top: 16px;
  font-weight: 500;
  color: #1d1e28;
  font-size: 18px;
}

.single_price_in .body_p .btn{
  padding: 15px 48px;
  background-color: #e3033d;
  border:1px solid #e3033d;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  border-radius: 5px;
  margin-top: 32px;
}
.single_price_in .body_p .btn:hover{
  color: #e3033d;
  background-color: transparent;
}


/* -------------------------------- 

Close Pricing plan style

-------------------------------- */




/* -------------------------------- 

Start Blog post style

-------------------------------- */

.blog_sec{
  width: 100%;
  position: relative;
  z-index: 1;

  padding-bottom: 100px;
  padding-top: 72px;
  overflow: hidden;
  background-image: url(../img/bg/background-2.png);
      background-repeat: no-repeat;
    background-size: 40% auto;
    background-position: right bottom;
}
.blog_sec:after{
  content: '';
  width: 72%;
  height: 445px;
  background-image: url(../img/blog_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -11;
}
.blog_sec:before{
  content: '';
  width: 72%;
  height: 445px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  background-color: #e3033d;
  opacity: 0.70;
}

.blog_single_in{
  background-color: #e3033d;
}
.blog_single_in img{
  width: 100%;
}
.blog_single_in .blog_content{
  padding: 20px 30px;
}
.blog_single_in .blog_content .meta .cat{
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 18px;
  display: inline-block;
  padding-bottom: 10px;
}
.blog_single_in .blog_content .meta p{
  float: right;
  font-weight: 400;
  color: #fff;
  padding-top: 0;
  font-size: 14px;
}
.blog_single_in .blog_content h2{
  font-weight: 600;
  color: #fff;
  font-size: 24px;
  line-height: 1.3em;
}
.blog_single_in .blog_content h2 a{
  color: #fff;
}
.blog_single_in .blog_content p{
  padding-top: 10px;
  font-weight: 400;
  color: #fff;
  font-size: 14px;
}


/* -------------------------------- 

Close Blog post style

-------------------------------- */




/* -------------------------------- 

Start Footers style

-------------------------------- */

.footers{
  width: 100%;
  padding-top: 100px;
  padding-bottom: 30px;
  background-color: #f3f3f3;
}
.footers .widget{
  margin-bottom: 30px;
}
.widget_info p{
  padding-top: 22px;
  font-weight: 400;
  color: #5a595c;
  font-size: 14px;
}
.footers .widget h3,
.footers .footer_sicial h3{
  padding-bottom: 36px;
  font-weight: 600;
  color: #5a595c;
  font-size: 24px;
}
.footers .widget ul li{
  padding-bottom: 8px;
}
.footers .widget ul li a{
  color: #5a595c;
  font-size: 14px;
  font-weight: 400;
}
.footers .widget form{
  position: relative;
}
.footers .widget form input{
  width: 100%;
  outline: 0;
  background-color: #fff;
  padding: 6px 8px;
  color: #5a595c;
  font-size: 10px;
  border: 1px solid #ebebeb;
}
.footers .widget form button{
      position: absolute;
    right: 8px;
    top: 6px;
    background-color: transparent;
    border: 0;
    outline: 0;
    color: #5a595c;
}

.footers .footer_sicial li{
  display: inline-block;
  padding-right: 15px;
  padding-bottom: 10px;
}
.footers .footer_sicial li a:hover{
  background-color: #e3033d;
}
.footers .footer_sicial li a{
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align:center;
  align-items: center;
  justify-content: center;
  background-color: #3f3a39;
  color: #fff;
}

/*copyright text*/
.copyright_txt{
  width: 100%;
  padding-top: 30px;
  text-align: center;
}
.copyright_txt p,
.copyright_txt p a{
  font-weight: 400;
  color: #5a595c;
  font-size: 14px;
}

/*copyright text*/



/* -------------------------------- 

Close Footers style

-------------------------------- */





/* -------------------------------- 

Start Responsive style

-------------------------------- */

@media only screen and (max-width : 767px) {
  .navbar-toggler{
    color: #1d1e28;
    outline: 0;
    font-size: 20px;
    outline: 0;
    border: 1px solid #1d1e28;
  }
  .navbar-collapse{
    background-color: #fff;
    padding: 30px;
  }
  .navbar .nav-item.cn_btn a{
    margin-left: 0;
    margin-top: 10px;
    width: auto;
     max-width: 120px;
    text-align: center;
  }
  .banner_content h1{
    font-size: 44px;
  }
  .banner_content p{
    font-size: 18px;
  }
  .title h5{
    font-size: 20px;
  }
  .title h3{
    font-size: 28px;
  }
  .single_fun_in h3{
    font-size: 48px;
  }
  .single_fun_in p{
    font-size: 18px;
  }

  .testimonials_sec .owl-carousel .owl-item img{
    display: inline-block;
    max-width: 200px;
    width: 200px;
    height: 200px;
    margin-top: 100px;
    margin-left: 120px;
  }
  .testimonials_inside_image{
    width: 400px;
    height: 400px;
 
  }
  .testimonials_inside_image:after{
    width: 320px;
    height: 320px;
    left: 40px;
    top: 40px;
  }
  .testimonials_inside_image img{
    width: 60px;
    height: 60px;
  }
  .testimonials_inside_image img:nth-child(1){
    top: 300px;

    right: 50px;
  }
  .testimonials_inside_image img:nth-child(2){
    top: 170px;
  }
  .testimonials_inside_image img:nth-child(3){
    right: 30px;
    top: 50px;
  }

  .single_price_in .body_p{
    padding: 0 10px;
  }
  .single_price_in .body_p .btn{
    white-space: normal;
  }

  .banner_image img{
    max-width: 100%;
  }
  .about_sec:before{
    height: 400px;
    top: 120px;
    bottom: 0;
    width: 65%;
  }
  .about_sec:after{
    width: 100%;
    height: 400px;
    bottom: 0;
    top: 0;
  }
  .about_title{
    padding-top: 560px;
    padding-bottom: 0;
  }
  .fun_fact_sec{
    padding-top: 50px;
  }
  .single_fun_in{
    padding-top: 50px;
  }

  .how_we_work:before{
    height: 400px;
    top: 120px;
    bottom: 0;
    width: 65%;
  }
  .how_we_work:after{
    width: 100%;
    height: 400px;
    bottom: 0;
    top: 0;
  }
  .work_title{
    padding-top: 560px;
    padding-bottom: 0;
  }

  .blog_sec{
    margin-top: 0;
    padding-top: 0;
  }
  .blog_title{
    padding-bottom: 40px;
  }
  .blog_sec:after,
  .blog_sec:before{
    top: auto;
    bottom: 0;
  }
  .blog_single_in .blog_content .meta p{
    padding-top: 0;
  }
}


@media only screen and (max-width : 480px) {
  .image_relative{
    display: none;
  }
  .testimonials_sec .owl-carousel .owl-item img{
    margin: auto;
    display: inherit;
  }
  .testimonials_sec .single_testi{
    padding-top: 50px;
  }
  .testimonials_sec{
    padding-bottom: 100px;
    padding-top: 100px;
  }
  .banner_image{
    padding-top: 50px;
  }

}
@media only screen and (min-device-width : 768px) and (max-device-width : 993px) {
  .navbar-toggler{
    color: #1d1e28;
    outline: 0;
    font-size: 20px;
    outline: 0;
    border: 1px solid #1d1e28;
  }
  .navbar-collapse{
    background-color: #fff;
    padding: 30px;
  }
  .navbar .nav-item.cn_btn a{
    margin-left: 0;
    margin-top: 10px;
    width: auto;
     max-width: 120px;
    text-align: center;
  }
  .banner_content h1{
    font-size: 44px;
  }
  .banner_content p{
    font-size: 18px;
  }
  .title h5{
    font-size: 20px;
  }
  .title h3{
    font-size: 28px;
  }
  .single_fun_in h3{
    font-size: 48px;
  }
  .single_fun_in p{
    font-size: 18px;
  }

  .testimonials_sec .owl-carousel .owl-item img{
    display: inline-block;
    max-width: 200px;
    width: 200px;
    height: 200px;
    margin-top: 100px;
    margin-left: 60px;
  }
  .testimonials_inside_image{
    width: 400px;
    height: 400px;
    left: -40px;
  }
  .testimonials_inside_image:after{
    width: 320px;
    height: 320px;
    left: 40px;
    top: 40px;
  }
  .testimonials_inside_image img{
    width: 60px;
    height: 60px;
  }
  .testimonials_inside_image img:nth-child(1){
    top: 300px;

    right: 50px;
  }
  .testimonials_inside_image img:nth-child(2){
    top: 170px;
  }
  .testimonials_inside_image img:nth-child(3){
    right: 30px;
    top: 50px;
  }

  .single_price_in .body_p{
    padding: 0 10px;
  }
  .single_price_in .body_p .btn{
    white-space: normal;
  }
}

@media only screen and (min-width : 1400px) {
  .blog_sec:after,
  .blog_sec:before{
    width: 68%;
  }
}
@media only screen and (min-width : 1920px) {
  .blog_sec:after,
  .blog_sec:before{
    width: 62%;
  }
}

/* -------------------------------- 

Close Responsive style

-------------------------------- */




/* -------------------------------- 

Start About us style

-------------------------------- */

.broadcamp_header{
  width: 100%;
  padding-top: 210px;
  padding-bottom: 120px;
  background-color: #f8f8f8;
  background-image: url(../img/bg/background-1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
}
.broadcamp_inside a,
.broadcamp_inside span{
  display: inline-block;
  font-weight: 600;
  color: #e40841;
  font-size: 20px;
  padding-right: 5px;
  padding-bottom: 10px;
}
.broadcamp_inside h3{
  color: #1d1e28;
  font-weight: 600;
  font-size: 52px;
  line-height: 1.3em;
}

/*about known*/
.about_know_more{
  width: 100%;
  padding: 100px 0;
  overflow: hidden;
}

.know_about_image img{
  display: block;
}
.know_about_image{
  position: relative;
}
.know_about_image .about2{
  position: absolute;
  right: -210px;
  bottom: 0;
}
/*about known*/

/*about skills*/

.about_skills_sec{
  width: 100%;
  position: relative;
  z-index: 1;
  padding-bottom: 100px;
  overflow: hidden;
  padding-top: 100px;
}
.about_skills_sec:after{
  content: '';
  width: 30%;
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../img/about/skill2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.about_skill_right .nav-tabs{
  border-bottom: 0;
}
.about_skill_right .nav-tabs .nav-item{
  margin-bottom: 0;
  width: 33.33%;
}
.about_skill_right .nav-tabs .nav-link{
  background-color: #efefef;
  border: 0;
  border-radius: 0;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
  text-transform: uppercase;
  font-weight: 600;
  color: #1d1e28;
  font-size: 14px;
}
.about_skill_right .nav-tabs .nav-link.active{
  background-color: #e3033d;
  color: #fff;
}

.about_skill_right .title{
  padding-top: 36px;
}

.single_progress_bar{
  position: relative;
  padding-top: 30px;
}
.single_progress_bar p{
  padding-bottom: 10px;
  font-weight: 600;
  color: #1d1e28;
  font-size: 18px;
}
.single_progress_bar label{
  position: absolute;
  right: 0;
  top: 30px;
  font-weight: 600;
  color: #1d1e28;
  font-size: 18px;
}
.single_progress_bar .progress-bar{
  background-color: #e3033d;
}

/*about skills*/

/*video*/
.video_promo_about{
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 120px 0;
  background-image: url(../img/about/video-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.video_promo_about:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: -moz-linear-gradient(52deg, #1d1e28 0%, #e3033d 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #1d1e28), color-stop(100%, #e3033d)); /* safari4+,chrome */
  background: -webkit-linear-gradient(52deg, #1d1e28 0%, #e3033d 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(52deg, #1d1e28 0%, #e3033d 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(52deg, #1d1e28 0%, #e3033d 100%); /* ie10+ */
  background: linear-gradient(38deg, #1d1e28 0%, #e3033d 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3033d', endColorstr='#1d1e28',GradientType=0 ); /* ie6-9 */
  background-color: #e3033d;
  opacity: 0.7;
  z-index: -1;
}

.video_inside_con .btn{
  color: #fff;
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #e3033d;
  font-size: 20px;
  float: left;
  padding-top: 35px;
}
.video_inside_con h3{
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 24px;
  padding-left: 10px;
  float: left;
  padding-top: 25px;
}
/*video*/

/*teams*/

.about_teams_sec{
  width: 100%;
  padding: 100px 0;
  background-image: url(../img/bg/background-2.png);
  background-repeat: no-repeat;
  background-position:right bottom;
  background-size: 40% auto;
}
.about_teams_sec .title{
  padding-bottom: 40px;
}

.single_team_in{
  margin-top: 30px;
}
.single_team_in .team_img{
  -webkit-border-radius:0 70px;
  border-radius:0 70px;
  position: relative;
  background-color: #e3033d;
  padding: 1px;
  z-index: 1;
  overflow: hidden;
}
.single_team_in:hover .team_img img{
  -webkit-transform: scale(0.94);
  -moz-transform: scale(0.94);
  -ms-transform: scale(0.94);
  transform: scale(0.94);
}
.single_team_in:hover .team_img ul{
  opacity: 1;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.single_team_in .team_img ul{
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align:center;
  align-items: center;
  justify-content: center;
  z-index: 11;
  top: 0;
  background-color: rgb(29, 30, 40,0.7);
  border-radius:0 70px;
  -webkit-transform: scale(0.94);
  -moz-transform: scale(0.94);
  -ms-transform: scale(0.94);
  transform: scale(0.94);
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  transition: 0.3s all ease;
  opacity: 0;
}

.single_team_in .team_img ul li{
  padding: 0 6px;
}
.single_team_in .team_img ul li a:hover{
  background-color: #e3033d;
  color: #1d1e28;
}
.single_team_in .team_img ul li a{
  width: 30px;
  height: 30px;
  background-color:#fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  color: #e3033d;
  padding-top: 3px;
}
.single_team_in img{
  display: block;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  transition: 0.3s all ease;
  -webkit-border-radius:0 70px;
  border-radius:0 70px;
}

.single_team_in .team_info{
  width: 100%;
  text-align: center;
  padding-top: 26px;
}
.single_team_in .team_info h4{
  font-weight: 600;
  color: #1d1e28;
  font-size: 30px;
  line-height: 1.2em;
}
.single_team_in .team_info p{
  font-weight: 500;
  color: #1d1e28;
  font-size: 18px;
  padding-top: 6px;
}


@media only screen and (max-width : 768px) {
  .about_title_know{
    padding-bottom: 50px;
  }
  .about_skills_sec:after{
    width: 60%;
  }
  .about_skill_right{
    padding-top: 50px;
  }
  .single_team_in .team_img{
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: auto;
  }
}
@media only screen and (max-width : 420px) {
  .single_team_in .team_img{
    width: 100%;
  }
}
@media only screen and (min-width : 1920px) {
  .about_skills_sec:after {
    width: 40%;
  }
}
/*teams*/


/* -------------------------------- 

Close About us style

-------------------------------- */




/* -------------------------------- 

Start Service page style

-------------------------------- */

.service_page_video{
  width: 100%;
  position: relative;
  z-index: 1;
  margin: 100px 0;
  padding: 60px 0;
  overflow: hidden;
  background-image: url(../img/bg/background-1.png);
  background-repeat: no-repeat;
  background-size: 20% auto;
  background-position: right bottom;
}
.service_page_video:after{
  content: '';
  width: 40%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../img/service/video1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}

.video_service_in{
  width: 100%;
  background-image: url(../img/service/video2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  padding: 160px 0;
  position: relative;
  z-index: 11;
  margin-left: -8.333333%;
}
.video_service_in:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #211d1f;
  opacity: 0.35;
  z-index: -1;
}

.video_service_in .btn{
  color: #fff;
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #e3033d;
  font-size: 20px;
  padding-top: 25px;
}

@media only screen and (max-width : 768px) {
  .service_page_video:after{
    height: 350px;
  }
   .service_page_video{
    padding-bottom: 0;
   }
  .service_page_video .title{
    padding-top: 50px;
  }
}



/* -------------------------------- 

Close Service page style

-------------------------------- */




/* -------------------------------- 

Start Portfolio page style

-------------------------------- */

.project_masonry_pg{
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}
.project_masonry_pg .button-group{
  text-align: center;
  padding-bottom: 40px;
}
.project_masonry_pg .button-group button.is-checked {
  background-color: #e3033d;
  color: #fff;
}
.project_masonry_pg .button-group button{
  border: 0;
  outline: 0;
  margin: -2px;
  padding: 14px 30px;
  background-color: #efefef;
  font-weight: 600;
  color: #1d1e28;
  font-size: 14px;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
  cursor: pointer;
  text-transform: uppercase;
}

.item-inner{
    color:#fff;
    position:relative;
    overflow:hidden;
    width:100%;
    text-align:center;
    margin-top: 30px;
}

.item-inner img{
    opacity:1;
    width:100%;
    -webkit-transition:opacity .35s;
    transition:opacity .35s;
    height: 100%;
    display: block;

}
.item-inner .overlay{
    position:absolute;
    bottom:0;
    left:0;
    padding:3em 1rem;
    width:100%;
    height:100%;
}
.item-inner .overlay::before{
    position:absolute;
    top:50%;
    right:0;
    bottom:50%;
    left:0;
    border-top:1px solid rgba(255,255,255,.8);
    border-bottom:1px solid rgba(255,255,255,.8);
    content:'';
    opacity:0;
    background-color:#fff;
    -webkit-transition:all .4s;
    transition:all .4s;
    -webkit-transition-delay:.6s;
    transition-delay:.6s
}
.item-inner .view-list,.item-inner a{
    margin:0 0 5px;
    opacity:0;
    -webkit-transition:opacity .35s,-webkit-transform .35s;
    transition:opacity .35s,-webkit-transform .35s,-moz-transform .35s,-o-transform .35s,transform .35s
}
.item-inner .view-list,.item-inner a{
    -webkit-transform:translate3d(0,50%,0);
    transform:translate3d(0,50%,0);
    -webkit-transition-delay:.3s;
    transition-delay:.3s
}
.item-inner:hover .overlay .view-list,.item-inner:hover .overlay a{
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition-delay:.3s;
    transition-delay:.3s;
}
.item-inner:hover .overlay::before{
   background-color: #1d1e28;
    border:none;
    top:0;
    bottom:0;
    -webkit-transition-delay:0s;
    transition-delay:0s;
    opacity:0.7;
    
}
.item-inner .view-list{
    margin-top:-25px;
    position:relative;
    top:50%;
    transform:translate3d(0,50%,0);
    transition-delay:.3s;
    width:100%
}
.item-inner .view-list a{
  display:inline-block;
  color: #fff;
  font-size: 18px;
  border:2px solid #fff;
  padding: 10px 10px;
  margin: 5px;
}



/* -------------------------------- 

Close Portfolio page style

-------------------------------- */




/* -------------------------------- 

Start Portfolio single page style

-------------------------------- */

.project_details_pg{
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: url(../img/bg/background-1.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 40% auto;

}

.project_views_in .owl-nav{
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
}
.project_views_in .owl-carousel{
  background-color: #f8f8f8;
  padding: 30px;
}
.project_views_in .owl-carousel .owl-nav button.owl-next,
.project_views_in .owl-carousel .owl-nav button.owl-prev{
  width: 44px;
  height: 44px;
  color: #fff;
  border: 1px solid #fff;
  outline: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.project_views_in .owl-carousel .owl-nav button.owl-next{
  left: auto;
  right: 50px;
}
.project_views_in .project_content {
  padding-left: 30px;
}
.project_views_in .project_content .meta li{
  display: inline-block;
  padding-top: 36px;
  padding-right: 50px;
  font-weight: 500;
  color: #e3033d;
  font-size: 15px;
}

.project_views_in .project_content .meta li a,
.project_views_in .project_content .meta li span{
  color: #1d1e28;
  font-size: 15px;
  font-weight: 500;
}
.project_views_in .project_content h3{
  padding-top: 16px;
  color: #1d1e28;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 30px;
}
.project_views_in .project_content p{
  padding-bottom: 36px;
  font-weight: 400;
  color: #5a595c;
  font-size: 14px;
}
.project_views_in  .project_img{
  padding-bottom: 30px;
}

.project_navigation_si a i{
  color: #e3033d;
  font-size: 16px;
  padding-right: 10px;
}
.project_navigation_si a{
  font-weight: 600;
  color: #1d1e28;
  font-size: 14px;
}
.project_navigation_si{
  width: 100%;
  padding: 8px 0;
  border-top: 1px solid #e3033d;
  border-bottom: 1px solid #e3033d;
}
.project_navigation_si .nxt i{
  padding-right: 0;
  padding-left: 10px;
}
.project_navigation_si .nxt{
  float: right;
}


/* -------------------------------- 

Close Portfolio single page style

-------------------------------- */



/* -------------------------------- 

Start Contact page style

-------------------------------- */

#gmap{
  width: 100%;
  height: 400px;
}

.contact_us_main{
  width: 100%;
  padding: 100px 0;
  background-image: url(../img/bg/background-1.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 40% auto;
}

.contact_us_main .title h5{
  padding-bottom: 10px;
}
.contact_us_main .title address{
  font-weight: 500;
  padding-top: 26px;
  color: #1d1e28;
  font-size: 18px;
  line-height: 30px;
}
.contact_us_main .title address span{
  color: #e3033d;
  padding-right: 10px;
  white-space: pre;
}

.contact_form_in input,
.contact_form_in textarea{
  width: 100%;
  outline: 0;
  border: 0;
  border-bottom: 1px solid #747579;
  padding-bottom: 12px;
  font-weight: 400;
  color: #747579;
  background:transparent;
}

.contact_form_in .btn{
  padding: 15px 48px;
  background-color: #e3033d;
  border:1px solid #e3033d;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  border-radius: 5px;
  text-transform: uppercase;
  opacity: 1;
  cursor: pointer;
}
.contact_form_in .btn:hover{
  color: #e3033d;
  background-color: transparent;
}

.help-block.with-errors{
  color: #ff0000;
}


/* -------------------------------- 

Close Contact page style

-------------------------------- */




/* -------------------------------- 

Start service single page style

-------------------------------- */

.project_details_pg{
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;

}

.service_detail_hdr{
  width: 100%;
  background-image: url(../img/service/single-banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position:left center;
  padding: 54px;
  margin-bottom: 36px;
}
.service_detail_hdr .col-md-5{
  background-color: #fff;
  padding: 30px;
  font-weight: 600;
  font-style: italic;
  color: #1d1e28;
  font-size: 24px;
  line-height: 36px;
}

.service_sing .project_content p:last-child{
  padding-bottom: 0;
}
.service_sing .project_content{
  padding-left: 0;
}
.project_img.pd-b img:last-child{
  margin-top: 20px;
}


/* -------------------------------- 

Close service single page style

-------------------------------- */




/* -------------------------------- 

Start Blog page style

-------------------------------- */

.main_blog_page{
  width: 100%;
  padding-top: 70px;
  padding-bottom: 100px;
  background-image: url(../img/bg/background-1.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 40% auto;
}

.single_blog_in_p{
  margin-top: 30px;
}
.single_blog_in_p .thumbnail{
  position: relative;
}
.single_blog_in_p .thumbnail img{
  width: 100%;
  display: block;
}
.single_blog_in_p .thumbnail span{
  max-width: 82px;
  position: absolute;
  left: 30px;
  top: 30px;
  border-radius: 5px;
  background-color: #e3033d;
  color: #fff;
  text-align: center;
  padding: 8px;
}
.single_blog_in_p .thumbnail span hr{
  margin: 0;
  border-color: #fff;
  opacity: 0.5;
}
.single_blog_in_p .meta li img{
  float: left;
  margin-right: 15px;
  margin-top: -5px;
}
.single_blog_in_p .meta li{
  padding-top: 30px;
  display: inline-block;
  font-weight: 500;
  color: #5a595c;
  font-size: 14px;
}
.single_blog_in_p .meta li a{
  font-weight: 500;
  color: #5a595c;
  font-size: 14px;
}
.single_blog_in_p .meta li:last-child{
  float: right;
}
.single_blog_in_p h3 a{
  color: #1d1e28;
}
.single_blog_in_p h3{
  padding-top: 12px;
  color: #1d1e28;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.3em;
}

@media only screen and (max-width : 360px) {
  .single_blog_in_p .meta li:last-child{
    float: unset;
    padding-top: 10px;
  }
}
@media only screen and (max-width : 768px) {
  .single_blog_in_p h3{
    font-size: 24px;
  }
}


/* -------------------------------- 

Close Blog page style

-------------------------------- */




/* -------------------------------- 

Start Blog Details page style

-------------------------------- */

.blog_details_page{
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}
.blog_details_page .single_blog_in_p h3{
  padding-bottom: 26px;
}
.blog_details_page .single_blog_in_p p{
  padding-bottom: 26px;
  font-weight: 400;
  color: #5a595c;
  font-size: 14px;
}
.blog_details_page .single_blog_in_p .row img{
  margin-bottom: 26px;
  display: block;
}
.blog_details_page .single_blog_in_p blockquote{
  font-weight: 600;
  color: #5a595c;
  font-size: 14px;
  font-style: italic;
  padding-bottom: 26px;
}

.blog_details_inside .tag_share_pa li{
  display: inline-block;
}
.blog_details_inside .tag_share_pa{
  width: 100%;
  padding: 40px 0;
  border:2px solid #f5f5f5;
  border-left: 0;
  border-right: 0;
}

.blog_details_inside .tag_share_pa .tags li{
  padding-right: 10px;
}
.blog_details_inside .tag_share_pa .tags li a{
  display: inline-block;
  background-color: #f5f5f5;
  padding: 10px 26px;
  color: #5a595c;
  font-size: 14px;
}
.blog_details_inside .tag_share_pa .share_s li{
  padding-left: 10px;
}
.blog_details_inside .tag_share_pa .share_s li a:hover{
  background-color: #e3033d;
}
.blog_details_inside .tag_share_pa .share_s li a{
  display: inline-block;
  width: 30px;
  height: 30px;
  color: #fff;
  background-color: #3f3a39;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  padding-top: 2px;
}


.recommanded_blog_post{
  width: 100%;
  padding-top: 50px;
}
.recommanded_blog_post h2.title_r{
  font-weight: 600;
  color: #1d1e28;
  font-size: 36px;
  padding-bottom: 30px;
}

/*comments*/

.comments_show{
  padding-top: 45px;
}
.comments_show .tit_in,
.blog_comment_box h2{
  font-weight: 600;
  color: #1d1e28;
  font-size: 36px;
  padding-bottom: 20px;
}

.comment_single_prv .media{
  margin-top: 36px;
}


.comment_single_prv .media h5{
  font-weight: 700;
  color: #2c2d3e;
  font-size: 15px;
  padding-bottom: 12px;
}
.comment_single_prv .media p{
  font-weight: 400;
  color: #232323;
  font-size: 14px;
}
.comment_single_prv .media  ul li{
  display: inline-block;
  padding-top: 10px;
  padding-right: 20px;
  font-weight: 300;
  color: #64656a;
  font-size: 13px;
}
.comment_single_prv .media  ul li a:hover{
  color: #ff1859;
}
.comment_single_prv .media  ul li a{
  font-weight: 300;
  color: #64656a;
  font-size: 13px;
}

.blog_comment_box{
  padding-top: 50px;
}
.blog_comment_box h2{
  padding-bottom: 30px;
}
.blog_comment_box form input,
.blog_comment_box form textarea{
  width: 100%;
  outline: 0;
  border:0;
  background-color: #f5f5f5;
  padding: 16px 22px;
  margin-bottom: 30px;
  font-weight: 400;
  color: #747579;
  font-size: 14px;
}
.blog_comment_box form .btn{
  padding: 15px 48px;
  background-color: #e3033d;
  border:1px solid #e3033d;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  border-radius: 5px;
  text-transform: uppercase;
}
.blog_comment_box form .btn:hover{
  color: #e3033d;
  background-color: transparent;
}
@media only screen and (max-width : 768px) {
  .blog_details_inside .tag_share_pa .share_s {
    text-align: left !important;
    padding-top: 40px;
  }
  .recommanded_blog_post h2.title_r,
  .blog_comment_box h2{
    line-height: 1.2em;
  }
}
/*comments*/


/* -------------------------------- 

Close Blog Details page style

-------------------------------- */




/* -------------------------------- 

Start Pricing page style

-------------------------------- */

.pricing_plan_two{
  width: 100%;
  padding-top: 70px;
}

.price_single_in_t{
  background-color: #f5f5f5;
  margin-top: 30px;
  padding-bottom: 36px;
  padding-top: 36px;
  overflow: hidden;
}
.price_single_in_t .p_head h4{
  color: #fff;
  font-weight: 600;
  font-size: 30px;
}
.price_single_in_t .p_head h2{
  color: #fff;
  font-weight: 700;
  font-size: 36px;
  padding-top: 10px;
}
.price_single_in_t .p_head h2 small{
  font-size: 18px;
  text-transform: uppercase;
}
.price_single_in_t .p_head{
  background-image: url(../img/icon/price_s.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 50px 55px;
  text-align: center;
}
.price_single_in_t .p_body{
  padding-top: 20px;
  text-align: center;
}
.price_single_in_t .p_body p{
  padding-top: 14px;
  font-size: 18px;
  color: #282525;
  font-weight: 500;
}
.price_single_in_t .p_body .btn{
  padding: 15px 48px;
  background-color: #e3033d;
  border:1px solid #e3033d;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  border-radius: 5px;
  text-transform: uppercase;
  margin-top: 30px;
}
.price_single_in_t .p_body .btn:hover{
  color: #e3033d;
  background-color: transparent;
}

.price_single_in_t.center{
  background-color: #e3033d;
}
.price_single_in_t.center .p_body p{
  color: #fff;
}
.price_single_in_t.center .p_body .btn{
  background-color: #fff;
  color: #e3033d;
}

/* -------------------------------- 

Close Pricing page style

-------------------------------- */



/* -------------------------------- 

Start Faqs page style

-------------------------------- */

.faqs-page-single{
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: url(../img/bg/background-1.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 40% auto;
}

.faqs-page-single .nav-tabs{
  width: 100%;
  text-align: center;
  padding-bottom: 60px;
  display: block;
  border-bottom: 0;
}
.faqs-page-single .nav-tabs .nav-link{
  border:0;
}
.faqs-page-single .nav-tabs li{
  display: inline-block;
}
.faqs-page-single .nav-tabs li a{
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: #5a595c;
  font-size: 14px;
}
.faqs-page-single .nav-tabs .nav-link.active{
  color: #e3033d;
}
.faqs-page-single{
  width: 100%;
  padding-top: 120px;
  padding-bottom: 90px;
}

.card-header h5 > .btnc:before {
    float: right !important;
    font-family: Font Awesome\ 5 Free;
    content:"\f068";
    font-weight: 900;
    padding-right: 5px;
    color: #f5f5f5;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    background-color: #dedede;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 4px;
}
.card-header h5 > .btnc.collapsed:before {
    float: right !important;
    content:"\f067";
}


.faqs-page-single .card-header{
  background-color: #f5f5f5;
  border: 0;
  text-align: left;

}
.faqs-page-single .card-header button{
  width: 100%;
  border:0;
  background: none;
  text-align: left;
  outline: 0;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #5a595c;
}
.faqs-page-single .card{
  margin-bottom: 30px;
}

.faqs-page-single .card-body{
  background-color: #f5f5f5;
  margin-top: 8px;
}
.faqs-page-single .collapse .card-body{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color: #5a595c;
  font-size: 14px;
}

/* -------------------------------- 

Close Faqs page style

-------------------------------- */