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

Template Name: Youtubers

Author:  SmartEye Technologies

Author URI: www.smarteyeapps.com

Version: 1.0

coder name:Prabin Raja

Description: This Template is created for Youtubers

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

/* ===================================== Import Less ================================== */

@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700);

@import url(https://fonts.googleapis.com/css?family=Arimo:300,400,400italic,700,700italic);

/* ===================================== Basic CSS ==================================== */

* {

  margin: 0px;

  padding: 0px;

  list-style: none; }



img {

  max-width: 100%; }



a {

  text-decoration: none;

  outline: none;

  color: #444; }



a:hover {

  color: #444; }



ul {

  margin-bottom: 0;

  padding-left: 0; }



a:hover,

a:focus,

input,

textarea {

  text-decoration: none;

  outline: none; }



.center {

  text-align: center; }



.left {

  text-align: left; }



.right {

  text-align: right; }



.cp {

  cursor: pointer; }



html, body {

  height: 100%; }



p {

  margin-bottom: 0px;

  width: 100%; }



.no-padding {

  padding: 0px; }



.no-margin {

  margin: 0px; }



.hid {

  display: none; }



.top-mar {

  margin-top: 15px; }



.h-100 {

  height: 100%; }



::placeholder {

  color: #747f8a !important;

  font-size: 13px;

  opacity: .5 !important; }



.container-fluid {

  padding: 0px; }



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

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

  color: #545454; }



strong {

  font-family: 'Roboto', sans-serif; }



body {

  background-color: #f1f1f145 !important;

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

  color: #6A6A6A;

  overflow-x: hidden; }



.session-title {

  padding: 30px;

  margin: 0px;

  margin-bottom: 20px; }

  .session-title h2 {

    width: 100%;

    text-align: center;

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

    font-weight: 600; }

  .session-title p {

    max-width: 850px;

    text-align: center;

    float: none;

    margin: auto;

    text-transform: uppercase; }

  .session-title span {

    float: right;

    font-style: italic; }



.inner-title {

  padding: 20px;

  padding-left: 0px;

  margin: 0px;

  margin-bottom: 10px;

  padding-bottom: 0px;

  border-bottom: 1px solid #ccccccc4;

  display: block;

  padding-right: 0px; }

  .inner-title h2 {

    width: 100%;

    text-align: center;

    font-size: 1rem;

    font-weight: 600;

    text-align: left;

    border-bottom: 1px solid #863dd9;

    padding-bottom: 10px;

    margin-bottom: 0px;

    width: 300px; }

  .inner-title p {

    width: 100%;

    text-align: center; }

  .inner-title .btn {

    float: right;

    margin-top: -38px;

    font-weight: 600;

    font-size: .8rem; }



.page-nav {

  padding: 40px;

  text-align: center;

  padding-top: 40px;

  background-color: #eaeaea; }

  .page-nav ul {

    float: none;

    margin: auto; }

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

    .page-nav {

      padding-top: 43px; } }

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

    .page-nav {

      padding-top: 43px; } }

  .page-nav h2 {

    font-size: 36px;

    width: 100%;

    color: #444; }

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

      .page-nav h2 {

        font-size: 26px; } }

  .page-nav ul li {

    float: left;

    margin-right: 10px;

    margin-top: 10px;

    font-size: 16px; }

    .page-nav ul li i {

      width: 30px;

      text-align: center;

      color: #444; }

    .page-nav ul li a {

      color: #444; }



.btn-success {

  background-color: #223d50;

  border-color: #223d50; }

  .btn-success:hover {

    background-color: #223d50 !important;

    border-color: #223d50 !important; }

  .btn-success:active {

    background-color: #223d50 !important;

    border-color: #223d50 !important; }

  .btn-success:focus {

    background-color: #223d50 !important;

    border-color: #223d50 !important;

    box-shadow: none !important; }



.btn-primary {

  background-color: #6655e8;

  border-color: #6655e8; }

  .btn-primary:hover {

    background-color: #6655e8 !important;

    border-color: #6655e8 !important; }

  .btn-primary:active {

    background-color: #6655e8 !important;

    border-color: #6655e8 !important; }

  .btn-primary:focus {

    background-color: #6655e8 !important;

    border-color: #6655e8 !important;

    box-shadow: none !important; }



.btn {

  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);

  border-radius: 2px; }



.form-control:focus {

  box-shadow: none !important;

  border: 2px solid  #863dd9; }



.btn-light {

  background-color: #FFF;

  color: #3F3F3F; }



.collapse.show {

  display: block !important; }



.form-control:focus {

  box-shadow: none;

  border: 2px solid #863dd9 !important; }



.form-control {

  background-color: #F8F8F8;

  margin-bottom: 20px; }

  .form-control:focus {

    background-color: #FFF;

    border-color: #CCC; }



.container {

  max-width: 1170px; }

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

    .container {

      padding: 10px 15px; } }



/* =================== Header Style Starts Here =================== */

header .header-top {

  background-color: #FFF;

  padding: 10px; }

  header .header-top .bonto ul {

    float: right; }

    header .header-top .bonto ul li {

      float: left;

      padding: 10px;

      text-transform: uppercase; }

      header .header-top .bonto ul li p {

        font-size: .7rem;

        font-weight: 600; }

    header .header-top .bonto ul .donta-btn {

      background-color: #ff5722;

      color: #FFF;

      padding: 5px 15px;

      border-radius: 5px; }

    header .header-top .bonto ul .voltterr-btn {

      background-color: #f78d15;

      color: #FFF;

      padding: 5px 15px;

      border-radius: 5px; }

header .headwe-nav {

  background-color: #fafafa; }

  header .headwe-nav .nav-div .navbar {

    padding: 0px; }

  header .headwe-nav .nav-div .navbar-nav {

    padding: 20px 0px; }

    header .headwe-nav .nav-div .navbar-nav .nav-item .nav-link {

      text-transform: uppercase;

      font-size: .8rem;

      font-weight: 600;

      padding: 0px 25px;

      color: #777474;

      border-right: 1px solid #7774745c; }

      header .headwe-nav .nav-div .navbar-nav .nav-item .nav-link:hover {

        color: #f78d15; }

    header .headwe-nav .nav-div .navbar-nav .nav-item .active {

      color: #f78d15; }

  header .headwe-nav .social-div ul {

    float: right; }

    header .headwe-nav .social-div ul li {

      float: left;

      padding: 18px 10px; }



.scroll-to-fixed-fixed {

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }



/* =================== Slider Style Starts Here =================== */

.slider {

  position: relative; }



.slider-captions {

  position: absolute;

  bottom: 132px;

  text-align: center; }



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

  .slider-captions {

    bottom: 100px !important; }



  width: 90%;

  text-align: center;

  float: none;

  margin: auto;

  .slider-captions .slider-title {

    font-size: 42px; } }

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

  .slider-captions {

    bottom: 50px !important; }



  .slider-captions .slider-title {

    font-size: 32px; } }

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

  .slider-captions {

    display: none; } }

.slider-title {

  font-size: 66px;

  font-weight: 300;

  color: #F4C452;

  letter-spacing: -3px; }



.slider-text {

  margin-bottom: 20px;

  color: #fff; }



.slider-img {

  

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc1b2429', endColorstr='#cc1b2429', GradientType=0);

  position: relative; }



.slider-img img {

  position: relative;

  z-index: -1; }



.slider .owl-nav .owl-prev, .slider .owl-nav .owl-next {

  color: #fff;

  display: inline-block;

  zoom: 1;

  margin: 5px;

  padding: 6px 12px;

  font-size: 22px;

  -webkit-border-radius: 23px;

  -moz-border-radius: 23px;

  border-radius: 23px;

  background: transparent;

  filter: Alpha(Opacity=50);

  line-height: 1;

  border: 2px solid #fff; }



.owl-controls.clickable .owl-buttons div:hover {

  filter: Alpha(Opacity=100);

  opacity: 1;

  text-decoration: none;

  background-color: #fff; }



.slider .owl-nav .owl-prev {

  position: absolute;

  top: 40%;

  left: 25px; }



.slider .owl-nav .owl-next {

  position: absolute;

  top: 40%;

  right: 25px; }



.slider .owl-dots .owl-dot {

  position: relative;

  text-align: center;

  bottom: 40px;

  max-width: 2000px;

  margin: 0 auto; }



.slider .owl-dots .owl-dot span {

  display: block;

  width: 14px;

  height: 14px;

  margin: 0px 0px 10px 10px;

  filter: Alpha(Opacity=50);

  /*IE7 fix*/

  opacity: 0.8;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

  border: 2px solid #fff;

  float: left; }



.slider .owl-dots .owl-dot.active span {

  background-color: #fff; }



.slider .owl-dots .owl-dot.active span, .slider .owl-controls.clickable .owl-page:hover span {

  background-color: #fff;

  filter: Alpha(Opacity=100);

  /*IE7 fix*/

  opacity: 1; }



.slider .col-lg-offset-2 {

  float: none;

  margin: auto; }



/* =================== Header Style Starts Here =================== */

.about-us {

  padding: 50px; }

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

    .about-us {

      padding: 30px 10px; } }

  .about-us .diag-ro {

    margin: 0px;

    margin-top: 20px; }

    .about-us .diag-ro h4 {

      margin-bottom: 20px; }

    .about-us .diag-ro .about-diag {

      display: flex;

      flex: 1;

      padding: 10px;

      margin: auto; }

      .about-us .diag-ro .about-diag .icon {

        margin: auto;

        padding: 15px 20px; }

        .about-us .diag-ro .about-diag .icon i {

          font-size: 1.8rem;

          color: #CCC; }

      .about-us .diag-ro .about-diag .tex {

        flex-grow: 1; }

        .about-us .diag-ro .about-diag .tex h5 {

          font-weight: 600;

          color: #f78d15; }

        .about-us .diag-ro .about-diag .tex p {

          text-transform: uppercase;

          font-size: .8rem; }

  .about-us .abut-detail h4 {

    margin-bottom: 20px; }

  .about-us .abut-detail p {

    text-indent: 20px;

    line-height: 28px;

    margin-bottom: 15px; }



/* =================== Header Style Starts Here =================== */

.services {

  padding: 50px;

  background-color: #FFF; }

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

    .services {

      padding: 30px 10px; } }

  .services .service-row .servic-col {

    text-align: center; }

    .services .service-row .servic-col .servic-round {

      width: 90px;

      height: 90px;

      background-color: #f78d15;

      color: #FFF;

      float: none;

      margin: auto;

      border-radius: 50px;

      margin: auto;

      text-transform: uppercase;

      margin-bottom: 30px;

      border: 4px solid #FFF;

      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

      .services .service-row .servic-col .servic-round p {

        padding-top: 33px;

        font-weight: 600;

        font-size: .8rem; }



/* =================== Causes Style Starts Here =================== */

.causes {

  padding: 50px; }

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

    .causes {

      padding: 30px 10px; } }

  .causes .cuses-row .causen-ccover {

    background-color: #FFF;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

    padding: 30px 15px;

    margin-bottom: 20px; }

  .causes .cuses-row .caus-img {

    text-align: center; }

    .causes .cuses-row .caus-img img {

      width: 120px;

      border-radius: 50%;

      border: 5px solid #ff5722;

      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

      margin-bottom: 20px; }

  .causes .cuses-row .caus-info .left-info {

    float: left;

    font-weight: 600;

    font-size: .8rem; }

  .causes .cuses-row .caus-info .rit-info {

    float: right;

    font-weight: 600;

    font-size: .8rem; }

  .causes .cuses-row .caus-detail {

    text-align: center;

    margin-top: 20px; }

    .causes .cuses-row .caus-detail h4 {

      font-size: 1.2rem; }

  .causes .cuses-row .donat-btn {

    margin-top: 20px;

    text-align: center;

    text-align: center; }

    .causes .cuses-row .donat-btn .btn {

      width: 60%;

      background-color: #f78d15;

      border: #f78d15;

      text-transform: uppercase;

      font-weight: 600; }

      .causes .cuses-row .donat-btn .btn i {

        margin-right: 10px; }



/* =================== Upcomming Style Starts Here =================== */

.upcomming {

  background-color: #FFF;

  padding: 50px; }

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

    .upcomming {

      padding: 30px 10px; } }

  .upcomming .events-row .event-card {

    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);

    border-radius: 2px;

    margin-bottom: 20px; }

    .upcomming .events-row .event-card .event-detail {

      padding: 20px;

      text-align: center; }

      .upcomming .events-row .event-card .event-detail h6 {

        margin-top: 20px;

        font-size: 1.2rem; }

    .upcomming .events-row .event-card .plac-dat {

      border-top: 1px solid #CCC; }

      .upcomming .events-row .event-card .plac-dat .colplac {

        font-size: .9rem;

        padding: 10px; }

        .upcomming .events-row .event-card .plac-dat .colplac p {

          font-size: .8rem; }

      .upcomming .events-row .event-card .plac-dat .colplacll {

        border-right: 1px  solid #CCC; }

    .upcomming .events-row .event-card:hover {

      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }



/* =================== We are Making Style Starts Here =================== */

.we-are-making .text-part {

  padding: 60px;

  padding-left: 20px; }

  .we-are-making .text-part h3 {

    padding-top: 10px; }

  .we-are-making .text-part .count {

    margin-top: 30px; }

    .we-are-making .text-part .count .count-sing {

      text-align: center; }

      .we-are-making .text-part .count .count-sing i {

        font-size: 2rem;

        margin-bottom: 20px;

        color: #f78d15; }

      .we-are-making .text-part .count .count-sing h2 {

        color: #ff5722; }



/* =================== Blog Style Starts Here =================== */

.blog {

  padding: 50px;

  background-color: #ffffff; }



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

  .blog {

    padding: 0px 10px; } }

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

  .blog .container {

    max-width: 100%; } }

.blog .blog-singe {

  box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);

  border-radius: 2px;

  background-color: #FFF;

  margin-bottom: 30px; }



.blog .blog-singe .blog-img-tab {

  padding: 0px; }



.blog .blog-singe .blog-content-tab {

  padding: 15px; }



.blog .blog-singe .blog-content-tab h2 {

  font-size: 19px; }



.blog .blog-singe .blog-content-tab i {

  margin-right: 10px;

  font-size: 12px; }



.blog .blog-singe .blog-content-tab i small {

  margin-left: 5px;

  font-size: 100%; }



.blog .blog-singe .blog-content-tab .blog-desic {

  margin-top: 8px;

  font-size: 12px;

  text-indent: 20px;

  margin-bottom: 10px; }



.blog .blog-singe .blog-content-tab a {

  color: #ff5722;

  font-size: 12px; }



.blog .blog-singe .blog-content-tab a i {

  margin-left: 15px;

  font-size: 13px; }



.blog-row {

  margin-top: 20px; }



/* =================== Footer Style Starts Here =================== */

.footer-cont {

  background-color: #212121;

  color: #FFF;

  padding: 50px; }

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

    .footer-cont {

      padding: 30px 10px; } }

  .footer-cont .footer-top {

    padding-bottom: 40px; }

    .footer-cont .footer-top .foot-logo h2 {

      color: #FFF;

      font-weight: 600;

      margin-top: 25px; }

    .footer-cont .footer-top .foot-addr ul {

      float: right; }

      .footer-cont .footer-top .foot-addr ul li {

        float: left;

        padding: 10px; }

        .footer-cont .footer-top .foot-addr ul li i {

          margin-right: 2px; }

  .footer-cont .foot-botom .fotter-coo h5 {

    color: #f78d15;

    font-size: 1rem;

    margin-bottom: 20px; }

  .footer-cont .foot-botom .fotter-coo ul li {

    font-size: .9rem;

    padding: 10px 3px; }

    .footer-cont .foot-botom .fotter-coo ul li i {

      margin-right: 5px; }

	  .footer-cont .foot-botom .fotter-coo a {

      color:inherit; }

  .footer-cont .foot-botom .fotter-coo .gallery-row {

    margin-top: 5px; }

    .footer-cont .foot-botom .fotter-coo .gallery-row .gall-col {

      padding: 5px; }



.footer-ablove {

  padding: 30px;

  background-color: #ff5722;

  color: #FFF;

  font-size: 1.5rem; }



.footer-ablove .btn {

  float: right;

  background-color: #FFF; }



/* =================== Copyroght Starts Here =================== */

.copy {

  padding: 20px;

  background-color: #191616;

  color: #FFF; }



.copy a {

  color: #FFF; }



.copy span {

  float: right; }



.copy span i {

  margin-right: 20px; }



.cop-ck {

  padding: 20px;

  background-color: #ffffffbd; }

  .cop-ck h2 {

    font-size: 1.2rem;

    margin-bottom: 20px; }



/* ===================================== Basic CSS ==================================== */

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

  .we-are-making .text-part {

    text-align: center; }



  .we-are-making .text-part .count .count-sing {

    margin-bottom: 20px; }



  .headwe-nav .container {

    padding: 10px; }



  header .headwe-nav .nav-div .navbar-nav .nav-item .nav-link {

    padding: 10px;

    border-right: 0px; } }

	

/* ===================================== Charity Number CSS ================================== */

.doctor-message {

  background-image: url("../images/slider/slider-2.jpg");

  background-attachment: fixed;

  background-size: cover; }

  .doctor-message .session-title h2 {

    color: #FFF; }



.doctor-message .inner-lay {

  background-color: rgba(0, 0, 0, 0.8);

  padding: 50px;

  color: #FFF; }



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

  .doctor-message .inner-lay {

    padding: 30px 10px; } }

.doctor-message .inner-lay .numb {

  text-align: center;

  padding: 30px; }



.doctor-message .inner-lay .numb h3 {

  font-size: 42px;

  padding-bottom: 10px;

  border-bottom: 1px solid #CCC;

  margin-bottom: 20px;

  color: #FFF; }



/* ===================================== Gallery CSS ================================== */





#demo {

  height:100%;

  position:relative;

  overflow:hidden;

}





.green{

  background-color:#6fb936;

}

        .thumb{

            margin-bottom: 30px;

        }

        

        .page-top{

            margin-top:85px;

        }



   

img.zoom {

    width: 100%;

    height: 200px;

    border-radius:5px;

    object-fit:cover;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

}

        

 

.transition {

    -webkit-transform: scale(1.2); 

    -moz-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}

    .modal-header {

   

     border-bottom: none;

}

    .modal-title {

        color:#000;

    }

    .modal-footer{

      display:none;  

    }





/*# Blink */



.blink {

  animation: blinker 1s step-start infinite;

}



@keyframes blinker {

  50% {

    opacity: 0;

  }

}


/* ===================================== Gallery Style  ================================== */
.gallery-filter {
  width: 100%;
  text-align: center; }

.gallery-filter .btn {
  background-color: #FFF; }

.gallery {
  padding: 50px;
  padding: 30px;
  background-color: #FFF; }
  @media screen and (max-width: 940px) {
    .gallery {
      padding: 30px 10px; } }

.gallery-title {
  font-size: 36px;
  color: #00ab9f;
  text-align: center;
  font-weight: 500;
  margin-bottom: 70px; }

.gallery-title:after {
  content: "";
  position: absolute;
  width: 7.5%;
  left: 46.5%;
  height: 45px;
  border-bottom: 1px solid #3cc88f; }

.filter-button {
  font-size: 14px;
  border: #ff5722;  
  text-align: center;
  color: #666666;
  margin-bottom: 30px; 
  margin-right: 10px}
  
 .filter-button:hover {
  font-size: 14px;
  border: #ff5722;  
  text-align: center;
  color: #FFFFFF;
  background-color: #ff5722; 
  margin-right: 10px}

.btn-default:active .filter-button:active {
  background-color: #ff5722;
  color: white; }

.port-image {
  width: 100%; }

.gallery_product {
  margin-bottom: 30px; }