/*Default*/
.card{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: #fff;
	/*border-radius: : 10px;*/
   padding-left: 20px !important;
   padding-right: 20px !important;
   padding-top: 10px !important;
   padding-bottom: 10px !important;
   overflow-x:auto;
}
.card-alt{
   box-shadow: 0 4px 8px 0 rgba(219, 236, 254, 0.2), 0 6px 20px 0 rgba(219, 236, 254, 0.19);
   background-color: #fff;
   padding: 5px;
}
.card-menu{
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
   background-color: #fff;
   border-radius: 10px 10px 0px 0px;
   padding: 5px;
}
.card-menu-top{
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
   background-color: #fff;
   border-radius: 10px;
   padding: 5px;
}
@media screen and (min-width: 1200px){
   .ph-vs{
      max-width: 1200px;
      margin: 0 auto;
   } 
}
@media screen and (max-width: 1199px){
   .ph-vs{
      max-width: 1199px;
      margin: 0 auto;
   }
}
@media screen and (min-width: 720px){
   .ph-md{
      max-width: 720px;
      margin: 0 auto;
   } 
}
@media screen and (max-width: 719px){
   .ph-md{
      max-width: 719px;
      margin: 0 auto;
   }
}
@media screen and (min-width: 500px){
   .ph-ts{
      max-width: 500px;
      margin: 0 auto;
   } 
}
@media screen and (max-width: 499px){
   .ph-ts{
      max-width: 499px;
      margin: 0 auto;
   }
}

#right-side-panel{
   transform: rotate(90deg);
   text-align: center;
   width: 200px;
   position: fixed;
   right: -70px;
   top: 50%;
   border-bottom: 4px solid #ff0000;
   z-index: 1000;
}

@media screen and (max-width: 860px){
   #right-side-panel{
      display: none;
   }
}

.item-img img{
   width: 60%;
}
.street-img img{
   width: 100%;
}
.item-img{
   position: relative;
   z-index: 2;
   text-align: center;
}
.street-img{
   position: relative;
   z-index: 1;
   margin-top: -50px;
}
@media screen and (max-width: 400px){
   .street-img{
      margin-top: -30px;
   }
}


hr{
   margin-top: 9px !important;
}

.bg-spesific-horizontal{
   background: linear-gradient(to right,#59BCF9, #5D51F6);   
}
.bg-spesific-diagonal{
   background: linear-gradient(110deg,#59BCF9, #5D51F6);   
   width: 60px;
   height: 60px;
   box-shadow: 2px 2px #000;
}

#aqdivpart{
   background-color: #fff;
   height: 150px;
   width: 95%;
   position: absolute;
   border-bottom: 10px solid #ececec;
   overflow: hidden;
}
@media screen and (max-width: 600px){
   #aqdivpart{
      width: 91%;
      height: 200px;
   }
}
#aqftpart{
   position: absolute;
   font-size: 260pt;
   top: -90px;
   left: -50px;
   z-index: 0;
}
#aqdescpart{
   position: relative;
   z-index: 1;
   padding: 0px 20px;
}
.scroller-bar{
   overflow: auto;
   white-space: nowrap;
}
@media screen and (max-width: 768px){
   .scroller-bar::-webkit-scrollbar {
      display: none;
   }
}
.scroller-bar::-webkit-scrollbar {
   height: 4px;
}

.scroller-bar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/*carousel only*/
.carousel-indicators>li{
   background-color: #e0e0e0;
   cursor: pointer;
}
.carousel-indicators>li.active{
   background-color: #5D51F6;
   width: 4px;
}
/*carousel only*/
.auto-respond-height{
   min-height: 60vh;
   max-height: 60vh;
}


.right-fade-animation {
   -webkit-animation: fadeRightAnim 3s infinite; /* Chrome, Safari, Opera */
   animation: fadeRightAnim 3s infinite;
}
/* Chrome, Safari, Opera */ 
@-webkit-keyframes fadeRightAnim {
   0%{opacity:0}
   10%{transform:translateX(0);opacity:1}
   100%{transform:translateX(15px);opacity:0}
}

/* Standard syntax */ 
@keyframes fadeRightAnim {
   0%{opacity:0}
   10%{transform:translateX(0);opacity:1}
   100%{transform:translateX(15px);opacity:0}
}
.bottom-fade-animation {
   -webkit-animation: fadeBottomAnim 3s infinite; /* Chrome, Safari, Opera */
   animation: fadeBottomAnim 3s infinite;
}
/* Chrome, Safari, Opera */ 
@-webkit-keyframes fadeBottomAnim {
   0%{opacity:0}
   10%{transform:translateY(0);opacity:1}
   100%{transform:translateY(15px);opacity:0}
}

/* Standard syntax */ 
@keyframes fadeBottomAnim {
   0%{opacity:0}
   10%{transform:translateY(0);opacity:1}
   100%{transform:translateY(15px);opacity:0}
}



/* about us */
.about-us-header .title{
   margin: auto;
   width: 100%;
}

.title-background{
   width: 80% !important;
   margin: auto;
   height: auto;
   padding: 10px;
   background: rgba(255, 255, 255, 0.9);
   font-size: 2em;
   font-weight: 300;
   background-color: lienar;
}

.darken{
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
}

.title{
   font-weight: 400;
   font-size: 2em;
}

.photo-carousel .container .carousel-inner{
   height: 500px;
}
/* end of about us */