/*
Theme Name: [X]CubeLABS Version.2
Theme URI: http://www.xcubelabs.com
Author: Ravi & Ashok
Author URI: http://www.xcubelabs.com
Description: [X]CubeLABS Offical Theme.
Version: 1.1
Tags: Purpletalk,[X]CubeLABS , [X]CubeGAMES 
Text Domain: [X]CUBELABSVersion2

This theme.
*/

/*example references*/
	/*
	font:15px arial,sans-serif;
font:italic bold 12px/30px Georgia, serif;
*/
/* #PAGE LOAD */
/****************New Styles**************/
body{overflow: visible !important;}
body.modal-open {
    overflow: hidden;
    position:fixed;
    width: 100%;
}
ul.ver-list li:first-child, ul.ver-list li:nth-child(2), ul.ver-list li:nth-child(3) {
    border-bottom: 1px solid #ececec!important;
}
p.lowx {
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    text-transform: lowercase !important;
}
.midcla {display: none;}
li#menu-item-19740 a{text-transform: none !important;}
#popm{padding:0;}
.emover{background-color: rgb(15 15 15 / 45%) !important;}
.ca-apply{color:#428bca !important;}
.basicpadtopbtm20{padding:20px 0;}
.basicpad20{padding:20px;}
.lowpadbtm{padding-bottom:12px;}
.pinkbg{background-color:#fb615e;width:100%;height:100%;}
.nopadleft{padding-left:0;}
.cst-blog {
    font-family: roboto;
    font-size: 20px;
}
.lessfonta{padding: 12px 15px !important;float:none !important;margin-left:0 !important;}
.casestudy_content ul li {

	font-size: 18px;
}
.intlink{color:#0044cc !important;text-decoration: underline !important;}
div.wpcf7-mail-sent-ok {
clear:both;
}
.mc4wp-error p {
color:#FFFFFF;
font-size:16px;
}
.casestudypopup{display:inline-block;}
.wp-caption-text {
    font-size: 12px;
    font-weight: lighter;
    padding: 5px 0;
}
.next.doff{display: inline-block;}
.next.doff a {
    color: #50abf1;
    padding: 10px;
}
.servicemainpage h3{font-family: 'Open Sans', sans-serif !important;font-weight: 700;line-height: 28px;text-transform: unset;}
.servicemainpage p.hthreein, .servicemainpage h5.hthreein {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
    line-height: 28px;
    text-transform: unset;
    font-size: 21px;
    padding-bottom: 20px;
    color: initial;
}
.nomarginbtm{margin-bottom:0 !important;}
.casestudypopup input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, .casestudypopup input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{width:300px;}
.casestudypopup .emodal-center{float:left !important;}
.servicesBox {
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
    cursor: pointer;
    background: #fff;
    box-shadow: 0px 30px 60px 0px rgba(0,0,0,0.09);
    margin-bottom: 30px;
    height: 100%;
    border-radius:10px;
}
.servicesBox img{max-width:100%;}
.servicesBox h4.casetitle {
    position: absolute;
    color: #FFF;
    top: 9%;
    font-weight: 600;
    left: 30px;
    right: 30px;
    font-size: 20px;
    text-align: left;
    line-height: 28px;
}
.servicesBox.imageBg h2, .servicesBox.imageBg p.whitetext {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFF;
    font-size: 25px;
    font-weight: 700;
}
.gradbg {
    background-image: linear-gradient(to bottom, #272727a3, #ffffff00);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
}
.work-page .row div:nth-child(even) .servicesBox .gradbg{
    background-image: linear-gradient(to top, #272727a3, #ffffff00);
}
.work-page .row div:nth-child(even) .servicesBox .casetitle
{
   bottom: 9%;
    top: auto !important;
}

.servicesBoxcaption {
    left: 0px;
    border-radius: 8px;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 250px;
    background: #000;
    color: #fff;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    transition: all .9s ease;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .15s;
}
.servicesBoxcaption p {
    text-align: left;
    padding: 10% 30px 8%;
    margin-bottom: 0;
    color: #FFFFFF;
    position: relative;
    font-size: 15px;
    line-height: 26px;
}
.servicesBoxcaption p a{color:#FFF;}
.servicesBox:hover .servicesBoxcaption{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);opacity:1;top:0;}
.industrypage h1{font-family: 'Open sans',sans-serif;font-weight: 700;}
.industrypage h2.title-ask {font-family: 'Open sans', sans-serif;font-weight: 800;text-transform: inherit;}
.servicemainpage.industrypage p {line-height: 26px;font-size: 16px;font-family: 'Open sans',sans-serif;}
.industrypage .marklist li{family: 'Open sans',sans-serif;font-size:16px;}
.indget{position:relative;width:100%;height:165px;background-color:#F5A623;}
.indget .gettouch{margin: 0;position: absolute;top: 50%;left: 42%;transform: translate(-50%, -50%);}
.gettouch a{font-weight:600;}
.whitebg{background-color:#FFF;}
.colorbtn-pink, .colorbtn-blue  {
    background-color: #fb615e;
    color: #FFF !important;
    border: 0 !important;
}
.colorbtn-blue  {
    background-color: #0064d6;
    }
a.homelinedButton {
    border: 2px solid #242424;
    color: #242424;
    display: block;
    float: left;
    font-weight: 600;
    font-size: 14px;
    margin: 10px;
    padding: 5px 26px;
    text-align: center;
    border-radius: 35px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    transition: background 0.5s ease 0s;
}
.benefits-large{min-height:310px;}
a.homelinedButton.btncenter {display: inline-flex;float: none;padding:10px 26px;}
ul.bulln{padding-left:15px;}
ul.bulln li{list-style:disc;font-size:16px;}
.mobileapp-service .bxslider a.homelinedButton{border: 2px solid #FFF;color: #FFF;}
.flexrow{display:flex;align-items: center;margin-bottom:30px;}
.flexgrid{display:flex;margin-bottom:30px;}
.relatedtitle h4, .relatedtitle p.reltit{
padding: 15px 0;
    font-size: 16px !important;
    line-height: 21px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    min-height: initial;
    }
.relatedtitle p {min-height: 115px;}
.industrypage .relatedtitle p{min-height:95px;padding-bottom:0px;}
img.pflogo {padding:10px 0;max-width: 100%;width: auto !important;}
h6.relatedsmalltitle, p.relatedsmalltitle{
   text-transform: uppercase;
    color: #a7a4a4;
    padding: 5px 0 0;
    font-size: 12px !important;
    font-weight: 600;
    min-height: auto;
    /*text-transform: uppercase;
    color: #a7a4a4;
    padding: 20px 0 0;
    font-family: Roboto;*/
}    
h3.relhead, h3.pfsechead {font-family: 'Open sans', sans-serif;
    font-weight: 700;
    padding-top: 30px;
    font-size: 22px;
}
h3.pfsechead{padding-top:0;}
.relatedthumb{margin-top:30px;}
.relatedthumb img{max-width:100%;}
.relatedcontent{min-height:100px;}
.portfoliocontainer .boxcontainer{margin-bottom:20px;}
h2.txlogo{padding-top: 12px;padding-bottom: 15px;}
.journey{font-size:18px;font-family: 'Open Sans', sans-serif;display: inline-flex;width: 100%;padding: 30px 0 22px;}
.homelinedButton.pfbtn{float:none;color: #FFF;background-color: #000;margin: 32px 0 0px 20px;padding: 10px 0;}

/* home footer start */
.ftrBG2{ margin-top:0px!important; padding-top:50px;background-color: #000;}
.subLinks h2, .subLinks p.htwo {
font-family: 'Open Sans', sans-serif;
font-weight:600 !important;
    font-size: 18px !important;
    color: #e5e5e5;
    padding-bottom: 10px;
    line-height: 22px;
    padding-top: 20px !important;
}

ul.socialLinks{margin:0;}
.rightfnavlinks1 li{border: none !important;padding: 2px 0 !important;}
.subLinks li a{font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #919191 !important;
}
.rightfnavlinks1 li.footmenuinhead {
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #919191;
    font-size: 14px !important;
    padding: 5px 0 !important;
}

nav#pojo-a11y-toolbar{width:auto !important;}
.widget-seperator ul{margin-left: 0px!important;}   
.socialicons{display: inline-block;}
.socialicons ul {display: inline-block;list-style: none;padding-left: 0px;margin-bottom:0;}
.socialicons ul li {float: left;padding-right:10px !important;}
.socialicons ul li a {padding-right:0px;font-size: 36px;vertical-align: -webkit-baseline-middle;} 
.socialicons img {max-width: 36px;}
.navbar-nav>li>a {padding-top: 30px !important;padding-bottom: 30px !important;font-family: 'Roboto-Regular';}

.copyrights,.subLinks span {text-align: left;color: #919191;font-size: 16px;line-height: 24px;padding-top: 7px;font-family: 'Open Sans', sans-serif;}
.subLinks {text-align:left;width: auto;height: 100%;position: relative;color: #fff;}
.subLinks h2, .subLinks p.htwo {font-size: 22px;text-transform: uppercase !important;margin-bottom: 0px;font-weight:800 !important;}
p.footaddress, h5.footaddress{padding-top: 40px !important;padding-top: 40px;font-weight: 800;}
.copyrights,.selectList label,.subLinks li {font-size: 16px;}
.subLinks li {display: block;text-transform: capitalize;line-height:32px;}
.subLinks li a {color: #919191;position: relative;}
.subLinks li a:hover {color: #fff;}
.subLinks span {display: block;margin-bottom: 20px;padding-left: 30px;position: relative;font-family: 'Open Sans', sans-serif;}
.subLinks span img {position: absolute;left: 0;top: 12px;}
.copyrights,.selection a,span.text {display: block;}
.copyrights {padding: 0 0 20px;}
.copyrights span{font-family: 'Open Sans', sans-serif;font-size: 12px;}
.copyrights a {color: #919191;}
.wpcf7-form-control.wpcf7-submit.btn.btn-default.send.green {display: inline!important;}
/*.wpcf7-captchar {display: block!important;float: right;height: 24px!important;width: 60%!important;}*/
.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha-513 {float: left;}
.form-group.form-control.captcha-cst {height: 40px;}
hr.footerln {border-top: 1px solid #303030 !important;}
/*home Footer end*/
.mobileapp-service{font-family: 'Open Sans', sans-serif !important;}
.bx-wrapper .sliderrightcont img{width:100% !important;height: 100%;}
.sliderleftcont {padding: 12%;}
.sliderleftcont p{font-size: 20px;color: #FFF;line-height: 30px;}
.mobileapp-service .bx-wrapper .bx-viewport {background: #f4f4f4 !important;max-height:410px;}
.mobileapp-service .bx-pager-item {display: inline-flex;}
.mobileapp-service .bx-pager-item a:before {
    content: '\2022';
    color: #9b9b9b;
    font-size: 36px;
}
.mobileapp-service .bx-pager-item a.active:before{color: #000;}
.bx-pager-item a, .bx-pager-item a:hover, .bx-pager-item a, .bx-pager-item a:focus {color: transparent;}
.mobileapp-service .bx-wrapper .bx-pager{display: block !important;width: 100% !important;text-align: center !important;}
.bx-controls-direction{display: none !important;}
.mobileapp-service .bx-wrapper .bx-viewport{max-height:410px;}
.mobileapp-service.retail-serv #graphslide .bx-wrapper .bx-viewport{min-height:810px;}
#bxcontslider .bx-wrapper .bx-viewport{min-height:530px;}
.mobileapp-service .sliderleftcont{ padding: 7%;min-height: 420px;}
.mobileapp-service.retail-serv .sliderleftcont{ padding: 4% 5%;min-height: 420px;}
.bx-wrapper .bx-viewport .sliderleftcont p{font-size:18px;line-height:28px;
background-color: #1414146e;
    box-shadow: 10px 10px 5px 12px #1414146e;}
/*accordion Panel*/
.panel-default>.panel-heading{
  background-color: #FFF !important;
    border-radius: 0;
    padding: 13px 1px;
    border-bottom: 1px solid #e2e2e2 !important;
  }
.panel-group.graybackground .panel.panel-default, .panel-group.graybackground .panel.panel-default> .panel-heading{background-color: #F5F5F5 !important;}
.panel-group .panel+.panel{margin-top:6px !important;}
.panel-default{
  border: none !important;
  box-shadow: none !important;
}
#accordion .panel-title{padding-bottom:0;}
#accordion .panel-title a.accordion-toggle{font-family: 'Open Sans', sans-serif !important;font-weight: 600;}
#accordion .panel-title a.accordion-toggle:after{color: #5093E2;}
#accordion .panel-title a:hover{text-decoration: none;}
#accordion .panel-title a.accordion-toggle.collapsed{color: #2d2d2d;font-family: "Poppins-Medium";}
#accordion .panel-title a.accordion-toggle.collapsed:after{color: #2d2d2d;content:"\002b"}
#accordion .panel-body{font-size: 16px;padding: 3% 2%;border: none;}

#faqs .panel-title a.accordion-toggle{color: #5093E2;font-family: "Poppins-Medium";}
#faqs .panel-title a.accordion-toggle:after{color: #5093E2;}
#faqs .panel-title a:hover{text-decoration: none;}
#faqs .panel-title a.accordion-toggle.collapsed{color: #2d2d2d;font-family: "Poppins-Medium";}
#faqs .panel-title a.accordion-toggle.collapsed:after{color: #2d2d2d;}
#faqs .panel-body{padding: 3% 2% 0;}
#faqs .panel-title a.accordion-toggle.collapsed{font-family: "Poppins-Medium";}
.panel-title a{display: block;}
.panel-title a:focus{text-decoration: none;}
.panel-heading .accordion-toggle:after {
    content: "\002d";
    float: right;
    color: grey;
}
p.panel-title {line-height: normal !important;}
#newtabslist li a h3{font-size:16px;}
/* accordion panel end*/
.mobileapp-service.servicemainpage a.banner_button{background-color: #fb615e;color: #FFF !important;border: 0 !important;font-weight:600;}
.topheading {
    display: inline-flex;
}
.headbar {
    width: 25px;
    border-bottom: 3px solid #4A4A4A;
    line-height: 0px;
    margin: 10px 0 16px;
}
.topheading .headtext{
	font-size: 14px;
    padding-left: 10px;
    color: #4A4A4A;
    text-transform: uppercase;
}
.awardrow .white-bg-box img {
    max-width: 110%;
    margin-left: -6%;
}
.testiblock .white-bg-box p>img{position:absolute;padding-left:5%;}
.testiblock .white-bg-box .services-text {min-height: 185px;}
.mobileapp-service .marklist li {
    background: url(../png/pink-point.png) no-repeat;}
.mobileapp-service .marklist.blueli li {
    background: url(../png/buleli.png) no-repeat;}
.mobileapp-service .dev-vertmid{min-height:205px;}
/*Short-Porfolio Css start*/
.short-portfolio-container p{font-family: 'Open Sans', sans-serif;}
.short-portfolio-container h2{font-family: 'Open Sans', sans-serif;font-size:30px;font-weight:700;padding-top:15px;}
.short-portfolio-container .row.flexbox {margin-bottom:30px;}
.short_port {background-color: #FFF;height: 100%;position: relative;}
.short_port img{max-width:100%;}
/*.short_img {position: relative;}
.short_img img {width: 100%;}
h3.img_head {
    position: absolute;
    bottom: 10%;
    font-family: 'Open Sans', sans-serif;
    padding: 0 30px;
    color: #FFF;
    font-weight:700;
    line-height: 26px;
}
.comp-short {padding: 30px;}
.comp-short p {font-size: 13px !important;padding-bottom: 0px;line-height: 22px !important;}
.short-descr{padding:0 30px;}
.short-descr p{font-size:16px;line-height:26px;padding-bottom:40px;}*/
section.shortmenu {background-color: #000;padding: 8px 0;}
ul.short-horizontal {display: inline-flex;}
ul.short-horizontal li {width: 160px;padding: 10px;}
ul.short-horizontal li a {color: #D3D3D3;font-size: 16px;}
.scrolltotop {
    position: fixed;
    right: 10px;
    bottom: 0;
    top: 96%;
    display:none;
}
.scrolltotop a{background-color: #000;color: #FFF;padding: 10px;}
.scrolltotop a:hover{color:#FFF !important;}
/*Short-Porfolio Css end*/
a.homelinedButton.yellowbtn {
    background-color: #f5a523;
    border: 0;
    border-radius: 0;
    color: #FFF;
    margin: 0;
    padding: 12px 20px;
}
.whitebgfortext, .topimgbox {background-color: #FFF;height: 100%;box-shadow: 0px 30px 60px 0px rgba(0,0,0,0.09);}
.topimgdesc{padding:30px 20px;}
.topimgbox img {max-width: 100%;}
.topimgdesc p {min-height: 185px;}
.topimgdesc p.hthreein, .topimgdesc h5.hthreein {min-height: auto;}
.whitebgfortext p, .whitebgfortext h5.hthreein {padding: 5%;}
.imgheadtext {position: relative;}
.imgheadtext img {width: 100%;}
.imgheadtext h3 {position: absolute;color: #FFF;bottom: 10px;left: 20px;}
h4.greenhead {color: #1cb363;}
ul.nolist li{font-size:16px;}
#graphslide .bxslider div p {padding-top: 5px;}
.retail-serv .servicesBox {min-height: 300px;padding: 28% 5%;box-shadow:none;}
.servicesBox.sbmedium{padding:17% 5% !important;}
.mobilecontentmid{padding: 30px 10px;}
#newtabslist li {padding-bottom: 4px;padding-top: 10px;}
section {padding: 30px 0;}
h3{padding-top:20px;}
.servimg {min-height: 75px;}
.borderbox {border: 1px solid #ccc;height: 100%;padding: 20px;}
.bigpinktext {color: #fb615e;font-size: 30px;font-weight: bold;padding-bottom: 10px;}
.bigtext{font-size: 30px;font-weight: bold;padding-bottom: 10px;}
p img{max-width:100%;}
.backgroundhovbox .servicesBox{min-height:360px;border-radius:0;}
.benefit-servicebox .servicesBox h2, .benefit-servicebox .servicesBox p.whitetext {min-height: 110px;}
.benefit-servicebox .servicesBox p.whitetext{font-size:25px;font-weight:700;}
.benefit-servicebox .servicesBox h3, .benefit-servicebox .servicesBox p.hthreein, .benefit-servicebox .servicesBox h5.hthreein {min-height: 100px;}

.researchblk {border-bottom: 1px solid #ccc;padding: 30px 0 0px;}
ul.researchmenu {display: inline-flex;}
ul.researchmenu li {padding: 10px 25px 23px;}
ul.researchmenu li a{font-size:16px;font-weight:bold;color:#848484;font-family:'Open Sans', sans-serif !important;}
ul.researchmenu li.acpage{border-bottom: 5px solid #fb615e;}
ul.researchmenu li.acpage a{color:#000;}
.researchblock .topimgdesc h3{min-height: 105px;font-size:18px;}
.researchblock .topimgdesc p{min-height:310px;font-size:16px;line-height:28px;}
.researchblock .topimgdesc .homelinedButton:hover{color:#FFF;background-color:#fb615e;border:2px solid #fb615e;}
#ourteamfilter{float:right;width:25%;}
.maus-close{color:#323232;float:right;cursor:pointer;}
.calendly-overlay{background-color: rgb(15 15 15) !important;}
.blogforms {
    padding: 25px 6% 5px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 21%), 0 1px 9px 0 rgb(0 0 0 / 27%);
    margin: 20px;
    background-color: rgb(0 0 0 / 6%);
}
.blogforms input.wpcf7-form-control.wpcf7-submit, .blogformnew input.wpcf7-form-control.wpcf7-submit {
    margin-top: 15px;
    background: #fb615e;
    border-radius: 40px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px;
    font-weight: bold;
    padding: 14px !important;
}
.blogforms h2, .blogforms p{text-align:center !important;}
.service-banner {position: relative;}
.bann-top-cont {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    color:#FFF;
}
.bann-top-cont h1 {color: #FFF;text-transform: inherit;font-size: 36px;    line-height: 46px;}
.steps {
    background: #e4e4e4;
    display: inline-block;
    padding: 4px 17px;
    border-radius: 15px;
    font-size: 13px;
    text-transform: uppercase;
    margin: 20px 0;
}
/*to New Server */
textarea.wpcf7-form-control{resize:vertical;}
.emodal.fixed{
    overflow-y: scroll !important;
    max-height: 500px !important;
    }
@media screen and (max-width: 768px)
{
#morecs{margin-bottom:15px;}
.flexrow{display:block;}
.flexbox, .flexgrid{display:block !important;}
.nomarginbtm{margin-bottom:auto !important;}
.short-portfolio-container .row.flexbox{margin-bottom:0;}
.short_port{margin-bottom:30px;}
.short_port img{max-width:100%;}
/*.comp-short{padding:20px;}
.short-descr{padding: 0 20px;}
h3.img_head{padding: 0 20px;font-size: 16px;line-height: 20px;}*/
ul.short-horizontal li {padding: 5px;text-align: center;width: auto;}
ul.short-horizontal li a{font-size:13px;}
.white-bg-box{margin-bottom:30px;}
.sliderleftcont p{font-size:12px !important;line-height:20px !important;padding-top:15px;}
#ourteamfilter{float:right;width:50%;}
ul.researchmenu li {padding: 10px 15px 15px;}
.bann-top-cont h1 {font-size: 25px;line-height: 35px;}
}
@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {
section{padding:3% !important;}
.boxhovercont{top:79%;width:100%;}
.boxhovercont.longb{top:91%;}
.serviceInternalPageContainer {padding-top: 85px;}
}
@media screen and (max-width: 468px)
{
#cookie-law-info-bar span{display:block !important;}
#cookie-law-info-bar span .cli-plugin-button{margin-top:15px !important}
html{height:100%;}
body{padding-bottom:1px !important;}
.bx-wrapper .bx-viewport{overflow:visible;min-height:180px;}
.bxslider {min-height: 180px;}
.teamslides .bx-wrapper{min-height:180px;}
ul.researchmenu li {padding: 10px;}
h2.title-ask {font-size: 20px !important;}
#ourteamfilter{float:right;width:85%;}
.casestudypopup .col-md-8, .casestudypopup .col-md-12{padding-left:0;}
.casestudypopup input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, .casestudypopup input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{width:100%;}
.emodal-title{font-size: 16px !important;padding: 0 10%;}
.emodal-content p{text-align:center !important;}
}