/*

* Prefixed by https://autoprefixer.github.io

* PostCSS: v8.4.14,

* Autoprefixer: v10.4.7

* Browsers: last 4 version

*/







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

# General

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

*{

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  margin: 0;

  padding: 0;

}



body {

  font-family: "Open Sans", sans-serif;

  color: #444444;

}



a {

  color: #3498db;

  text-decoration: none;

}



a:hover {

  color: #5faee3;

  text-decoration: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

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

}



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

# Back to top button

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

.back-to-top {

  position: fixed;

  visibility: hidden;

  opacity: 0;

  right: 15px;

  bottom: 15px;

  z-index: 996;

  background: #3498db;

  width: 40px;

  height: 40px;

  border-radius: 4px;

  -webkit-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

}



.back-to-top i {

  font-size: 28px;

  color: #fff;

  line-height: 0;

}



.back-to-top:hover {

  background: #57aae1;

  color: #fff;

}



.back-to-top.active {

  visibility: visible;

  opacity: 1;

}



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

# Disable AOS delay on mobile

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

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

  [data-aos-delay] {

    -webkit-transition-delay: 0 !important;

         -o-transition-delay: 0 !important;

            transition-delay: 0 !important;

  }

}



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

# Header

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

#header {

  z-index: 997;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  padding: 5px;

  background: #fff;

}



#header.header-scrolled {

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

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

  padding: 12px 0;

}



#header .logo h1 {

  font-size: 40px;

  margin: 0;

  padding: 0;

  line-height: 0;

  font-weight: 700;

  letter-spacing: 1px;

}



#header .logo h1 a,

#header .logo h1 a:hover {

  color: #222222;

  text-decoration: none;

}



#header .logo img {

  padding: 0;

  margin: 0;

  max-height: 50px;   /*logo büyüklüğünü ayarlar*/

}



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

# Navigation Menu

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

/**

* Desktop Navigation 

*/

.navbar {

  padding: 5px;

  border-left: 5px solid #aaa;



}



