.d1-sintro-item.ja-fullheight{padding:200px 100px 100px 100px;color:#fff;}
.d1-sintro-item.ja-fullheight *{color:#fff;}
.d1-sintro-item.ja-fullheight h4{font-size:12px;position:relative;font-weight:700;padding-left:10px;line-height:18px;}
.d1-sintro-item.ja-fullheight h4:before{position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto 0;
content: "";
border-style: solid;
border-width: 0 0 0 4px;
height: 10px;border-color: #3880CD !important;}
.d1-sintro-item.ja-fullheight h3{line-height:100px;font-size:84px;}

ul.inline-list li{border-width:0px;display:inline;}
.footer-menu,.navbar-nav.social_icons{display:initial;}
.moduletable.social-icons .social_icons li a.nav-link,.footer_social a.nav-link{padding:0;}
.moduletable.social-icons .social_icons li a.nav-link::before,.footer_social a.nav-link::before{margin-left:4px;}
.moduletable.social-icons{text-align:right;}
.footer_social{width:100%;text-align:left;display:block;}
.moduletable.social-icons ul.footer_social{display:block !important;}
body section.home-about div.parallax-inner{background-size:contain !important;background-position:100% 30% !important;}
.home-about-text{background:#fff;}
.teamwork .icon_box_content h5{white-space:nowrap;}
.icon_box_style_4 .box_icon, .icon_box_style_11 .box_icon{margin-top:-16px;}
.ecommerce-list .accordion_style3.accordion .card-header a{background-color:#3880cd;padding:5px;}
.icon_box_style_4 .box_icon img, .icon_box_style_11 .box_icon img{margin-top:-3px;}
.ecommerce-list .accordion_style3.accordion ul li{list-style-position: inside;}
.ecommerce-list .accordion_style3.accordion{max-width:90%;}
.ecommerce-list .accordion_style3.accordion .card-header a::after{top:5px;}
.ecommerce-list .accordion-list li{list-style-type: none;background-color:#3880cd;color:#fff;padding:5px;margin-top:10px;max-width:90%;}
.btn-white .ripple:before,.btn-white .ripple{background-color:#fff;}
.btn-white .ripple{margin-right:7px;}
.btn-white .ripple i{color:#3880cd;}

.mosaic .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info{background:url(../../../images/logo_white.png) center top no-repeat transparent;padding-top:100px;}
.mosaic .sp-simpleportfolio .sp-simpleportfolio-item{padding:0;}

/* Box shadow: 0 66px 75px -10px rgba(0,0,0,.3);*/
.d1-pfo .sprocket-mosaic-g-item:hover { box-shadow: 0 66px 75px -10px rgba(0,0,0,.3); }
/* Color: #56e9b1;*/
.d1-pfo .sprocket-mosaic-g-header li.active,
.d1-pfo .sprocket-mosaic-g-header li:not(.active):before,
.d1-pfo .sprocket-mosaic-g-header li:not(.active):after { color: #56e9b1; }
/* Transition: all .4s;*/
#offcanvas-toggler>*:before,
#offcanvas-toggler>*:after,
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li,
.ja-modal > .sppb-btn svg,
.ja-modal .video-play-circle,
.d1-sintro .sprocket-strips-arrows .arrow > span:before,
.d1-sintro .sprocket-strips-arrows .arrow > span:after,
.d1-pfo .sprocket-mosaic-g-content > *,
.ja-pfo-item .sppb-addon-title,
.ja-btnslide:before,
.ja-award img,
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li > a:before,
.ja-teams .sprocket-strips-s-item:after,
.ja-teams .sprocket-strips-s-content,
.ja-teams img,
.ja-logos .sprocket-strips-s-item img,
article.item > .pull-left > * { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; }
/* Transition: box-shadow .4s;*/
.d1-pfo .sprocket-mosaic-g-item { transition: box-shadow .4s; -webkit-transition: box-shadow .4s; -moz-transition: box-shadow .4s; -o-transition: box-shadow .4s; -ms-transition: box-shadow .4s; }

/* Transition: width 0s ease;*/
.ja-modal:not(:hover):not(:focus):not(:active):before,
.ja-modal:after,
.d1-pfo .sprocket-mosaic-g-header li:not(.active):not(:hover):not(:focus):not(:active):before,
.d1-pfo .sprocket-mosaic-g-header li:not(.active):after,
.ja-btn:not(.active):not(:hover):not(:focus):not(:active):before,
.ja-btn:not(.active):after,
article.item .readmore .btn:not(.active):not(:hover):not(:focus):not(:active):before,
article.item .readmore .btn:not(.active):after { transition: width 0s ease; }
/* Transition: width .25s ease;*/
.ja-modal:not(:hover):not(:focus):not(:active):after,
.ja-modal:before ,
.d1-pfo .sprocket-mosaic-g-header li:not(.active):not(:hover):not(:focus):not(:active):after,
.d1-pfo .sprocket-mosaic-g-header li:not(.active):before,
.ja-btn:not(.active):not(:hover):not(:focus):not(:active):after,
.ja-btn:not(.active):before,
article.item .readmore .btn:not(.active):not(:hover):not(:focus):not(:active):after,
article.item .readmore .btn:not(.active):before { transition: width .25s ease; }
/* Animation: timing;*/
.d1-pfo .sprocket-mosaic-g-image-container:after,
.d1-pfo .sprocket-mosaic-g-image-container img,
.ja-aos-slide .sppb-addon-single-image-container:after,
.ja-aos-slide .sppb-addon-single-image-container img { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); }
/* Text transform: uppercase;*/
.d1-pfo .sprocket-mosaic-g-header,
.d1-pfo .sprocket-mosaic-g-tags,
article.item .readmore .btn,
#comments .comment-date,
#comments .comments-buttons a,
#comments-form .btn a, #comments-report-form .btn a { text-transform: uppercase; }
/* Addon: d1-pfo - filter;*/
.d1-pfo .sprocket-mosaic-g-header { margin: 0; }
.d1-pfo .sprocket-mosaic-g-header > * { float: none; }
.d1-pfo .sprocket-mosaic-g-header ul { display: inline-block; overflow: hidden; }
.d1-pfo .sprocket-mosaic-g-header li { border-radius: inherit; padding: 0; background: inherit; float: left; margin: 0 15px 31px; position: relative; }
.d1-pfo .sprocket-mosaic-g-header li:not(.active):before,
.d1-pfo .sprocket-mosaic-g-header li:not(.active):after { content: ""; position: absolute; bottom: 2px; height: 7px; width: 100%; mix-blend-mode: color; border-style: solid; border-width: 7px 0 0; }
.d1-pfo .sprocket-mosaic-g-header li:not(.active):after { right: 0; }
.d1-pfo .sprocket-mosaic-g-header li:not(.active):not(:hover):not(:focus):not(:active):before,
.d1-pfo .sprocket-mosaic-g-header li:not(.active):not(:hover):not(:focus):not(:active):after { width: 0; }
.d1-pfo .sprocket-mosaic-g-header li:not(.active):before,
.d1-pfo .sprocket-mosaic-g-header li:not(.active):hover:after { border-color: transparent; }
.d1-pfo .sprocket-mosaic-g-header li:not(.active):after,
.d1-pfo .sprocket-mosaic-g-header li:not(.active):hover:before { border-color: initial; }

/* Addon: d1-pfo - box;*/
.d1-pfo .sprocket-mosaic-g-container > li { perspective: 1000px; }
.d1-pfo .sprocket-mosaic-g-container > li:hover { z-index: 2; }
.d1-pfo .sprocket-mosaic-g-columns-4 > li:nth-child(1),
.d1-pfo .sprocket-mosaic-g-columns-4 > li:nth-child(2),
.d1-pfo .sprocket-mosaic-g-columns-4 > li:last-child { width: 50%; }
.d1-pfo .sprocket-mosaic-g-effect { height: 100%; width: 100%; opacity: 0.9!important; }
.d1-pfo .sprocket-mosaic-g-item { overflow: hidden; }
.d1-pfo .sprocket-mosaic-g-item:not(:hover):not(:active):not(:focus) .sprocket-mosaic-g-effect { opacity: 0!important; }
.d1-pfo .sprocket-mosaic-g-content { height: auto; top: 50%; bottom: auto; margin: -12.5%; overflow: visible; }
.d1-pfo .sprocket-mosaic-g-content > * { opacity: 1; position: relative; top: 0; color:#fff !important;}
.d1-pfo .sprocket-mosaic-g-content > .sprocket-mosaic-g-readon { position: absolute; z-index: 1000; width: 1000%; height: 1000%; top: -200%; left: 0; }

/* Addon: d1-pfo - content;*/
.d1-pfo .sprocket-mosaic-g-text { margin: 0 0 5px; }
.d1-pfo .sprocket-mosaic-g-tags { background: inherit; display: inline-block; font-size: 50%; bottom: auto; }
.d1-pfo .sprocket-mosaic-g-item:not(:hover):not(:active):not(:focus) .sprocket-mosaic-g-tags { top: 10px; }
.d1-pfo .sprocket-mosaic-g-tags li { padding: 0; }
.d1-pfo .sprocket-mosaic-g-tags li:after { content: ","; color: inherit; opacity: inherit; margin: 0 2px 0 0; }
.d1-pfo .sprocket-mosaic-g-tags li:last-child:after { display: none; }

/* Addon: d1-pfo - image;*/
.d1-pfo .sprocket-mosaic-g-image-container,
.d1-pfo .sprocket-mosaic-g-image-container img { position: relative; }
.d1-pfo .sprocket-mosaic-g-image-container { overflow: hidden; }
.d1-pfo .sprocket-mosaic-g-image-container:after { content: ''; border: 500px solid; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.05, 0); transform: scale(0.05, 0);  }
.sppb-animated > .d1-pfo .sprocket-mosaic-g-image-container:after { -webkit-animation-name: ja-slide-bg-2; animation-name: ja-slide-bg-2; }
.sppb-animated > .d1-pfo .sprocket-mosaic-g-image-container img { -webkit-animation-name: ja-show-img-1; animation-name: ja-show-img-1; }

.d1-pfo .sprocket-mosaic-g-item:not(:hover):not(:active):not(:focus)  .ja-pfo-item .sppb-addon-title { top: -10px; }
.d1-pfo .sprocket-mosaic-g-content{text-align:center;color:#fff;font-size:25px;}
.d1-pfo .sprocket-mosaic-g-content.overlay-mode{/*background:url(../../../images/logo_white.png) center top no-repeat transparent;padding-top:100px;*/}
.d1-pfo .sprocket-mosaic-g-content a{color:#fff;font-size:30px;}
.d1-pfo .sprocket-mosaic-g-content img.logo_white{margin-bottom:10px;max-width:150px;}
.d1-pfo .sprocket-mosaic-g-container .item-link{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.d1-pfo .sprocket-mosaic-g-title{margin-bottom:0px;}
@media(max-width: 991px) {
	/* Addon: d1-pfo;*/
    .d1-pfo .sprocket-mosaic-g-columns-4 > li { width: 50%; }
}
.media-page{background:#131314;}
.latest-works .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay{background: rgba(14,147,216,0.80);}
.latest-works .sp-simpleportfolio-desc p{color:#fff;text-transform: capitalize;}
.latest-works .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a{border-radius:100%;color:#3880cd;border:2px solid #fff;background-color:#fff;font-size:22px;width:45px;height:45px;line-height:45px;margin:0px 2px;padding:0;}
.latest-works .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover{background-color:transparent;color:#fff;}
.latest-works .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,.latest-works .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li:hover > a{background-color:#3880cd;color:#fff;border-color:#3880cd;}
.latest-works .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a{background-color:transparent;color:#888;border-radius:0;border:1px solid #888;text-transform:capitalize;}
.latest-works .sp-simpleportfolio .sp-simpleportfolio-item{padding:0 7.5px 15px 7.5px;}
.bg_gd_moonpurple{background: -moz-linear-gradient(0deg, rgba(56,128,205,1) 0%, rgba(169,206,2,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(56,128,205,1)), color-stop(100%, rgba(169,206,2,1)));
    background: -webkit-linear-gradient(0deg, rgba(56,128,205,1) 0%, rgba(169,206,2,1) 100%);
    background: -o-linear-gradient(0deg, rgba(56,128,205,1) 0%, rgba(169,206,2,1) 100%);
    background: -ms-linear-gradient(0deg, rgba(56,128,205,1) 0%, rgba(169,206,2,1) 100%);
    background: linear-gradient(90deg, rgba(56,128,205,1) 0%, rgba(169,206,2,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3880cd', endColorstr='#a9ce02',GradientType=1 );
}


.wave_shape_top{background-image:url(../../../images/compui/wave_shape.png);background-repeat:no-repeat;}
.wave_shape_bottom:before{background-image:url(../../../images/compui/banner_shape.png);}

.sp-simpleportfolio-description .owl-carousel .owl-dots.disabled,.sp-simpleportfolio-description .owl-carousel .owl-nav.disabled{display:block;}
.sp-simpleportfolio .sp-simpleportfolio-description{float:none;width:100%;}
.sp-simpleportfolio .sp-simpleportfolio-meta{position:absolute;bottom:10px;left:10px;float:none;padding:10px;width:auto;background:url(../images/transbg.png) top left transparent;}
.sp-simpleportfolio .sp-simpleportfolio-image{position:relative;max-height:300px;}
.sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-img{visibility:hidden;}
.sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-meta > div{border-color:#fff;color:#fff;}
.sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-meta h4{color:#fff;}
.light_skin .top-header, .light_skin .middle-header{display:none!important;}

.banner_shape {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: 55%;
}
.banner_shape img {
	width: 100%;
}

.icon_box.text_white.bg_black.small_padding.h-100 .icon_box_content p,.top_footer p:nth-child(4){text-indent:-9999em;line-height:.7em;}
.top_footer p:nth-child(4){display:none !important;}

.icon_box.text_white.bg_black.small_padding.h-100 .icon_box_content p:after,.top_footer p:nth-child(n+6):after{content:"+966-567-337-492";unicode-bidi:plaintext;}