.btn-rounded {
  border-radius: 500px !important;
}

.header-bg{
  background-color: transparent !important;
}
.transparent-bg{
  background-color: transparent !important;
}
.padding-5-top-bottom{
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.padding-5-left-right{
  padding-left: 5px;
  padding-right: 5px;
}

.margin-5-top{
  margin-top: 5px;
}

.margin-5-top-bottom{
  margin-top: 5px;
  margin-bottom:5px;
}
.padding {
  padding: 10px 10px 10px 10px !important;
}

@media (max-width: 735px){
  .main-title{
      /*font-size: 25px !important;*/
      color: #fff;
  }

  .content-row-no-bg {
      position: relative;
      background: transparent;
      padding: 10px 0 40px 0;
      margin:20px 15px !important;
  }

  .content-row-bg {
      position: relative;
      background: transparent;
      padding: 50px 0 40px 0;
      margin:20px 15px !important;
  }

  .item-center-1 {
      display: inherit !important;
      justify-content: center;
  }

}


.main-title{
  /*font-size: 25px !important;*/
  color: #fff;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{
  display:inline-block;
  overflow:hidden;
  /*width:100%;*/
  text-align:center;
  color: black;

  /*white-space: normal;
  word-wrap: break-word;
  text-align: center;*/
}

.bootstrap-select>.dropdown-toggle.bs-placeholder{
  height: 50px;
}
.bootstrap-select.form-control{
  padding: 0 !important;
}
/*.filter-option{
  text-align: center;
}*/

.listing div.item .status {

  width: 50% !important;

}

.owl-stage-outer div.item-card{
  min-height:460px !important;
  height : 460px !important;
  min-width: 260px;
  padding: 5px 5px 5px 5px;
}

.owl-stage-outer div.service-item-card{
  min-height:560px !important;
  height : 560px !important;
}

.owl-stage-outer div.domain-item-card{
  min-height:360px !important;
  height : 360px !important;
}

.ads-home-image{
  width:500px;
  height: 110px;
  /*width: 100%;*/
}

.banner-box{
  min-width: 170px !important;
  height: 170px !important;
}

.required-field{
  color: red !important;
}

.services-topic .btn-group .dropdown-menu{
          width:261px !important;
}

.services-topic .btn-group .dropdown-menu > li > a {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.item-center{
  display: flex;
  justify-content: center;
}

.item-center-1{
  display: flex;
  justify-content: center;
}


.img-rect {
  /*height: 255px !important;*/
  width: 255px !important;
  border-radius: 5%;
  display: inline-block;
  max-height: 255px !important;
}

.img-circle-1 {
  height: 200px !important;
  width: 200px !important;
  border-radius: 50%;
  display: inline-block;
  max-height: 200px !important;
}

.flex-caption h1 {
  /*color: #fff;*/
  letter-spacing: 1px;
  margin-bottom: 8px;
  text-transform: uppercase;
  color: rgba(255, 255,255, 1.0);
}

.flex-caption h2 {
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.flex-caption h4 {
  margin: 0 0 15px;
  line-height: 1.5;
}

.centered {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.rcorners3 {
border-radius: 15px 50px;
padding: 20px;
width: 220px;
height: 70px;
}

.rcorners4 {
border-radius: 15px;
padding: 5px;
width: 200px;
height: 50px;
text-align: center !important;
display: inline-block;
}

.rcorners5 {
border-radius: 15px;
padding: 5px;
/*width: 200px;
height: 50px;*/
text-align: center !important;
display: inline-block;
}
#title-1{
background: url('http://daleel.loc/frontEnd/img/title-image.png');
/*position:relative;
display: inline-block;*/
/*background: url(paper.gif);*/
background-position: left top;
background-repeat: repeat;
}
.color-black{
  color:black;
}
.color-white{
color:white !important;
}

.row-center
{
  display: flex;
  align-items: center;
}

.owl-stage-outer div.program-item-card{
  min-height:320px !important;
  height : 420px !important;
  width: 280px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.card-bg-image{
height: 100vh;
background-color: #dddddd !important;
background-repeat: repeat;
background-position: center center top;
background-size:cover;
-webkit-background-size: cover;
-moz-background-size:cover;
-o-background-size:cover;
}
.owl-stage-outer div.project-item-card{
  min-height:320px !important;
  height : 360px !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.owl-stage-outer div.ourboard-item-card{
  min-height:280px !important;
  /*height : 420px !important;*/
  width: 280px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.glow-on-hover {
  width: 200px;
  height: 50px;
  border: none;
  outline: none;
  color: #fff;
  background: #111;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 10px;
}

.glow-on-hover:before {
  content: '';
  /*background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);*/
  background: linear-gradient(45deg, #C92427, #C92427, #C92427, #C92427, #ff0000, #ff0000, #ff0000, #ff0000, #ff0000);
  position: absolute;
  top: -2px;
  left:-2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing 20s linear infinite;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  border-radius: 10px;
}

.glow-on-hover:active {
  color: #000
}

.glow-on-hover:active:after {
  background: transparent;
}

.glow-on-hover:hover:before {
  opacity: 1;
}

.glow-on-hover:after {
  z-index: -1;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #111;
  left: 0;
  top: 0;
  border-radius: 10px;
}

@keyframes glowing {
  0% { background-position: 0 0; }
  50% { background-position: 400% 0; }
  100% { background-position: 0 0; }
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

/*html,body {

width:100%;
height:100%;
}*/
/*body {
margin: 0;
}*/
/*.container
{
width:100%;
height:100%;
}*/
#slideshow {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
width:100%;
height:100%;
display: inline-block;
}
.elemnt,.elemnt1,.elemnt2,.elemnt3 {
position: absolute;
left: 0;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
display: inline-block;
text-align: center;
}
/*span{
border: 1px solid #000;
border-radius: 3px;
box-shadow: 0 0 5px 0 hsla(0,0%,30%, .3);
font-size:4em;
background-color:#fff
}*/
.elemnt {
/*animation: xfade 16s 8s infinite;*/
opacity: 0.04;
/*background-image: url('http://daleel.loc/frontEnd/img/bg1.jpg');*/
}
.elemnt1 {
animation: xfade1 16s 6s infinite;
opacity: 0.5;
/*background-image: url('http://daleel.loc/frontEnd/img/bg2.jpg');*/

}
.elemnt2 {
animation: xfade2 16s 2s infinite;
opacity: 0.5;
/*background-image: url('http://daleel.loc/frontEnd/img/bg3.jpg');*/
}
.elemnt3 {
animation: xfade 16s 0s infinite;
opacity: 0.5;
/*background-image: url('http://daleel.loc/frontEnd/img/bg4.jpg');*/

}
@keyframes xfade{
17% {
  opacity:1;
  /*-webkit-transform: scalex(1.1) rotate(0.01deg);
  transform: scalex(1.1) rotate(0.01deg);*/
}
25% {
  opacity:0.5;
}
92% {
  opacity:0.2;
}
}
@keyframes xfade1{
17% {
  opacity:1;
  /*-webkit-transform: scale(1.8) rotate(0.01deg);*/
  /*transform: scale(1.8) rotate(0.01deg);*/
}
25% {
  opacity:0.5;
}
92% {
  opacity:0.2;
}
}
@keyframes xfade2{
17% {
  opacity:0.5;
  /*-webkit-transform: scale(1.8) rotate(0.01deg);*/
  /*transform: scale(1.8) rotate(0.01deg);*/
}
25% {
  opacity:0.2;
}
92% {
  opacity:0;
}
}
@keyframes xfade3{
17% {
  opacity:0.5;
  /*-webkit-transform: scale(1.8) rotate(0.01deg);*/
  /*transform: scale(1.8) rotate(0.01deg);*/
}
25% {
  opacity:0;
}
92% {
  opacity:0;
}
}

.color-red{
color:#c92027 !important;
}

.background-style{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

.owl-carousel .item {
text-align: center;
}
.owl-carousel .nav-btn{
height: 47px;
position: absolute;
width: 26px;
  cursor: pointer;
  top: 100px !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled{
pointer-events: none;
opacity: 0.2;
}

.owl-carousel .prev-slide{
  background:url(../img/nav-icon-left.png) no-repeat scroll 0 0;
  left: -33px;
}
.owl-carousel .next-slide{
  background:url(../img/nav-icon-right.png) no-repeat scroll -3px 0px;
  right: -33px;
}

.owl-carousel .owl-stage-outer {
  padding-top: 10px;
  /*padding-right: 10px;
  padding-left: 10px;*/
  padding-bottom: 12px;
}

.p-y-2 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.p-y-3 {
  padding-top: 45px;
  padding-bottom: 45px;
}
.m-b-1 {
  margin-bottom: 18px;
}
.m-t-1 {
  margin-top: 18px;
}


/*==========================================================
              counter section style
============================================================*/

/* added by fatehi */
.main_counter_area{
  background: url(https://images.pexels.com/photos/196288/pexels-photo-196288.jpeg?w=940&h=650&auto=compress&cs=tinysrgb) no-repeat top center;
  background-size: cover;
  overflow: hidden;
}
.main_counter_area .main_counter_content .single_counter{
  background: rgba(191, 202, 240, 0.5);
      color: #fff;
}
.main_counter_area .main_counter_content .single_counter i{
  font-size:36px;
}

.box-sections {
  width: 100%;
  margin-bottom: 30px;
}

@keyframes ticker {
0% { transform: translate3d(0, 0, 0); }
100% { transform: translate3d(-100%, 0, 0); }

}
.tcontainer{
margin-top: 20px;
width: 100%;
overflow: hidden;
}
.ticker-wrap {
width: 100%;
padding-right: 100%;
background-color:transparent;
}
.ticker-move {
display: inline-block;
white-space: nowrap;
padding-right: 100%;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-name: ticker;
animation-duration: 20s;
}
.ticker-move:hover{
animation-play-state: paused;
}
.ticker-item{
display: inline-block;
padding: 0 2rem;
}
.dot {
height: 6px;
width: 6px;
margin-left: 3px;
margin-right: 3px;
margin-top: 2px !important;
background-color: rgb(207, 23, 23);
border-radius: 50%;
display: inline-block
}

.news {
width: 160px;
}

.news-scroll a {
text-decoration: none;
}

.dot {
height: 6px;
width: 6px;
margin-left: 3px;
margin-right: 3px;
margin-top: 2px !important;
background-color: rgb(207, 23, 23);
border-radius: 50%;
display: inline-block
}

.home-row-head {
  color: white !important;
}

.content-row-bg {
  background: #b87a4d2b !important;
  margin: 20px 70px;
  border-radius: 10px;
  padding: 0px;
}

.content-row-no-bg {
  background: transparent;
  margin: 20px 70px;
  border-radius: 10px;
  padding: 0px;
}

.section-divider {
  display: inline-block;
  position: relative;
  height: 5px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #000;
  width: 90px;
  margin-top: 5px;
  margin-bottom: 10px;
  overflow: hidden;
  animation: blinker 3s linear infinite;
}

.heading::after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 90px;
  border-radius: 30px;
  border-radius: 30px;
  background-color: #000;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
  animation: blinker 3s linear infinite;
}
@keyframes blinker {
  50% {opacity: 0;}
}

@keyframes nudge {
  0%, 100% {
    transform: translate(0, 0);
  }
  
  50% {
    transform: translate(150px, 0);
  }
  
  80% {
    transform: translate(-150px, 0);
  }
}

.phone-rotate {
  animation: shake 3s linear infinite;
  animation: rotateOut 3s ease infinite;
  /* animation: hinge 3s linear infinite;
  animation: rotateOutUpRight 3s linear infinite;
  animation: rotateOutUpLeft 3s linear infinite;
  animation: bounceOutLeft 3s linear infinite;
  animation: bounceOutRight 10s linear infinite;*/
}
@keyframes shark {
  100% {transform: rotate(180deg);}
}

.cv-style{
  border-left: 3px solid #e1e1e1;   
  border-right: 3px solid #e1e1e1;
}

.flex-caption{
  background-color: transparent !important;
  opacity: 1 !important;
}
#featured {
  background: transparent !important;
}
#featured .flexslider{
  background: transparent !important;
}
header .navbar{
  border-bottom: 1px solid transparent !important;
}

.site-top {
  background: transparent !important; 
  background: #b87a4d !important; 
}

.spinner {
  display: inline-block;
  -webkit-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.opacity-pulse {
  animation-name: opacity-pulse;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
@keyframes opacity-pulse {
  /* from { transform: scale(1); }
  50% { transform: scale(0.10); }
  to { transform: scale(1); } */

  17% {
    opacity:0;
  }
  25% {
    opacity:0.25;
  }
  25% {
    opacity:0.5;
  }
  100% {
    opacity:1;
  }
}

.fe-pulse {
  animation-name: pulse;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  from { transform: scale(1); }
  50% { transform: scale(0.50); }
  to { transform: scale(1); }
}

/* .box-gray-social {
  background: #f5f5f5;
  padding: 10px 10px 10px;
  margin: 20px 0px 0px;
  border-radius: 7px;
} */

.box-gray-social:hover {
  box-shadow: 0 3px 9px 3px rgba(20,23,28,0.2);
}
.box-gray-social {
  box-shadow: 0 1px 5px 1px rgba(20,23,28,0.2);
  border: 1px solid #DEDFE0;
  padding: 10px 10px 10px;
  margin: 20px 0px 0px;
  border-radius: 7px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/*  */

.animate:after {
  animation-delay: .5s;
}

.animate:before, .animate:after {
  animation: animate 1.5s linear infinite;
}

.pulse:before, .pulse:after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border: 2px solid #0eadec;
  border-radius: 50%;
  opacity: 0;
  background-visibility: hidden;
}