.navbar ul {

  margin: 0;

  padding: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  list-style: none;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



.navbar li {

  position: relative;

}



.navbar a,

.navbar a:focus {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 10px 0 10px 30px;

  font-size: 15px;

  font-weight: 400;

  color: #555555;

  white-space: nowrap;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.navbar a i,

.navbar a:focus i {

  font-size: 12px;

  line-height: 0;

  margin-left: 5px;

}





.navbar .active,

.navbar .active:focus,

.navbar li:hover>a {

  color: #3498db;

}



.navbar a:hover{

  text-decoration: underline;

}



.navbar .getstarted,

.navbar .getstarted:focus {

  background: #3498db;

  padding: 8px 25px;

  margin-left: 30px;

  margin-right: 10px;

  border-radius: 50px;

  color: #fff;

}



.navbar .getstarted:hover,

.navbar .getstarted:focus:hover {

  color: #fff;

  background: #4aa3df;

}



.navbar .dropdown ul {

  display: block;

  position: absolute;

  left: 30px;

  top: calc(100% + 30px);

  margin: 0;

  padding: 10px 0;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  background: #fff;

  -webkit-box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

          box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

  border-radius: 4px;

}



.navbar .dropdown ul li {

  min-width: 200px;

}



.navbar .dropdown ul a {

  padding: 10px 20px;

  font-size: 14px;

}



.navbar .dropdown ul a i {

  font-size: 12px;

}



.navbar .dropdown ul a:hover,

.navbar .dropdown ul .active:hover,

.navbar .dropdown ul li:hover>a {

  color: #3498db;

}



.navbar .dropdown:hover>ul {

  opacity: 1;

  top: 100%;

  visibility: visible;

}



.navbar .dropdown .dropdown ul {

  top: 0;

  left: calc(100% - 30px);

  visibility: hidden;

}



.navbar .dropdown .dropdown:hover>ul {

  opacity: 1;

  top: 0;

  left: 100%;

  visibility: visible;

}



@media (max-width: 1366px) {

  .navbar .dropdown .dropdown ul {

    left: -90%;

  }



  .navbar .dropdown .dropdown:hover>ul {

    left: -100%;

  }

}



@media (max-width: 1268px) {

  .navbar a,

  .navbar a:focus {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    padding: 10px 0 10px 30px;

    font-size: 13px;

    font-weight: 500;

    color: #555555;

    white-space: nowrap;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

  }

  

  .navbar a i,

  .navbar a:focus i {

    font-size: 11px;

    line-height: 0;

    margin-left: 5px;

  }

}



/**

* Mobile Navigation 

*/

.mobile-nav-toggle {

  color: #222222;

  font-size: 28px;

  cursor: pointer;

  display: none;

  line-height: 0;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

}



.mobile-nav-toggle.bi-x {

  color: #fff;

}



@media (max-width: 991px) {

  .mobile-nav-toggle {

    display: block;

  }



  .navbar ul {

    display: none;

  }

}



.navbar-mobile {

  position: fixed;

  overflow: hidden;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  background: rgba(9, 9, 9, 0.9);

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

  z-index: 999;

}



.navbar-mobile .mobile-nav-toggle {

  position: absolute;

  top: 15px;

  right: 15px;

}



.navbar-mobile ul {

  display: block;

  position: absolute;

  top: 55px;

  right: 15px;

  bottom: 15px;

  left: 15px;

  padding: 10px 0;

  border-radius: 8px;

  background-color: #fff;

  overflow-y: auto;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.navbar-mobile a,

.navbar-mobile a:focus {

  padding: 10px 20px;

  font-size: 15px;

  color: #222222;

}



.navbar-mobile a:hover,

.navbar-mobile .active,

.navbar-mobile li:hover>a {

  color: #3498db;

}



.navbar-mobile .getstarted,  /*mobile ekranda ki kayıt butonu*/

.navbar-mobile .getstarted:focus {

  margin: 15px;

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

}



.navbar-mobile .dropdown ul {

  position: static;

  display: none;

  margin: 10px 20px;

  padding: 10px 0;

  z-index: 99;

  opacity: 1;

  visibility: visible;

  background: #fff;

  -webkit-box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

          box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

}



.navbar-mobile .dropdown ul li {

  min-width: 200px;

}



.navbar-mobile .dropdown ul a {

  padding: 10px 20px;

}



.navbar-mobile .dropdown ul a i {

  font-size: 12px;

}



.navbar-mobile .dropdown ul a:hover,

.navbar-mobile .dropdown ul .active:hover,

.navbar-mobile .dropdown ul li:hover>a {

  color: #3498db;

}



.navbar-mobile .dropdown>.dropdown-active {

  display: block;

}



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

# Hero Section

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

#hero {

   width: 100%;

  

  height: -webkit-fit-content;

  height: -moz-fit-content;

  height: fit-content;

  

  margin-top: 70px;

  /*margin-bottom: 300px;*/  /*bu marjin büyük girilmelidir 900px di */

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  /*border:1px solid red; */

}



#hero h1 {

  margin: 0 0 10px 0;

  font-size: 48px;

  font-weight: 700;

  line-height: 56px;

  color: black;

}



#hero h2 {

  color: #484848;

  margin-bottom: 50px;

  font-size: 24px;

}



#hero .btn-get-started {

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

  font-weight: 500;

  font-size: 16px;

  letter-spacing: 1px;

  display: inline-block;



  padding: 10px 30px;

  border-radius: 50px;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  color: #3498db;

  border: 2px solid #3498db;

}







#hero .btn-get-started:hover {

  background: #3498db;

  color: #fff;

}



#hero .animated {

  /*eski*/

  /*animation: up-down 2s ease-in-out infinite alternate-reverse both;*/

  

  animation: up-down 6s ease-in-out infinite alternate-reverse both;

  

}



#hero .animated:hover {

  

  -webkit-animation-play-state: paused;

  

          animation-play-state: paused;

  

}





@media (min-width: 1368px) { /*ok*/

  #hero {

    background-attachment: fixed;

    

  }

}



@media (min-width: 1268px) { /*ok*/

  #hero {

    background-attachment: fixed;

    

  }

}



@media (max-width: 991px) { /*ok*/

  #hero .hero-img img {

    width: 90%;

   

   aspect-ratio:40/53;

  }





  #hero .animated {

    -webkit-animation: none;

            animation: none;

  }



  #hero .hero-img {

    text-align: center;

    

  }



  #hero .hero-img img {

    width: 80%;

    height: -webkit-fit-content;

    height: -moz-fit-content;

    height: fit-content;

    aspect-ratio:40/53;

  }

}



