@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);*{font-family:'droid-sans';font-size:14.5px}.text-center{text-align:right!important}.img-responsive{display:block;max-width:100%;height:auto;float:right;margin:15px;position:relative;right:50%;transform:translate(100%,0%);border:solid 1px #bbdcff;border-radius:5px}@media only screen and (){.img-responsive{display:block;max-width:100%;height:auto}}.selectable:hover{background:#dfe7ff}.selectable-rounded:hover{background:#dfe7ff!important;border-radius:6px;}.navbar-brand{font-size:20px;line-height:2}body{overflow-x:hidden;-webkit-font-smoothing:antialiased}.bg-primary{margin-right:-2px;margin-left:-2px;background:#2b7690!important}.bg-primary-panel-new{background:#85d8ce;background:-webkit-linear-gradient(to left,#2b7690,#85d8ce);background:linear-gradient(to left,#2b7690,#85d8ce)}.bg-primary-panel-pagination{background-color:#85d8ce;background-color:-webkit-linear-gradient(to right,#2b7690,#85d8ce);background-color:linear-gradient(to right,#2b7690,#85d8ce);border-color:#85d8ce}.bg-primary-panel-error{background:#cb2d3e;background:-webkit-linear-gradient(to left,#ef473a,#cb2d3e);background:linear-gradient(to left,#ef473a,#cb2d3e)}nav .nav-link{color:#cfd8dc!important;transition:color .5s}nav .nav-link:hover{color:#fafafa!important}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden;width:100%}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;right:51%;left:51%;bottom:0;background:#e9ecef;height:4px;-webkit-transition-property:right,left;transition-property:right,left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{right:0;left:0}body,html{height:100%;background:#f2f2f2}.intro{background-image:url(../img/car.jpg);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;height:95%;position:relative}.intro-content{color:#fff;text-align:center;position:absolute;top:50%;right:50%;transform:translate(50%,-50%)}.intro-content h1,.intro-content h5{text-shadow:0 0 4px gray}.info-content{float:right;text-align:center;margin:30px auto}.info-content h5{font-size:35px;text-decoration:underline}.infos{overflow:hidden;margin:20px auto;box-shadow:0 0 4px gray;background:#fff}.infos-img{width:200px;margin:auto;height:200px}.contact-form{box-shadow:0 0 4px gray;background:#fff}footer{background:#37474f;overflow:hidden;position:absolute;width:100%;bottom:0}.social-media a img{width:40px;height:40px}.copyright,.social-media{padding:30px 0;float:right;text-align:center}.social-media h3{color:#fff}.copyright{color:#fff;padding:52px 0}.box{box-shadow:0 0 4px gray;margin:5px auto;padding:10px;background:#fff;overflow:hidden}#container{min-height:100%;position:relative;padding-bottom:144px;background:url(/img/map.jpg) no-repeat center center fixed;background-size:cover}@media only screen and (max-width:768px){#container{padding-bottom:310px}}.typed-cursor,.undisplayed{display:none}.msg{text-align:center}.msg-body{border:1px solid #eee;padding:10px;margin:10px auto}.custom-font{font-family:'Oxygen',sans-serif}.custom-font2{font-family:'Poiret One',sans-serif}.profile-img{height:200px;width:200px;margin:auto}.profile-img img{border-radius:50%}.online{color:green}.offline{color:red}img.chk{width:25px;height:25px}.pointer{cursor:pointer}.tabs{background:#f0f0f0;padding:0;margin:0;border-radius:10px 10px 0 0}.tabs .tab,.tabs .tab1,.tabs .tab2,.tabs .tab3{display:inline-block;padding:20px 0;color:#787f87;margin:0}.tabs .tab1,.tabs .tab2,.tabs .tab3{border-radius:0 10px 0 0}.tabs .tab a,.tabs .tab1 a,.tabs .tab2 a,.tabs .tab3 a{text-decoration:none;color:#757575;padding:24px 25px}.tabs .tab1 a,.tabs .tab2 a,.tabs .tab3 a{border-radius:0 10px 0 0}.tabs .tab3 a{padding:26% 25px 24px}.tabs .active{background:#fff;border-top:3px solid #4a98a6}.btnbeside ul,.dropdown-menu{position:static;overflow:visible!important;width:100%}.btnbeside ul{position:absolute}@media only screen and (max-width:575px){.nav-item{margin-right:30px}}.fileUpload{width:auto}.fileUpload input.upload{position:absolute;top:0;left:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0)}.classtoleftalign{text-align:right}#return-to-btn,#return-to-btn i,#return-to-top,#return-to-top i{-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#return-to-btn,#return-to-top{bottom:20px;left:5px;background:#689db0;background:rgba(104,157,176,.62);width:40px;height:40px;text-decoration:none;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;display:none;position:fixed;-webkit-transition:all .3s linear}#return-to-btn i,#return-to-top i{color:#fff;margin:0;position:relative;right:12px;top:12px;font-size:19px;-webkit-transition:all .3s ease}#return-to-btn:hover,#return-to-top:hover{background:#5990a5}#return-to-btn:hover i,#return-to-top:hover i{color:#fff;top:8px}@keyframes scaleAnimation{0%{opacity:0;transform:scale(1.5)}100%{opacity:1;transform:scale(1)}}@keyframes drawCircle{0%{stroke-dashoffset:151px}100%{stroke-dashoffset:0}}@keyframes drawCheck{0%{stroke-dashoffset:36px}100%{stroke-dashoffset:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}#successAnimationCircle{stroke-dasharray:151px 151px;stroke:#4caf50}#successAnimationCheck{stroke-dasharray:36px 36px;stroke:#FFF}#successAnimationResult{fill:#4caf50;opacity:0}#successAnimation.animated{animation:1s ease-out 0s 1 both scaleAnimation;#successAnimationCircle{animation:1s cubic-bezier(0.77,0,0.175,1) 0s 1 both drawCircle,0.3s linear .9s 1 both fadeOut}#successAnimationCheck{animation:1s cubic-bezier(0.77,0,0.175,1) 0s 1 both drawCheck,0.3s linear .9s 1 both fadeOut}#successAnimationResult{animation:.3s linear .9s both fadeIn}}.ribbon-arrived,.ribbon-notshippedyet,.ribbon-shipped{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:left}.ribbon-arrived span{font-size:13px;background:linear-gradient(#9bc90d 0%,#79a70a 100%)}.ribbon-arrived span::after,.ribbon-arrived span::before{content:"";position:absolute;top:100%;z-index:-1;border-bottom:3px solid transparent;border-top:3px solid #79a70a}.ribbon-arrived span::before{right:0;border-right:3px solid #79a70a;border-left:3px solid transparent}.ribbon-arrived span::after{left:0;border-right:3px solid transparent;border-left:3px solid #79a70a}.ribbon-arrived span,.ribbon-notshippedyet span,.ribbon-shipped span{font-weight:700;color:#fff;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#79a70a;box-shadow:0 3px 10px -5px #000;position:absolute;top:19px;left:-21px}.ribbon-shipped span{background:linear-gradient(#b6bac9 0%,gray 100%);font-size:13px}.ribbon-shipped span::after,.ribbon-shipped span::before{content:"";position:absolute;top:100%;z-index:-1;border-bottom:3px solid transparent;border-top:3px solid gray}.ribbon-shipped span::before{right:0;border-right:3px solid gray;border-left:3px solid transparent}.ribbon-shipped span::after{left:0;border-right:3px solid transparent;border-left:3px solid gray}.ribbon-notshippedyet span{font-size:11px;background:linear-gradient(#f70505 0%,#8f0808 100%)}.ribbon-notshippedyet span::after,.ribbon-notshippedyet span::before{content:"";position:absolute;top:100%;z-index:-1;border-bottom:3px solid transparent;border-top:3px solid #8f0808}.ribbon-notshippedyet span::before{right:0;border-right:3px solid #8f0808;border-left:3px solid transparent}.ribbon-notshippedyet span::after{left:0;border-right:3px solid transparent;border-left:3px solid #8f0808}.grecaptcha-badge { visibility: hidden; }.dropdown_arrow{width:1.25rem;height:1.25rem;display:inline-block;position:relative;margin:0 1rem}.dropdown_arrow span{top:.5rem;position:absolute;width:.75rem;height:.1rem;background-color:#000;display:inline-block;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.dropdown_arrow span:first-of-type{left:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.dropdown_arrow span:last-of-type{right:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.dropdown_arrow.active span:first-of-type{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.dropdown_arrow.active span:last-of-type{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.dropdown_arrow--l-r{width:1.25rem;height:1.25rem;display:inline-block;position:relative;margin:0 1rem}.dropdown_arrow--l-r.left span:nth-child(4){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.dropdown_arrow--l-r.left span:nth-child(5){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.dropdown_arrow--l-r.right span:nth-child(1){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.dropdown_arrow--l-r.right span:nth-child(2){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.dropdown_arrow--l-r span{position:absolute;height:.1rem;background-color:#000;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.dropdown_arrow--l-r span:nth-child(1),.dropdown_arrow--l-r span:nth-child(2),.dropdown_arrow--l-r span:nth-child(4),.dropdown_arrow--l-r span:nth-child(5){width:.625rem;top:.625rem}.dropdown_arrow--l-r span:nth-child(1){right:0;-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right}.dropdown_arrow--l-r span:nth-child(2){right:0;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}.dropdown_arrow--l-r span:nth-child(3){width:1.25rem;top:.625rem}.dropdown_arrow--l-r span:nth-child(4){left:0;-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}.dropdown_arrow--l-r span:nth-child(5){left:0;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}

.profile-pic-wrapper {
  
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.pic-holder {
  text-align: center;
  position: relative;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.pic-holder .pic {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.pic-holder .upload-file-block,
.pic-holder .upload-loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(90, 92, 105, 0.7);
  color: #f8f9fc;
  font-size: 12px;
  font-weight: 600;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.pic-holder .upload-file-block {
  cursor: pointer;
}

.pic-holder:hover .upload-file-block {
  opacity: 1;
}

.pic-holder.uploadInProgress .upload-file-block {
  display: none;
}

.pic-holder.uploadInProgress .upload-loader {
  opacity: 1;
}

/* Snackbar css */
.snackbar {
  visibility: hidden;
  min-width: 250px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 14px;
  transform: translateX(-50%);
}

.snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}


::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#d6dee1;border-radius:20px;border:6px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}

.btnhovercolor:hover path {
  fill: #4895a4;
  transition: all ease 0.3s;
}