/* Should you need to overwrite any of our SCSS or LESS or SASS code need to add any custom code, We recommend that you add your code into this file, so whenever theme update is available and you update the theme, You will not lose your hard work :) */
.slider-fade1 .h5 , .slider-fade1 h1 , .slider-fade1 p {
  color: #fff;
}
.set-bth {
    background: #00aebf;
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
}
.set-bth:hover {
    color: #00aebf !important;
    background: #000000;
}
.filtering.col-sm-12.text-center a {
    background: #00aebf;
    padding: 10px 20px;
    color: #fff;
}
.filtering.col-sm-12.text-center a:hover {
    background: #000;
}
.title-style1c {
    color: #fff;
}
.portfolio-style5 img {
    border: 1px solid #959595;
}
.card-style6:hover li, .card-style6:hover li {
    color: #fff;
}
.minvs {
    min-height: 225px;
}
.float-left{
	float: left;
}
.cl-he-h2 {
    color: #fff;
    font-size: 46px;
}
.client-slide {
    padding: 80px 0;
}
.client-slide button.owl-prev {
    position: absolute;
    left: 0;
    top: 40%;
}
.client-slide button.owl-next {
    position: absolute;
    right: 0;
    top: 40%;
}
.client-slide button.owl-prev span {
    font-size: 110px;
    line-height: 0;
}
.client-slide button.owl-next span {
    font-size: 110px;
    line-height: 0;
}
.owl-theme .owl-nav [class*='owl-']:hover {
    background: #000000;
    color: #FFF;
    text-decoration: none;
}
.client-style1 {
    margin-top: 30px;
}
.qodef-e-content {
    background-color: #000;
    text-align: left;
    padding: 30px 20px;
}
.qodef-e-role {
    font-family: sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.214em;
    letter-spacing: -.01em;
    color: #9b9b9b;
    margin: 0;
}
.qodef-e-title {
    color: #fff;
}
.portfolio-block .owl-stage-outer {
    margin-right: 5%;
}
.portfolio-style3 .portfolio-text {
    width: 25%;
    position: absolute;
    z-index: 1;
    padding: 60px 30px;
    background-color: #fff;
    visibility: hidden;
    opacity: 1;
    transition: .3s;
    text-align: left;
    right: 0;
    bottom: 0;
}
.portfolio-block.owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    right: 17%;
    bottom: 0;
}
.portfolio-mar{
 padding-top: 50px !important;	
 padding: 0px;
}
.bg-darks {
    background: #f6f6f6;
}
.zero{
 padding: 0px;
 padding-bottom: 40px;
}
.bg-darks .col-md-6.col-xl-6 {
    float: left;
    padding: 10px;
}
.mt-sc-top {
    margin-top: -40px;
}
.bg-darks{
	overflow: visible;
}
.card-style9:hover {
    background: #fff;
}
.p-25 {
    padding-top: 40%;
}
a.btn-bb.read-more {
    background: #313131;
    padding: 12px 30px;
    color: #fff;
    border-radius: 30px;
    float: left;
}
.qodef-html--link {
    font-family: sans-serif;
    font-size: 13px;
    line-height: 1.23em;
    letter-spacing: .01em;
    font-weight: 700;
    color: #000;
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    width: auto;
    margin: 0;
    margin-top: 20px !important;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    outline: 0;
    transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;
}
.qodef-m-text:before {
    background-color: #02acbd;
    z-index: 0;
}
.qodef-m-text:before {
    border-radius: 50%;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 13px;
    position: absolute;
    right: -20px;
    top: 1px;
    width: 13px;
}
.portfolio-contents {
    padding-top: 12%;
}
.tec-edi {
    margin-bottom: 30px;
}
.qodef-e:hover .qodef-e-titles {
    padding-left: 34px;
    transition: padding .2s ease-out,margin .2s ease-out;
    position: relative;
    margin: 0;
    z-index: 99;
}
.qodef-e-titles:before {
    
    content: '';
    height: 13px;
    position: absolute;
    left: -24px;
    top: calc(50% - 7px);
    transform: scale(0);
    transition: left .2s ease-out,transform .2s ease-out;
    width: 13px;
}
.qodef-m-item:hover .qodef-e-titles:before{
	transform: scale(1);
    left: 0;
    transition: left .2s ease-out,transform .2s ease-out 80ms;
    background-color: #00aebf;
    border-radius: 50%;
}

.sidebar a{
     font-family: sans-serif !important;
 }  

.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
    font-family: sans-serif;
  transition: 0.3s;
}

.sidebar a:hover {
  color: #f1f1f1;
}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
strong.svss.text-uppercase {
    font-size: 16px;
}
.eteam {
    line-height: 1;
}
.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #000000;
  color: white;
  border: none;
}
.client-style1 img.hover-image {
    filter: grayscale(1);
}
.openbtn:hover {
  background-color: #444;
}
.tax-bb {
    padding-bottom: 0;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}
.navbar-default .container-fluid {
    padding: 0;
}
.navbar-default .container-fluid {
    padding: 0;
    overflow: hidden;
}
 .navbar-header-custom {
    margin-left: 9%;}
button.openbtn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 11px 30px;
    font-size: 30px;
}


@media screen and (max-width: 767px) {
.portfolio-contents {
    padding-top: 2%;
    padding-bottom: 4%;
    float: left;
}
.portfolio-mar {
    padding-top: 10px !important;
    padding: 0px;
}
.col-md-6.col-lg-3.vvv {
    width: 100% !important;
    border-bottom: 1px solid #ccc8c8;
}
.portfolio-style3 .portfolio-text {
    width: 50%;
    padding: 30px 30px 60px;}
    .qodef-e-content {
    background-color: #000;
    text-align: left;
    padding: 10px 10px;
}
.cl-he-h2 {
    color: #fff;
    font-size: 32px;
}
.col-lg-3.wow.fadeIn.frn.float-left {
    width: 100% !important;
}
.sc-lsc {
    float: left !important;
    width: 100%;
}
.footer-style1 .social-icons2 li {
    display: inline-block;}
   .cddd {
    margin: 0px 0px 0px 0px !important;
    padding: 20px 20px 10px;
}
section.team-page {
    padding: 10px !important;
}




}






/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}