@media (max-width: 768px) { /*ok*/



#hero .hero-img img {

    width: 90%;

   

   aspect-ratio:40/53;

  }



  #hero {

    margin-top: 20px;

  }



  #hero h1 {

    font-size: 28px;

    line-height: 36px;

  }



  #hero h2 {

    font-size: 18px;

    line-height: 24px;

    

  }



  #hero .hero-img img {

    width: 90%;



  }



  #hero p{

    font-size: smaller;

  }

}



@media (max-width: 575px) { /*ok*/

  



  #hero .hero-img img {

    width: 90%;

   /* background: url(http://bilimvefelfesesempozyumu.com/assets/img/aaa.png) left top no-repeat;*/

   aspect-ratio:40/53;

  }

  

  

  

  #hero h1 {

    font-size: 24px;

    line-height: 36px;

  }



  #hero h2 {

    font-size: 14px;

    line-height: 24px;

    margin-bottom: 30px;

  }



  #hero p{

    font-size: smaller;

  }

}



@media (max-width: 468px) {

  



  #hero .hero-img img {

    width: 80%;

    aspect-ratio:40/53;

  }

  

  #hero h1 {

    font-size: 18px;

    line-height: 30px;

  }



  #hero h2 {

    font-size: 12px;

    line-height: 16px;

    margin-bottom: 22px;

  }



  #hero p{

    font-size: smaller;

  }

  

}



@media (max-width: 368px) {

  



  #hero .hero-img img {

    width: 80%;

    aspect-ratio:40/53;

  }

  

  #hero h1 {

    font-size: 16px;

    line-height: 20px;

  }



  #hero h2 {

    font-size: 12px;

    line-height: 14px;

    margin-bottom: 20px;

  }



  #hero p{

    font-size: 10px;

    font-weight: 500;

    

  }

  

}



@media (max-width: 276px) {



  #hero .hero-img img {

    width: 80%;

    aspect-ratio:40/53;

  }

  

  #hero h1 {

    font-size: 16px;

    line-height: 20px;

  }



  #hero h2 {

    font-size: 12px;

    line-height: 14px;

    margin-bottom: 20px;

  }



  #hero p{

    font-size: 10px;

    font-weight: 500;

    

  }

  

  

}





@-webkit-keyframes up-down {

  0% {

    -webkit-transform: translateY(6px);

            transform: translateY(6px);

  }



  100% {

    -webkit-transform: translateY(-6px);

            transform: translateY(-6px);

  }

}



@keyframes up-down {

  0% {

    -webkit-transform: translateY(6px);

            transform: translateY(6px);

  }



  100% {

    -webkit-transform: translateY(-6px);

            transform: translateY(-6px);

  }

}







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

# Sections General

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

#main{

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-top: 50px ;           /*main margin top*/

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}



#main-home{                       /*anasayfa*/

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-top: 10px ;           /*main margin top*/

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  /*border: 2px solid green; */



}



section {

  padding: 60px 0;

  overflow: visible;

}



.section-bg {

  background-color: #f7fbfe;

}



.section-title {

  text-align: center;

  padding-bottom: 30px;

}



.section-title h2 {

  font-size: 32px;

  font-weight: bold;

  text-transform: uppercase;

  position: relative;

  color: #222222;

}



.section-title h2::before,

.section-title h2::after {

  content: "";

  width: 50px;

  height: 2px;

  background: #3498db;

  display: inline-block;

}



.section-title h2::before {

  margin: 0 15px 10px 0;

}



.section-title h2::after {

  margin: 0 0 10px 15px;

}



.section-title p {

  margin: 15px 0 0 0;

}



@media (max-width: 768px) {



  .section-title h2 {

    font-size: 24px;

    

  }



  .section-title h2::before,

  .section-title h2::after {

    content: "";

    width: 40px;

    height: 2px;

    background: #3498db;

    display: inline-block;

  }





}

@media (max-width: 575px) {



  



  .section-title h2 {

    font-size: 18px;

   

  }

  .section-title h2::before,

  .section-title h2::after {

    content: "";

    width: 30px;

    height: 2px;

    background: #3498db;

    display: inline-block;

  }

  

}



@media (max-width: 468px) {



  .section-title h2 {

    font-size: 12px;

   

  }



  .section-title h2::before,

.section-title h2::after {

  content: "";

  width: 14px;

  height: 2px;

  background: #3498db;

  display: inline-block;

}

}



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

