#FF0000/*!
 * Start Bootstrap - Full Slider (https://startbootstrap.com/template-overviews/full-slider)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-slider/blob/master/LICENSE)
 */
 .list-group-item-action:active {
  color: #212529;
  background-color: #28a745;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  color: #495057;
  text-decoration: none;
  /*background-color: #f8f9fa; */
  background-color: #FF6347;
}

.btn-success{
background-color: #FF6347;
border-color: #ff6347;
}
.carousel-item {
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.bdy{
  font-family: 'Ubuntu';font-size: 20x;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  /*bottom: 20px;*/
  bottom: 100px !important;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 120px !important;
  color: #fff;
  text-align: center;
}

.underln {
  content: ' ';
  background: #FF6347;
  display: block;
  width: 95%;
  height: 0.2rem;
  margin-top:0.3rem;
}


.btn.sharp {
  border-radius:0;
}

.btn.cl{
  background-color: #d3d3d3 !important;
}

.form-control {
  background-color: #669999;
 border: 0;
  height: 50px;
}

/* Introduced by me */

body {
 /* padding-top: 54px; */
 font-family: 'Ubuntu';font-size: 26x;
}
h1{
  font-size: 46px;
}

@media (min-width: 992px) {
  body {
    /*padding-top: 56px;*/
  }
}

/* Horizontal LINE */
hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
} 

.padtwentyr{
  padding-right: 20px;
  margin-top: 16px;
}

.magtentop{
  margin-top: 5px;
}

.fontcwhite{
  color: #ffffff;

}
.themeccolor, .fa-stroopwafel, .fa-user-circle, .fa-bandcamp, .fa-pen-square,
.fa-file-alt, .fontcgreen, .fa-pen-square, .fa-graduation-cap,
.fa-certificate, .fa-chart-pie, .fa-glasses, .fa-award{
  color: #FF6347 !important;
}

.fontcgrey{
 color:  #edf2e8;
}
.category {
    position: relative;
    z-index: 2;
}

.read-more:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0; left: 0; bottom: 0; right: 0;
}

.card {
  height: 100%;
  position: relative;
  /*background-color: #d13e10; */
  /* red*background-color: #ff3333;*/
  /*background-color: #037749;*/
  /* this is green* background-color: #028752;*/
  /*danger* background-color: #d65955;*/
  
  border: 0px; 
}

.jumbotron {
      /* this is green*background-color: #008D55; */
      /*red*background-color: #ff0000; */
      /* danger/background-color: #d9534f;*/
      /* this is blue */background-color: #f6f6f6;
      color: #fff;
      padding-top: 30px;
      padding-bottom: 30px; 
      
  }
  .bg-grey {
      background-color: #557A95;
  }
  .bg-green{
    background-color: #008000;
  }

  .bg-black{
    background-color: #1f2833;
  }

/* for footer */


.sec-footer{
   /* background: #433d7b; */
    /*background: #0f6fa9; */
    background: #1f2833;
    /*direction: rtl;*/
    text-align: left;
    color: #fff;
    padding-top: 2.5rem;
    padding-bottom: 2rem;
}
.sec-footer .desc-box{
    background: transparent;
    border: 0;
}
.sec-footer .desc-box .card-title::after{
    content: ' ';
    background: #ffffff;
    display: block;
    width: 95%;
    height: 0.2rem;
    margin-top:0.3rem;
}
.sec-footer .desc-box .card-text{
   /* font-family:iranyekan_light;*/
    text-align: left;
}
.sec-sub-footer{
    background: #333333; 
    /*background-color: #0974b5;*/
   /* direction: rtl;*/
    text-align: left;
    color: #fff;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size:0.9rem;
}
.sec-sub-footer a{
    font-size:0.9rem;
}



/*------------------*/
.snip1472 {
    position: relative;
    font-size: 20px;
    color: #e6e6e6;
    width: 45px;
    margin: 4px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    text-align: center;
    -webkit-perspective: 50em;
    perspective: 50em;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.snip1472:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 2px solid #e6e6e6;
    content: '';
    z-index: -1;
    border-radius: 50%;
}
.snip1472:before {
    color: #fff;
}
.snip1472:before,
.snip1472:after {
    -webkit-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
}
.snip1472:hover,
.snip1472:active,
.snip1472.hover {
    color: #c0392b;
}
.snip1472:hover:after,
.snip1472:active:after,
.snip1472.hover:after {
    border-color: #c0392b transparent #c0392b transparent;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

/* for footer end */

/* Google map starts here */
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%; 
    /*padding-bottom:0%; */
    position:relative;
    height:200px;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:25%;
    width:100%;
    position:absolute;
}

/* Google map ends here  */





div.box:hover {
    cursor: hand;
    cursor: pointer;
    opacity: .9;
}

a.divLink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    /* Makes sure the link doesn't get underlined */
    z-index: 10;
    /* raises anchor tag above everything else in div */
    background-color: white;
    /*workaround to make clickable in IE */
    opacity: 0;
    /*workaround to make clickable in IE */
    filter: alpha(opacity=0);
    /*workaround to make clickable in IE */
}

/* About header formatting starts here*/

/* header */
#header{
  /*background: #333333; */
  background:#2c3531;
  color: #ffffff;
  /*padding-bottom: 10px;
  margin-bottom: 15px; */
  min-height: 33px !important;
  height: 43px !important;

}
#header .create{
  padding-top: 20px;
}

/* Breadcrumb */
.breadcrumb{
  background: #cccccc;
  color: #333333;
}
.breadcrumb a{
  color: #333333;
}

/* Progress Bar */
.progress-bar{
  background: #333333;
  color: #ffffff;
}


/* footer */
#footer{
  background: #333333;
  color: #ffffff;
  text-align: center;
  padding: 30px;
  margin-top: 0px;
}


/* About header formatting ends here */

/* Card Flip starts here */

.card-flip {
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
.card-flip:hover .flip, .card-flip.hover .flip {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.card-flip,
.front,
.back {
  width: 100%;
  /*height: 480px; */
  height: 350px;
}

.flip {
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: relative;
}

.front,
.back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.front {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

.back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}


/* Card Flip ends here */