/**************cta*******************/
@media screen and (min-width:992px){
.cta-zindex-front {
    z-index: 99!important;
}}

/***************************************/
@media screen and (min-width:992px){
.sp-page-title {
  padding: 280px 0 180px;}}

@media screen and (min-width: 992px){
.blog-page .sp-page-title, .project-page .sp-page-title, .service-page .sp-page-title {
  padding: 280px 0 180px;
  background-position: 20% 79%!important;
  }}

@media screen and (max-width:992px){
.sp-page-title {
  padding: 180px 0 100px!important;
    overflow: hidden;
    background-position: 52% 9%!important;
    background-size: cover!important;}}

.sp-page-title h2 {
    font-size: 100px;
    color: #FFFFFF;
    letter-spacing: 10px;
    line-height: 72px;
    text-shadow: 1px 2px 3px black;
    text-align: left;
	z-index: 99!important;
}

.sp-page-title{overflow:hidden;}

.sp-page-title h2 {
    font-size: 90px;
    color: #FFFFFF;
    letter-spacing: 10px;
    line-height: 72px;
    text-shadow: 1px 2px 3px black;
    text-align: left;
    position:relative;
    font-family: lora;
    }

@media screen and (max-width:992px){
.sp-page-title h2:before {
    position: absolute;
    content:'';
    top: -466%!important;
    left: -46%;
    z-index: -1!important;
    width: 1100px;
    height: 500px;
    background: #011b3ede;
  transform: skewX(-20deg);}}

@media screen and (min-width:992px){
.sp-page-title h2:before {
    position: absolute;
    content:'';
    top: -400%!important;
    left: -44%;
    z-index: -1!important;
    width: 1100px;
    height: 600px;
    background: #011b3ede;
    transform: skewX(-20deg);
    }}
/*-------------------------
     OFFCANVAS
--------------------------*/ 
.offcanvas-menu {
    background: url(/images/0_dhg/offcanvas.jpg);
    background-position: left center;
    background-size:cover;
    background-repeat:no-repeat;}

.offcanvas-menu {
    border-left: 5px solid #f9cdcd;
}
/*--------------------------------
     CLOSE CANVAS ICON
--------------------------------*/
.close-offcanvas {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    line-height: .5;
    text-align: center;
    font-size: 16px;
    border: 0px solid #fff;
    color: #fff;
    padding-top: 3px;
}

.fa.fa-remove:before{
    right: 0;
    position: absolute;
    line-height: 15px;
    float:right;
    top: -14px;
    text-align:right;
    right:0;
}

.fa.fa-remove:before{
    content: " "!important;
    background: url(/images/0_dhg/cancel03.png);
    content: '';
    height: 80px;
    width: 30px;
    background-repeat: no-repeat;
    transform: scale(0.5);}

/*********************************/
/*--------------------------------
    	DJ SLIDER
--------------------------------*/
.project-detail-page .djslider-default .navigation-container {
    top: 45%!important;
}

/**************cta*******************/
@media screen and (min-width:992px){
.cta-zindex-front {
    z-index: 99!important;
}}

/*****blog*****/
article.item .article-info-wrap {
    background: #fff0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 28px 0px 24px;
}