# About Us

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

.about .content h3 {

  font-weight: 600;

  font-size: 26px;

}



.about .content ul {

  list-style: none;

  padding: 0;

}



.about .content ul li {

  padding-left: 28px;

  position: relative;

}



.about .content ul li+li {

  margin-top: 10px;

}



.about .content ul i {

  position: absolute;

  left: 0;

  top: 2px;

  font-size: 20px;

  color: #3498db;

  line-height: 1;

}



.about .content p:last-child {

  margin-bottom: 0;

}



.about .content .btn-learn-more {

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

  font-weight: 600;

  font-size: 14px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 12px 32px;

  border-radius: 50px;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

  line-height: 1;

  color: #3498db;

  -webkit-animation-delay: 0.8s;

          animation-delay: 0.8s;

  margin-top: 6px;

  border: 2px solid #3498db;

}



.about .content .btn-learn-more:hover {

  background: #3498db;

  color: #fff;

  text-decoration: none;

}



@media (max-width: 768px) {



  .about .content {

    font-size: smaller;

    

  }





}

@media (max-width: 575px) {



  .about .content {

    font-size: smaller;

    

  }

}



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

# Contact

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





#contact-main{

  margin-top: 20vh;

}

.contact .contact-about h3 {

  font-size: 14px;

  margin: 0 0 10px 0;

  padding: 0;

  line-height: 1;

  font-weight: 700;

  letter-spacing: 1px;

  color: #222222;

  

}



.contact .contact-about p {

  font-size: 14px;

  line-height: 24px;

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

  color: #888;

  color: #222222;

}



.contact .social-links {

  padding-bottom: 20px;

}



.contact .social-links a {

  font-size: 18px;

  display: inline-block;

  background: #fff;

  color: #3498db;

  line-height: 1;

  padding: 8px 0;

  margin-right: 4px;

  border-radius: 50%;

  text-align: center;

  width: 36px;

  height: 36px;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

  border: 1px solid #3498db;

}



.contact .social-links a:hover {

  background: #3498db;

  color: #fff;

}



.contact .info {

  color: #444444;

}



.contact .info i {

  font-size: 32px;

  color: #3498db;

  float: left;

  line-height: 1;

}



.contact .info p {

  padding: 0 0 10px 42px;

  line-height: 28px;

  font-size: 14px;

}







.contact .php-email-form .error-message {

  display: none;

  color: #fff;

  background: #ed3c0d;

  text-align: left;

  padding: 2px;

  font-weight: 600;

  margin-bottom: 5px;



  animation: fadeIn 5s ;

  -webkit-animation: fadeIn 5s ;

  -moz-animation: fadeIn 5s ;

  -o-animation: fadeIn 5s ;

  -ms-animation: fadeIn 5s ;



}





.contact .php-email-form .sent-message {

  display: none;

  color: #fff;

  background: #18d26e;

  text-align: center;

  padding: 2px;

  font-weight: 600;

  margin-bottom: 5px;





  animation: fadeIn 5s;

  -webkit-animation: fadeIn 5s;

  -moz-animation: fadeIn 5s;

  -o-animation: fadeIn 5s;

  -ms-animation: fadeIn 5s;



}



.contact .php-email-form .loading {

  display: none;

  background: #fff;

  text-align: center;

  padding: 2px;

  margin-bottom: 5px;

  animation: fadeIn 5s;

  -webkit-animation: fadeIn 5s;

  -moz-animation: fadeIn 5s;

  -o-animation: fadeIn 5s;

  -ms-animation: fadeIn 5s;



}



.contact .php-email-form .loading:before {

  content: "";

  display: inline-block;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  margin: 0 10px -6px 0;

  border: 3px solid #18d26e;

  border-top-color: #eee;

  -webkit-animation: animate-loading 1s linear infinite;

          animation: animate-loading 1s linear infinite;

}





.contact .php-email-form .form-group {

  margin-bottom: 20px;

}



.contact .php-email-form input,

.contact .php-email-form textarea {

  border-radius: 0;

  -webkit-box-shadow: none;

          box-shadow: none;

  font-size: 14px;

  padding: 10px 15px;

}



.contact .php-email-form input:focus,

.contact .php-email-form textarea:focus {

  border-color: #3498db;

}





