input:focus, select:focus, textarea:focus, button:focus{outline:none;}
*:focus{outline:none;}
a, a:active, a:focus, a:hover,.jsn-bootstrap3 a:focus, button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus{outline:none;outline:0;}
input::-moz-focus-inner{border:0;outline:none;}
section{clear:both;}

#portfolios-details .portfolio-banner-img{display:block !important;min-height:787px;width:100%;height:100%;background-position:center top; 
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}

#portfolios-details-bottom .banner-bottom{display:block !important;min-height:787px;width:100%;height:100%;background-position:center -170px; -webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}

#portfolio {float:left;width:100%;overflow:hidden;padding: 50px 0 50px 0;}
#portfolio-project{float:left;width:100%;position:relative;}
.project-title{font-family:"Raleway",sans-serif;color:#fff;font-size:36px;font-weight:500;line-height:44px;margin:0;padding-bottom:40px;text-align:center;text-transform:capitalize;}
.portfolio-full-divison{float:left;overflow:hidden;padding:0px 0;position:relative;width:100%;}

#portfolios-details .text-slide .caption3{font-size:none;}
#portfolios-details .text-slide .caption2{font-size:2.2em;}
.portfolio-logo{float:left;width:100%;margin:0 0 20px;}
.portfolio-logo h3::after{border-radius:100%;bottom:-16px;content:"\f10c";font-family:'fontawesome';font-size:20px;left:119%;position:absolute;}
.portfolio-logo h3::before{border-bottom:2px solid;bottom:0;content:"";height:2px;left:0;position:absolute;width:120%;}
.portfolio-logo h3 {font-weight: 600;font-size: 35px;line-height: 35px;color:#fff;display:inline-block;margin:0;padding-bottom:15px;position:relative;width:auto;}
.portfolio-logo h3 span{color:#fff;font-size:18px;display:block;padding-left:10px;}
.portfolio-logo img{max-height:125px;width:auto;}
.responsive-image{display:none;float:left;padding:20px 0 0px 0;width:100%;text-align:center;}
.portfolio-content{float:left;width:100%;margin-top:0px;}
.portfolio-content p{font-size:15px;color:#fff !important;text-align:justify;}
.portfolio-services{float:left;width:100%;}
.portfolio-services .app-services span{float:left;margin:0 10px 0 0;padding:0;font-size:15px;line-height: 36px;color:#ffffff;}
.portfolio-services .app-services img{width:32px;}
.portfolio-services ul{float:left;margin:0;padding:0;width:auto;}
.portfolio-services .app-services li{border:none;display:inline-block;}
.portfolio-services .app-services li:first-child{padding-left:0;}
.portfolio-services .app-services li:first-child span{}
.port-icon{background:url("../images/sprite-icon.png") 0 0 no-repeat;height:40px;position:relative;width:40px;}
.portfolio-services .app-services .port-icon img{height:auto;left:5px;position:absolute;top:50%;transform:translateY(-50%);width:22px;}
.portfolio-services .app-services strong{display:block;}
.portfolio-tags{float:left;margin-top:25px;width:100%;}

.explore{float:left;margin:0 5px 0 0;}
.explore a{background:#fff;font-family:"Raleway",sans-serif;border:2px solid #fff;border-radius:4px;color:#000;font-size:15px;font-weight:600;padding:8px 10px;width:auto;float: left;}
.explore a:hover{ background: transparent !important; color:#fff !important; }
.explore a .fa{padding-right:5px;color:#000;}
.explore a:hover .fa {color:#fff; }

.explore-mobile a{display:none;}
.viewmore{float:left;}
.viewmore a{font-weight:600;background:#ab523a;border:2px solid #ab523a;font-family:"Raleway",sans-serif;border-radius:0;color:#fff;font-size:16px;font-weight:600;padding:10px;width:auto;}
.viewmore a:hover{background:#FFD6CB;color:#ab523a;}
.viewmore a .fa{color:#ffffff;padding-right:5px;}
.viewmore a:hover .fa{color:#ab523a;}
.soap.explore a:hover{background:#d50f84;}
.soap.viewmore a{border:2px solid #d50f84;background:#D50F84;}
.soap.viewmore a:hover{background:#00A49B;color:#d50f84;}
.soap.viewmore a:hover .fa{color:#d50f84;}
.ininbox.explore a:hover{background:#002D3D;}
.ininbox.viewmore a{background:#002D3D;border:2px solid #002D3D;} 	
.ininbox.viewmore a:hover{background:#29b0e1;color:#002D3D;}
.ininbox.viewmore a:hover .fa{color:#002D3D;}
.lemon-fork.explore a:hover{background:#4A5B16;}
.lemon-fork.viewmore a{background:#4A5B16;border:2px solid #4A5B16;}
.lemon-fork.viewmore a:hover{background:#8fab3d;color:#4A5B16;}
.lemon-fork.viewmore a:hover .fa{color:#4A5B16;}
.eliberty.explore a:hover{background:#00357c;}
.eliberty.viewmore a{background:#00357c;border:2px solid #00357c;}
.eliberty.viewmore a:hover{border-color:#fff;background:#004CB2;color:#fff;}
.eliberty.viewmore a:hover .fa{color:#fff;}
.map-vision.explore a:hover{background:#111;}
.map-vision.viewmore a{background:#111;border:2px solid #111;}
.map-vision.viewmore a:hover{border-color:#fff;background:#364150;color:#fff;}
.map-vision.viewmore a:hover .fa{color:#fff;}

.portfolio-services .rfw.app-services li:first-child .port-icon{background-position:-242px 0;}
.portfolio-services .rfw.app-services li:nth-child(2) .port-icon{background-position:-242px -50px;}
.portfolio-services .rfw.app-services li:nth-child(3) .port-icon{background-position:-242px -100px;}
.portfolio-services .rfw.app-services li:last-child .port-icon{background-position:-242px -150px;}

.portfolio-services .soap.app-services li:first-child .port-icon{background-position:-242px -200px;}
.portfolio-services .soap.app-services li:nth-child(2) .port-icon{background-position:-242px -250px;}
.portfolio-services .soap.app-services li:nth-child(3) .port-icon{background-position:-242px -300px;}
.portfolio-services .soap.app-services li:last-child .port-icon{background-position:-242px -350px;}

.portfolio-services .ininbox.app-services li:first-child .port-icon{background-position:-242px -400px;}
.portfolio-services .ininbox.app-services li:nth-child(2) .port-icon{background-position:-242px -450px;}
.portfolio-services .ininbox.app-services li:nth-child(3) .port-icon{background-position:-242px -500px;}
.portfolio-services .ininbox.app-services li:last-child .port-icon{background-position:-242px -150px;}

.portfolio-services .lemon-fork.app-services li:first-child .port-icon{background-position:-242px -550px;}
.portfolio-services .lemon-fork.app-services li:nth-child(2) .port-icon{background-position:-242px -600px;}
.portfolio-services .lemon-fork.app-services li:nth-child(3) .port-icon{background-position:-242px -650px;}
.portfolio-services .lemon-fork.app-services li:last-child .port-icon{background-position:-242px -700px;}

.portfolio-services .eliberty.app-services span{color:#fff;}
.portfolio-services .eliberty.app-services li:first-child .port-icon{background-position:-290px 0px;}
.portfolio-services .eliberty.app-services li:nth-child(2) .port-icon{background-position:-290px -50px;}
.portfolio-services .eliberty.app-services li:nth-child(3) .port-icon{background-position:-290px -100px;}
.portfolio-services .eliberty.app-services li:last-child .port-icon{background-position:-290px -150px;}

.portfolio-services .map-vision.app-services span{color:#fff;}
.portfolio-services .map-vision.app-services li:first-child .port-icon{background-position:-290px -150px;}
.portfolio-services .map-vision.app-services li:nth-child(2) .port-icon{background-position:-290px -200px;}
.portfolio-services .map-vision.app-services li:nth-child(3) .port-icon{background-position:-290px -250px;}
.portfolio-services .map-vision.app-services li:last-child .port-icon{background-position:-242px -350px;}

.portfolio-services .xbress.app-services span{color:#fff;}
.portfolio-services .xbress.app-services li:first-child .port-icon{background-position:-290px 0px;}
.portfolio-services .xbress.app-services li:nth-child(2) .port-icon{background-position:-290px -50px;}
.portfolio-services .xbress.app-services li:nth-child(3) .port-icon{background-position:-290px -450px;}
.portfolio-services .xbress.app-services li:last-child .port-icon{background-position:-290px -350px;}


.division-image img {max-width:100%;width:auto;}
.portfolio-full-divison.eliberty{width:100%;float:left;}
.portfolio-full-divison.eliberty .project-title{color:#fff;}
.portfolio-full-divison.eliberty .portfolio-logo h3{color:#fff;}
.portfolio-full-divison.eliberty .portfolio-content{color:#fff;}
.portfolio-full-divison.eliberty .portfolio-content p{color:#fff;}
.portfolio-full-divison.map-vision{width:100%;float:left;}
.portfolio-full-divison.map-vision .project-title{color:#fff;}
.portfolio-full-divison.map-vision .portfolio-logo h3{color:#fff;}
.portfolio-full-divison.map-vision .portfolio-content{color:#fff;}
.portfolio-full-divison.map-vision .portfolio-content p{color:#fff;}
#portfolio-project .owl-controls{bottom:10px;float:left;margin:20px auto 0;position:relative;text-align:center;width:100%;}
#portfolio-project .owl-pagination{margin:0;}
#portfolio-project .owl-pagination .owl-page{display:inline-block;letter-spacing:-1px;margin:0px;text-align:center;}


/* ----------------- Start For Portfolio Updation 22-feb-18 ----------------- */



#portfolio .division-image img {float: right;}
#portfolio .project-title {display: none }

.portfolio-logo h3 {font-size: 46px;text-transform: uppercase;font-weight: 700;line-height: 1.1;}
.portfolio-logo h3::before{ width: 100% }
.portfolio-logo h3::after{ bottom: -10px; left:100% }
.portfolio-services .app-services li { display: flex;margin-bottom: 8px;text-align: left;-webkit-justify-content: left;-moz-justify-content: left;-o-justify-content: left;justify-content: left;}
.portfolio-services ul{ margin-top: 20px }
.portfolio-services .app-services strong{ display: inline-flex;margin-left: 6px }

#portfolios-details-bottom .banner-bottom {
/* Create the parallax scrolling effect */
background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;min-height: 500px;}





@media (max-width:1199px){#portfolios-details .portfolio-banner-img{min-height:717px;}#portfolios-details-bottom .banner-bottom{min-height:572px;}}
@media (max-width:1023px){.portfolio-banner{margin-top:0px;}}
@media (max-width:979px){}
@media (max-width:767px){
#portfolios-details .portfolio-banner-img{min-height:460px;}
#portfolios-details-bottom .banner-bottom{background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;	min-height:250px}
.portfolio-full-divison{padding:20px 0;}.project-title{font-size:26px;padding-bottom:10px;}
.responsive-image{display:block;padding:10px 0 15px 0;}.responsive-image p{font-size:14px;padding:10px 0 10px 0;line-height:18px;color:#fff;}.division-image{display:none !important;}
.explore a{padding:6px;}
.explore-mobile{display:none;text-align:center;}
.explore-mobile a{display:block;color:#fff;font-size:14px;font-weight:600;text-decoration:underline;}
.explore-mobile a .fa{padding-right:5px;}
.portfolio-content{margin-top:0;}
.keyFeatures{margin-top:5px;margin-bottom:25px;}
.portfolio-product-content{vertical-align:top;}
.mg-bottom{margin-bottom:20px;}
.portfolio-title h4{font-size:1.2em;margin:25px 0px 0px 0;}
.portfolio-title ul.portfolio-icon-left{padding-left:0px;}
.portfolio-title-right ul.portfolio-icon-right{padding-left:0;width:auto;}
.portfolio-title-right{float:none;margin:0;}
.technology-bg{padding:7px 0 0;}
.portfolio-title h4, .portfolio-title-right h4{display:none;}
#portfolios-details-bottom.portfolio-contact-detail{height:250px;}}
.portfolio-logo h3{font-size:30px;line-height:28px;} 
.explore{ text-align: center !important; float: none !important }
}
@media (max-width:736px){#portfolios-details .portfolio-banner-img{min-height:368px;}}
@media (max-width:667px){#service-inner .owl-controls{top:20%;}.services-box{}.services-box.noma_5{height:auto !important;}.services-round{height:74px;width:74px;margin-bottom:5px;}.services-round a{font-size:35px;line-height:75px;}.services-box h3{overflow:visible;height:auto;line-height:20px;}.services-box a.readmore{bottom:-20px;}}
@media (max-width:479px){.portfolio-logo h3::after{bottom:-12px;}.responsive-image img{height:200px;}.portfolio-services .app-services span.port-icon{display:block;}.portfolio-services .app-services span{margin:0 10px 0 0;}}
@media (max-width:414px){#portfolios-details .portfolio-banner-img{min-height:606px;} .portfolio-title h4{font-size:1em;margin:14px 0 0;display:none;}.portfolio-icon-left li img{max-width:50px;vertical-align:text-bottom;}.portfolio-title-right h4{font-size:1em;margin:18px 0 0;min-width:85px;text-align:left;display:none;}.portfolio-icon-right li img{max-width:50px;vertical-align:text-bottom;}.portfolio-title-right ul.portfolio-icon-right li{margin:0;}}
@media (max-width:410px){#portfolios-details .portfolio-banner-img{min-height:570px;}.portfolio-logo h3 {font-size: 24px;}}
@media (max-width:350px){#portfolios-details .portfolio-banner-img{min-height:472px;}.portfolio-title h4{font-size:1em;margin:14px 0 0;display:none;}.portfolio-icon-left li img{max-width:50px;vertical-align:text-bottom;}.portfolio-title-right h4{font-size:1em;margin:18px 0 0;min-width:85px;text-align:left;display:none;}.portfolio-icon-right li img{max-width:50px;vertical-align:text-bottom;}.portfolio-title-right ul.portfolio-icon-right li{margin:0;}}