.submitBtn-disabled{

  background: gray;

  border: 0;

  padding: 10px 24px;

  color: #fff;

  -webkit-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

  border-radius: 50px;

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

}



 



.submitBtn-enabled{

  background: #3498db;

  border: 0;

  padding: 10px 24px;

  color: #fff;

  -webkit-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

  border-radius: 50px;

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

}

.submitBtn-enabled:hover{

  background: #2383c4;



}





.captcha{

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex ;

}

.captchaValue{

  border: 1ps solid gray;

  padding: 10px;

  vertical-align:middle;

  text-align: center;

  font-weight: 700;

  border-radius: 0;

  width: 35%;

  color: whitesmoke;

  -webkit-text-decoration: dotted ;

          text-decoration: dotted ;

  /*background-image: url("../img/bubbles.jpg"); */

  background-image: url("../img/oldscripts.jpg");



}



.text-center{

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: end;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.captcha-ref-icon{

  font-size:30px;

  background-color: #222222;

  color: whitesmoke;

}



.captcha-ref-icon:hover{

  color : cadetblue;

}



.dashboard-card{

  padding: 5px 5px;

  background-color:#c796c3;

  color : #242424 ;

  width: 100%;

  height: -webkit-fit-content;

  height: -moz-fit-content;

  height: fit-content;

  border-radius: 5px;



}



.dashboard-card:hover{



  background-color:#8f42b3;

  color : whitesmoke ;

  

}



.stats{

  border:1px solid #444 ;

  border-radius: 5px;

}



.vercode{

  border:0;

  text-decoration: underline;

  color: #2383c4;

  background-color: white;

}

.vercode:hover{

  color: #444;

}



.vercode-span{

  font-size: 10px;

  font-style: italic;

}



.dashboard h2{

  font-size: 20px;

  font-weight: 600;

  border-bottom: 1px solid #444;

  

}



@media (max-width: 991px) {

  .dashboard h2{

    font-size: 16px;

    font-weight: 500;

    border-bottom: 1px solid #444;

    border-top: 1px solid #444;

    margin-top: 10px;

  }

}





@media (max-width: 768px) {



  .dashboard h2{

    font-size: 16px;

    font-weight: 500;

    border-bottom: 1px solid #444;

    border-top: 1px solid #444;

    margin-top: 10px;

  }



  .vercode ,.vercode-span {

    font-size: smaller;

    

  }





}



@media (max-width: 575px) {



  .dashboard h2{

    font-size: 14px;

    font-weight: 400;

    border-bottom: 1px solid #444;

    border-top: 1px solid #444;

    margin-top: 10px;



  }



  .vercode ,.vercode-span {

    font-size: smaller;

    

  }

}



@-webkit-keyframes animate-loading {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}



@keyframes animate-loading {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}



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

# Breadcrumbs

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

.breadcrumbs {

  padding: 15px 0;

  background: #f8f8f8;

  min-height: 40px;

  margin-top: 40px;

}



@media (max-width: 992px) {

  .breadcrumbs {

    margin-top: 72px;

  }

}



.breadcrumbs h2 {

  font-size: 28px;

  font-weight: 400;

  margin: 0;

}



.breadcrumbs ol {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  list-style: none;

  padding: 0;

  margin: 0;

  font-size: 14px;

}



@media (max-width: 992px) {

  .breadcrumbs ol {

    margin-top: 10px;

  }

}



.breadcrumbs ol li+li {

  padding-left: 10px;

}



.breadcrumbs ol li+li::before {

  display: inline-block;

  padding-right: 10px;

  color: #3c3c3c;

  content: "/";

}



@media (max-width: 768px) {

  .breadcrumbs .d-flex {

    display: block !important;

  }



  .breadcrumbs ol {

    display: block;

  }



  .breadcrumbs ol li {

    display: inline-block;

  }

}



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

# Breadcrumbs  end

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



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

# Footer

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

#footer {

  background: #fff;

  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);

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

  padding: 30px 0;

  color: #222222;

  font-size: 14px;

}



#footer .credits {

  font-size: 13px;

  padding-top: 5px;

  color: #222222;

}



#footer .footer-links a {

  color: #222222;

  padding-left: 15px;

}



#footer .footer-links a:first-child {

  padding-left: 0;

}



#footer .footer-links a:hover {

  color: #3498db;

}