@charset "utf-8";

[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}
svg:not(:root) {overflow:hidden}
*, *::before, *::after, *:before, *:after{ margin:0; padding:0; /*-webkit-box-sizing:border-box; box-sizing:border-box;*/}

.box-sizing{-webkit-box-sizing:border-box; box-sizing:border-box;}
.clearfix{ *zoom:1;}
.clearfix:before, .clearfix:after{ display:table; clear:both; content:""; line-height:0;}

.fl{ float:left}
.fr{ float:right}
.fn{ float:none}

.overflow-hidden{ overflow:hidden!important}
.position-relative{ position:relative!important}
.d-none{ display:none!important}
.d-inline{ display:inline!important}
.d-inline-block{ display:inline-block!important}
.d-block{ display:block!important}
.d-flex{ display:-ms-flexbox!important; display:flex!important}
.d-inline-flex{ display:-ms-inline-flexbox!important; display:inline-flex!important}

.mobile-off{ display:block}
.desktop-off{ display:none}
@media only screen and (min-width:359px) and (max-width:480px){ .mobile-off{ display:none} .desktop-off{ display:block}}

/* -- Backgrounds -- */
.bg-gray{ background-color:#f2f2f2;}
.bg-darkgray{ background-color:#ccc;}
.bg-white{ background-color:#ffffff;}
.bg-light{ background-color:#f2f6fa;}
.text-white{ color:#fff!important}
.text-primary{ color:#4452a3!important}
.text-secondary{ color:#0C1642!important}

/* -- Typography -- */
.text-justify{ text-align:justify!important}
.text-wrap{ white-space:normal!important}
.text-nowrap{ white-space:nowrap!important}
.text-left{ text-align:left!important}
.text-right{ text-align:right!important}
.text-center{ text-align:center!important}
.text-lowercase{ text-transform:lowercase!important}
.text-uppercase{ text-transform:uppercase!important}
.text-capitalize{ text-transform:capitalize!important;}
.text-reset{ text-transform:none!important;}
.text-italic{ font-style:italic!important}
.text-white{color:#fff!important}
.text-primary{color:#007bff!important}
.text-secondary{color:#6c757d!important}
.small{ font-size:14px; line-height:1.6}
.superheavy{ font-weight:900}
.heavy{ font-weight:600}
.light{ font-weight:300}
.subhead{ font-size:29px; line-height:normal}
.letter0{ letter-spacing:0!important}
.letterm3{ letter-spacing:-3px}
.letterm2{ letter-spacing:-2px}
.marginauto{ margin:0 auto!important}
.bigtext{font-size:22px; line-height:1.7; font-weight:600}

.btn-orange-border, .btn-orange-fill, .btn-blue-border, .btn-blue-fill{font-size:19px; font-weight:600; color:#fff; background:#ef7000; background:-moz-linear-gradient(top,#ef7000 0%,#ff9700 100%); background:-webkit-linear-gradient(top,#ef7000 0%,#ff9700 100%); background:linear-gradient(to bottom,#ef7000 0%,#ff9700 100%); display:inline-block; padding:12px 25px 14px; letter-spacing:-1px;}
.btn-orange-border, .btn-orange-fill{border:1px solid #FFA500;}
.btn-blue-border, .btn-blue-fill {border:1px solid #007abd;}


.btn-blue-border{ color:#422b00; background:#fff;}
.btn-blue-fill{ color:#fff!important; background:#007abd;}
.btn-blue-fill:hover{ border:1px solid #007abd; color:#007abd!important; background:#fff;}
.btn-blue-border:hover{ background-color:#007abd; color:#ffffff;}
.btn-orange-border:hover{ background-color:#FFA500; color:#ffffff;}
.btn-orange-fill:hover{ border:1px solid #FFA500; color:#FFA500!important; background:#fff; text-decoration:none}

.btn-blue-fill:hover, .btn-blue-border:hover, .btn-orange-border:hover, .btn-orange-fill:hover{ text-decoration:none}
@media only screen and (min-width:319px) and (max-width:639px){
.btn-orange-border, .btn-orange-fill, .btn-blue-border, .btn-blue-fill{ padding:10px;}	
}


/* -- WireFraming -- */
.container{ -webkit-transition:left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -moz-transition:left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -o-transition:left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); -ms-transition:left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); transition:left .33s cubic-bezier(0.694, 0.0482, 0.335, 1); left:0;}
.flex-width100, .flex-eleven, .flex-ten, .flex-nine, .flex-eight, .flex-seven, .flex-six, .flex-five, .flex-four, .flex-three, .flex-two, .flex-one, .width25, .width33, .width40, .width50, .width60, .width75, .width85, .width100, .one-fifth, .one-fourth, .one-sixth, .one-third, .one-half, .two-third{ position:relative;}
/*.wrapper{width:1200px; margin:0 auto; position:relative}*/
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}

.col{ -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%}
.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.one-fifth{ width:17.6%;}
.one-fourth{ width:22.75%;}
.one-sixth{ width:14.166667%;}
.one-third{ width:31.333333%;}
.one-half{ width:48.5%;}
.two-third{ width:65.6666667%;}
.width25{ width:25%;}
.width33{ width:33.33333%;}
.width40{ width:40%;}
.width50 { width:50%; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}
.width60{ width:60%;}
.width75{ width:75%;}
.width85{ width:85%;}
.width100{ width:100%;}
.h-25{height:25%!important}
.h-50{height:50%!important}
.h-75{height:75%!important}
.h-100{height:100%!important}
.one-half, .one-third, .two-third, .one-fourth, .one-fourth, .one-fifth, .one-sixth, .width25, .width33, .width50, .width66, .width75 { position:relative;}
.one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, .two-third{ margin-right:3%;}
.one-half:nth-child(2n), .one-third:nth-child(3n), .one-fourth:nth-child(4n), .one-fifth:nth-child(5n), .one-sixth:nth-child(6n), .two-third + .one-third{ margin-right:0%;}

.nomargin{margin:0 0 0 0!important}
.nopadding{padding:0 0 0 0!important}
.mt50{ margin-top:50px;}
.mt30{ margin-top:30px;}
.mb50{ margin-bottom:50px;}
.mb30{ margin-bottom:30px;}
.sectionspace{ padding:60px 0;}
.pall15, .pall30{box-sizing:border-box}
.pall15{ padding:15px}
.pall30{ padding:30px}

.padtopbot2{ padding:2% 0}
.p5p{ padding:5%}
.ptop0{ padding-top:0}
.mtop0{ margin-top:0!important}
.pbottom0{ padding-bottom:0}
.padd-left-45{padding-left:45px;}
.padd-right-45{padding-right:45px;}
.padd-left-45, .padd-right-45{box-sizing:border-box}
.widthauto { width:auto;}
.shadow { box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15)!important;}
.border { border:1px solid #dee2e6!important;}
.bg-light { background-color:#f2f6fa;}
img { max-width:100%; vertical-align:middle; border-style:none; image-rendering:optimizeQuality;}
.height100 { height:100%;}

.flex-container{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:center; align-items:center; flex-direction:row}
.inner-blockquotes{background-color:#f2f2f2; border-bottom:5px solid #282f39; margin-bottom:30px}
.inner-blockquotes .two-third { padding:30px; box-sizing:border-box}
.inner-blockquotes blockquote{font-size:30px!important; line-height:42px!important; display:block; margin-bottom:25px;}
.inner-blockquote-image{width:auto; margin-top:0; margin-right:0; position:absolute; right:0; top:0; height:100%;}

.innercontainer{padding:50px; border-top:10px solid #00649a; margin-top:-10px}
.innerwrapper{display:block}
.innerwrapper h1{font:75px/90px 'Oswald', sans-serif}
.page-blockquote{ display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:center; align-items:center; flex-direction:row; border-bottom:5px solid #282f39; margin-bottom:30px;}
.page-blockquote .blockquote-head{ font-weight:300; font-size:28px; line-height:40px; margin-bottom:30px;}
.page-blockquote .blockquote-line{ color:#777777; font-size:17px; line-height:27px}
.page-blockquote .blockquote-right-img{ padding:15px; background-color:#ffffff; border:1px solid #e2e2e2; /*box-shadow:4px 4px 20px #ededed;*/  box-sizing:border-box; display:block;}

@media only screen and (min-width:319px) and (max-width:479px){
	.page-blockquote{flex-direction:column}
	.page-blockquote .width25, .page-blockquote .width75{width:100%}
}

@media only screen and (min-width:479px) and (max-width:639px){
	.page-blockquote{flex-direction:column}
	.page-blockquote .width25, .page-blockquote .width75{width:100%; margin:10px auto 0 auto}
	.page-blockquote .width25 img{width:60%}
}

@media only screen and (min-width:640px) and (max-width:767px){
	.page-blockquote{flex-direction:column}
	.page-blockquote .width25{width:40%; margin:10px auto 0 auto}
	.page-blockquote .width75{width:60%; margin:10px auto 0 auto}
	.page-blockquote .width25 img{width:90%; float:right}
}

/* Banner Code */
#innerbanner{padding:45px 0!important}
#innerbanner blockquote{font-size:36px; line-height:1.4; letter-spacing:-1px; margin-bottom:15px;}
#innerwrapper{border-top:10px solid #02669d; margin-top:-10px; padding:50px 50px 50px 50px}
#innerwrapper #breadcrumb{top:0}


@media only screen and (min-width:319px) and (max-width:767px){
	#innerwrapper{padding:20px; width:100%; box-sizing:border-box}
}

.cpq-solutions{position:relative}
.cpq-solutions  h1{font-size:65px!important; margin-bottom:35px!important; margin-top:0!important;}
.cpqsol  h2{font-size:40px!important; line-height:normal; margin-bottom:30px; display:block; margin-top:0}

@media only screen and (min-width:801px) and (max-width:1280px){
	#innerbanner{padding:45px 0!important}
	#innerbanner h1{font-size:46px!important; line-height:56px!important; margin-bottom:30px!important}
	#innerbanner blockquote{font-size:32px!important; line-height:42px!important}
	.cpqsol h2{font-size:40px!important; line-height:50px!important; margin-bottom:20px!important}
}

@media only screen and (min-width:360px) and (max-width:800px) {
	/*.flexbox .one-half p br, .cpqsol h2 br, #innerbanner blockquote br{display:none!important}*/
	#innerbanner{padding:35px 0!important}
	#innerbanner h1{font-size:40px!important; line-height:50px!important; margin-bottom:30px!important}
	#innerbanner blockquote{font-size:28px!important; line-height:38px!important}
	.cpqsol h2{font-size:36px!important; line-height:46px!important; margin-bottom:20px!important}
}

@media only screen and (max-width:768px) {
	#innerbanner blockquote{font-weight:normal; letter-spacing:0}
}

@media only screen and (min-width:640px) and (max-width:767px) {
	#innerbanner h1{font-size:36px!important; line-height:46px!important; margin-bottom:30px!important}
	#innerbanner blockquote{font-size:26px!important; line-height:36px!important}
	.cpqsol h2{font-size:32px!important; line-height:42px!important; margin-bottom:20px!important}
}

@media only screen and (min-width:360px) and (max-width:639px) {
	#innerbanner h1{font-size:36px!important; line-height:46px!important; margin-bottom:25px!important}
	#innerbanner blockquote{font-size:24px!important; line-height:34px!important}
	.cpqsol h2{font-size:30px!important; line-height:40px!important; margin-bottom:20px!important; margin-top:0}
}

@media only screen and (min-width:360px) and (max-width:479px) {#innerbanner blockquote{font-size:22px!important; line-height:32px!important}}

@media only screen and (max-width:359px) {
	.flexbox .one-half p br,.cpqsol h2 br, #innerbanner blockquote br{display:none!important}
	#innerbanner blockquote{font-size:22px!important; line-height:32px!important; font-weight:normal; letter-spacing:0}	
}

@media only screen and (min-width:640px) and (max-width:1280px){
	#innerbanner{padding:20px 0!important}
	.cpq-solutions h1{font-size:44px!important; margin-bottom:20px!important;}
	.cpqsol h2{font-size:32px!important; margin-bottom:20px!important;}
}

@media only screen and (min-width:640px) and (max-width:767px) {
	.wrapper{width:96%}
	#innerbanner blockquote{font-size:28px!important; line-height:38px!important}
	#innerpage .two-third, #innerpage .one-third{margin:0 auto 10px auto; width:100%}
	#innerpage .one-third img{width:55%; margin:0 auto; display:block}
}

@media only screen and (max-width:319px) and (max-width:639px) {
	#innerbanner{padding:25px 0!important}
	#innerbanner h1{font-size:28px!important; line-height:40px!important; margin-bottom:20px!important}
	#innerbanner blockquote{font-size:24px!important; line-height:34px}
	.cpqsol h2{font-size:30px!important; margin-bottom:20px}
}

@media only screen and (min-width:360px) and (max-width:479px) {.service-image{margin:15px 0 0 0; padding:5px; box-sizing:border-box; width:100%}}

.usp-container{position:relative; margin:30px auto}
.usp-item { padding:60px 14px 14px; position:relative; text-align:center; background-color:#fff; border:1px solid rgba(84, 110, 122, 0.35); margin-bottom:15px; margin-top:50px; box-sizing:border-box}
.usp-icon{ border-color:#3498db; position:absolute; top:-60px; background-color:#fff; border:1px solid rgba(84, 110, 122, 0.35); height:120px; width:120px; z-index:11; margin-bottom:15px; left:50%; border-radius:50%; transform:translateY(0) translateX(-50%); display:flex; flex-direction:column; align-items:center; justify-content:center;}
.usp-icon img{ height:70px}
.usp-title { font-size:14px; padding-top:30px; padding-bottom:15px; margin-bottom:0;}
.usp-title span{font-weight:600; font-size:18px;}

@media only screen and (min-width:768px) and (max-width:1280px) { .usp-title span{font-size:16px; line-height:26px;}}

@media only screen and (min-width:640px) and (max-width:1280px) {
	.usp-container .one-fifth:nth-child(5n){margin-right:0!important;}
	.usp-container .one-fifth{margin-top:30px; width:17.6%!important; margin-right:3%!important; padding:25px 10px 0px 10px}
	.usp-container .one-fourth{margin-top:30px; width:22.75%!important; margin-right:3%!important; padding:25px 10px 0px 10px}
}

@media only screen and (min-width:320px) and (max-width:479px) {.usp-container .one-fifth{margin-top:30px; width:100%!important; margin-right:0!important; padding:25px 10px 0px 10px}}
@media only screen and (min-width:480px) and (max-width:639px) {	
	.usp-container .one-fifth{margin-top:30px; width:31.33%!important; margin-right:3%!important; padding:25px 10px 0px 10px}	
	.usp-container .one-fifth:nth-child(3n){margin-right:0!important;}
}

@media only screen and (min-width:320px) and (max-width:639px) {
	.usp-container .one-sixth{margin-top:30px; width:48.5%!important; margin-right:3%!important; padding:25px 10px 0px 10px}
	.usp-container .one-sixth:nth-child(2n){margin-right:0!important;}	
}
@media only screen and (min-width:640px) and (max-width:1023px) {
	.usp-container .one-sixth{margin-top:30px; width:31.33%!important; margin-right:3%!important; padding:25px 10px 0px 10px}
	.usp-container .one-sixth:nth-child(3n){margin-right:0!important;}
}
@media only screen and (min-width:1024px) and (max-width:1350px) {
	.usp-container .one-sixth{margin-top:30px; width:22.75%!important; margin-right:3%!important; padding:25px 5px 5px}
	.usp-container .one-sixth:nth-child(4n){margin-right:0!important;}
}
@media only screen and (min-width:1366px) and (max-width:1450px) {.usp-container .one-sixth{padding:45px 5px 5px}}

@media only screen and (min-width:320px) and (max-width:1280px) {
	.usp-icon img{height:45px}
	.usp-icon{height:80px; width:80px; top:-40px}
	.usp-container{display:flex; flex-direction:row; flex-flow:wrap; flex-wrap:wrap; justify-content:center; margin-bottom:0}
}

@media only screen and (min-width:480px) and (max-width:1280px) {
	.usp-container .one-fourth:nth-child(4n){margin-right:0!important;}
	.usp-container .one-fourth{margin-top:30px; width:22.75%!important; margin-right:3%!important; padding:25px 10px 0px 10px}
	.usp-container{display:flex; flex-direction:row; flex-flow:wrap; flex-wrap:wrap; justify-content:center; margin-bottom:0}
}

.featuresection{padding:40px 20px; margin-top:45px}
.featuresection .one-fourth {box-sizing:border-box}
.icon-holder{ height:160px; width:160px; background:#fff; border:5px solid rgba(0,0,0,0.2); border-radius:50%; padding:15px; text-align:center; box-sizing:border-box; margin:0 auto 20px auto; display:flex; flex-direction:row; justify-content:center; align-content:center; flex-wrap:wrap;}

@media only screen and (min-width:980px) and (max-width:1280px){ .featuresection{margin:20px auto; padding:10px}}

@media only screen and (min-width:768px) and (max-width:1280px) {
	.featuresection .one-third{width:31.33%!important; margin:0 3% 10px 0!important; padding:25px 10px 0px 10px; float:left!important; box-sizing:border-box}
	.featuresection .one-third:nth-child(3n), .featuresection .one-fourth:nth-child(4n){margin-right:0!important;}
}

@media only screen and (min-width:480px) and (max-width:767px) {
	.featuresection .one-third:nth-child(2n),.featuresection .one-third:nth-child(3), .featuresection .one-fourth:nth-child(2n){margin-right:0!important;}
	.featuresection .one-fourth{width:48.5%!important; margin:0 3% 10px 0!important; padding:25px 10px 0px 10px; float:left!important; box-sizing:border-box}
	.featuresection .one-third{width:31.33%!important; margin:0 3% 10px 0!important; padding:25px 10px 0px 10px; float:left!important; box-sizing:border-box}	
}

@media only screen and (max-width:319px) and (max-width:479px) { .featuresection .one-third, .featuresection .one-fourth{width:100%!important; float:none; margin:0 auto 20px auto}}

@media only screen and (min-width:320px) and (max-width:979px){ .featuresection{margin:20px auto 20px auto; padding:10px}}

@media only screen and (min-width:320px) and (max-width:1280px){
	.icon-holder{height:100px; width:100px; border-width:1px; padding:10px; margin-bottom:10px}
	.featuresection .one-third{margin:0 0 30px 0!important;}
}

.usecased{padding:45px 0}
.usecased .clearfix.d-block.position-relative.text-center .btn-orange-border{margin-top:0}
.client-testimonials{background-color:#D4ECFF; color:#282F39; padding:30px; font-size:22px; border-top-right-radius:40px; line-height:1.7}
.client-testimonials:after{width:0; height:0; border-left:40px solid transparent; border-right:0px solid transparent; border-bottom:40px solid #346384; content:''; position:absolute; bottom:-40px; left:0; transform:rotate(-90deg);}
.client-testimonials:before{content:'\201C'; position:absolute; left:10px; top:-10px; font-size:80px; color:rgba(1, 15, 41, 0.4); line-height:normal; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"}
.client-details{position:absolute; margin-left:60px; margin-top:10px; font-size:20px;}
.client-testimonials a {font-size:16px; color:#02669d; font-weight:600;}

@media only screen and (min-width:768px) and (max-width:1280px) {
	.usecased .clearfix{display:flex; flex-direction:row; flex-flow:wrap; flex-wrap:wrap; justify-content:center; align-items:center; width:100%}
}

@media only screen and (min-width:768px) and (max-width:1280px) {
	.usecased .clearfix .one-half:first-child{width:90%; margin-right:0;}
	.usecased .clearfix .one-half:last-child{width:90%; margin-right:0;}
	.client-details{font-size:14px;}
	.usecased .right-img-cs.clearfix .one-half:last-child {-webkit-order:0; order:0; width:37%; margin-right:3%;}
	.usecased .right-img-cs.clearfix .one-half:first-child {-webkit-order:1; order:1; width:60%; margin-right:0%;}
}

@media only screen and (min-width:640px) and (max-width:767px) {
	.usecased{padding:25px 0; width:90%!important; margin:0 auto 0 auto!important; float:none!important; display:block!important}	
	.usecased .clearfix .one-half img{width:65%; margin:0 auto; float:none; display:block}
}
@media only screen and (min-width:640px) and (max-width:979px) {
	.usecased div.clearfix > .one-third:nth-child(2n){margin-right:0}
	.usecased div.clearfix > .one-third{width:48.5%!important; float:left!important; margin-right:3%}
	.usecased div.clearfix {display:flex; flex-direction:column; flex-wrap:wrap; flex-flow:wrap; justify-content:center}
}
@media only screen and (max-width:359px) and (max-width:1280px) {
	.usecased{padding:25px 0}
}
@media only screen and (max-width:359px) and (max-width:767px) {
	.right-img-cs .one-half:nth-child(2) {-webkit-order:0; order:0;}
	.right-img-cs .one-half:nth-child(1) {-webkit-order:1; order:1;}	
	.right-img-cs {display:flex; flex-direction:column; flex-flow:wrap; flex-wrap:wrap; justify-content:center;}
}
@media only screen and (max-width:359px) and (max-width:639px) {
	.usecased div.clearfix > .one-third{margin-bottom:30px!important}
}

@media only screen and (min-width:980px) and (max-width:1280px){.cpqind-container{flex-direction:column; flex-flow:row; flex-wrap:wrap; width:inherit}}
@media only screen and (min-width:768px) and (max-width:1280px) {	
	.cpqind-container .one-sixth{width:14.166667%!important; float:left; margin:0 3% 10px 0}
	.cpqind-container .one-sixth:nth-child(6n){margin-right:0}
	.cpqind-box span{font-size:17px;}	
}
@media only screen and (min-width:480px) and (max-width:767px) {	
	.cpqind-container .one-sixth{width:31.333%!important; float:left; margin:0 3% 10px 0}
	.cpqind-container .one-sixth:nth-child(3n){margin-right:0}
	.cpqind-box span{font-size:16px;}
}
@media only screen and (max-width:359px) and (max-width:979px) {
	.cpqind-container{flex-direction:column; flex-flow:row; flex-wrap:wrap;}	
}

@media only screen and (min-width:320px) and (max-width:479px) {
	.cpqind-box span{font-size:14px;}
	.cpqind-container .one-sixth:nth-child(2n){margin-right:0}
	.cpqind-container .one-sixth{width:48.5%!important; float:left; margin:0 3% 10px 0}
}
@media only screen and (min-width:320px) and (max-width:479px) {
	.cpqindimgbox{margin-bottom:10px;}
}

.blue-cta{ background:url(images/blue-cta.png) no-repeat center top,linear-gradient(-45deg, rgb(1, 73, 113) 0%, rgb(0, 122, 189) 100%); background:url(images/blue-cta.png) no-repeat center top,-webkit-gradient(-45deg, rgb(1, 73, 113) 0%, rgb(0, 122, 189) 100%); background:url(images/blue-cta.png) no-repeat center top,-o-linear-gradient(-45deg, rgb(1, 73, 113) 0%, rgb(0, 122, 189) 100%); background:url(images/blue-cta.png) no-repeat center top,-ms-linear-gradient(-45deg, rgb(1, 73, 113) 0%, rgb(0, 122, 189) 100%); background:url(images/blue-cta.png) no-repeat center top,linear-gradient(-45deg, rgb(1, 73, 113) 0%, rgb(0, 122, 189) 100%); background-size:cover;}

.blue-cta img{margin-bottom:20px}
.blue-cta span.cta-bighead{ font-size:40px; line-height:1.7;}
.blue-cta:hover img{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); -moz-transition:all .9s ease; -o-transition:all .9s ease; -webkit-transition:all .9s ease; transition:all .9s ease;}
@media only screen and (min-width:319px) and (max-width:1280px){ .blue-cta{padding:20px;} .blue-cta img{margin-bottom:15px;}}
@media only screen and (min-width:980px) and (max-width:1280px){ .blue-cta span.cta-bighead{font-size:30px; line-height:normal}}
@media only screen and (min-width:801px) and (max-width:979px) { .blue-cta span.cta-bighead{font-size:28px; line-height:normal}}
@media only screen and (min-width:768px) and (max-width:800px) { .blue-cta span.cta-bighead{font-size:26px; line-height:normal}}
@media only screen and (min-width:640px) and (max-width:767px) { .blue-cta span.cta-bighead{font-size:26px; line-height:normal}}
@media only screen and (max-width:359px) and (max-width:639px) { .blue-cta span.cta-bighead{font-size:22px; line-height:normal}}

.grey-blockquote{border-bottom:5px solid #282f39; padding:30px; box-sizing:border-box;  margin-bottom:30px}
.grey-blockquote-container {display:flex; flex-direction:row; align-items:center; align-content:center;}
.grey-blockquote .blockquote-head {font-weight:300; font-size:28px; line-height:40px; margin-bottom:30px;}
.blockquote-right-img{padding:10px; background-color:#ffffff; border:1px solid #e2e2e2; box-shadow:4px 4px 20px #ededed; box-sizing:border-box; display:block; min-height:380px; max-width:90%; margin:0 auto}
.grey-blockquote .ul-list{margin-bottom:15px}
.grey-blockquote .ul-list li{position:relative; padding-left:25px; background:none}
.grey-blockquote .ul-list li::before{ content:"\002714"; position:absolute; left:0; top:0; font-size:15px; text-align:center; line-height:30px}


/*@media only screen and (min-width:980px) and (max-width:1280px){}*/
@media only screen and (min-width:801px) and (max-width:1280px) {
	.grey-blockquote{border-bottom:3px solid #282f39; padding:20px; box-sizing:border-box; margin-bottom:30px}
	.grey-blockquote-container{display:flex; flex-direction:row; align-items:flex-start; align-content:center;}
	.grey-blockquote .width60{width:55%}
	.grey-blockquote .width40{width:45%}
	.blockquote-right-img{display:block; float:left; padding:10px; height:auto; width:100%; min-height:auto; max-width:100%;}
	.grey-blockquote .blockquote-head {font-weight:300; font-size:24px; line-height:36px; margin-top:0px; margin-bottom:20px}			
}
@media only screen and (min-width:768px) and (max-width:800px) {
	.grey-blockquote{border-bottom:3px solid #282f39; padding:10px; box-sizing:border-box;  margin-bottom:30px}
	.grey-blockquote-container{display:flex; flex-direction:row; align-items:flex-start; align-content:center;}
	.grey-blockquote .width60{width:60%}
	.grey-blockquote .width40{width:40%}
	.blockquote-right-img{display:block; float:left; padding:10px;}
	img.blockquote-right-img{height:auto; width:100%; min-height:auto; max-width:100%; margin:0 auto 15px;}
	.grey-blockquote .blockquote-head {font-weight:300; font-size:24px; line-height:36px; margin-top:0px; margin-bottom:20px}		
}
@media only screen and (min-width:640px) and (max-width:767px) {
	.blockquote-right-img{display:block; width:60%; float:left; padding:10px;}
	.width40, .width60{width:100%}
	.grey-blockquote{border-bottom:3px solid #282f39; padding:10px; box-sizing:border-box;  margin-bottom:30px}
	.grey-blockquote-container{display:flex; flex-direction:column; align-items:center; align-content:center;}
	.grey-blockquote .blockquote-head {font-weight:300; font-size:24px; line-height:36px; margin-top:20px; margin-bottom:10px}	
}
@media only screen and (min-width:480px) and (max-width:639px) {
	.blockquote-right-img{display:block; width:100%; float:none; padding:10px; margin:0 auto 15px}
	.width40, .width60{width:100%}
	.grey-blockquote{border-bottom:3px solid #282f39; padding:20px; box-sizing:border-box;  margin-bottom:30px}
	.grey-blockquote-container{display:flex; flex-direction:column; align-items:center; align-content:center;}
	.grey-blockquote .blockquote-head {font-weight:300; font-size:24px; line-height:36px; margin-top:20px; margin-bottom:10px}
}
@media only screen and (min-width:360px) and (max-width:479px) {
	.width40, .width60{width:100%}
	.grey-blockquote{border-bottom:3px solid #282f39; padding:10px; box-sizing:border-box;  margin-bottom:30px}
	.grey-blockquote-container{display:flex; flex-direction:column; align-items:center; align-content:center;}
	.grey-blockquote .blockquote-head {font-weight:300; font-size:24px; line-height:36px; margin-top:0px; margin-bottom:20px}
	.blockquote-right-img{padding:10px; background-color:#ffffff; border:1px solid #e2e2e2; box-shadow:4px 4px 20px #ededed; box-sizing:border-box; display:block;}	
}
@media only screen and (max-width:359px) {
	.width40, .width60{width:100%}
	.grey-blockquote{border-bottom:3px solid #282f39; padding:10px; box-sizing:border-box;  margin-bottom:30px}
	.grey-blockquote-container{display:flex; flex-direction:column; align-items:center; align-content:center;}
	.grey-blockquote .blockquote-head {font-weight:300; font-size:24px; line-height:36px; margin-top:20px; margin-bottom:10px}
	.blockquote-right-img{padding:10px; background-color:#ffffff; border:1px solid #e2e2e2; box-shadow:4px 4px 20px #ededed; box-sizing:border-box; display:block;}
}
@media only screen and (max-width:479px) {img.blockquote-right-img{height:auto; width:100%; min-height:auto; max-width:100%; margin:0 auto 15px;}}

.stickyblog { border:1px solid #b8b8b8; border-radius:4px; position:fixed; bottom:21%; width:265px; height:auto; overflow-y:auto; right:15px; z-index:1095; overflow:hidden; transform:translateX(0%) translateY(0); display:none; line-height:1.4; background:#F6F6F6}
.stickyblog-header {border-radius:4px 4px 0 0/4px 4px 0 0; background:#f3f3f4 url(images/tags.svg) no-repeat left 12px top 20px; border-bottom:1px solid #b8b8b8; padding:15px 20px 15px 40px; background-size:18px;}
.sticky-text { position:relative; padding:10px;}
.sticky-text a { display:block; font-size:14px; color:#007abd; font-weight:400; line-height:27px;  margin-bottom:8px; border-bottom:1px solid rgba(0,0,0,0.2)}
.sticky-text a:only-child, .sticky-text a:last-child { border:0!important; margin-bottom:0}
.processnumber{ background:#fff; height:50px; width:50px; line-height:50px; text-align:center; position:relative; /*left:50%; transform:translateX(-50%) translateY(0);*/ border-radius:50%; border:3px solid #dee2e6; box-shadow:0px 0px 10px rgba(0,0,0,0.2); font-size:18px; font-weight:700; padding:10px; margin:0 auto 20px auto }
@media only screen and (min-width:320px) and (max-width:1400px) {
.stickyblog{display:block!important; position:relative; width:100%; margin:14px auto 0; left:0; z-index:0}
}

.flexbox{margin:30px 0 0 0; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:center; align-items:center;}
.flexbox img{width:auto;}
.flexbox .textparthead, .flexbox .textpart p{color:#546E7A; color:rgb(84, 110, 122);}    
.flexbox .textparthead{font-size:28px; line-height:40px;}    
.flexbox .textpart p{font-size:17px; line-height:32px;}

@media only screen and (min-width:480px) and (max-width:767px) {
	.imgorder2{-webkit-order:2; order:2;}
   .flexbox .one-half:first-child{margin:0 0 15px 0!important}
}
@media only screen and (min-width:360px) and (max-width:479px) {
	.imgorder2{-webkit-order:2; order:2;}
   .flexbox .one-half:first-child{margin:0 0 15px 0!important}    
	}
@media only screen and (max-width:359px) {
	.imgorder{-webkit-order:1; order:1;}
   .imgorder2{-webkit-order:2; order:2;}
   .flexbox .one-half:first-child{margin:0 0 15px 0!important}
}

.normal-listing,.ul-list{position:relative; list-style:none}
.ul-list li{background:url(images/bullet01.png) left 11px no-repeat; padding-left:15px; margin-bottom:5px; position:relative;}

.di-listing{position:relative; list-style:none}
.di-listing li{padding-left:50px}
.di-listing li.icon1, .di-listing li.icon2, .di-listing li.icon3, .di-listing li.icon4, .di-listing li.icon5, .di-listing li.icon6, .di-listing li.institutional-furniture, .di-listing li.office-furniture, .di-listing li.residential-furniture, .di-listing li.recreation-furniture, .di-listing li.hospitality-furniture, .di-listing li.street-furniture{background-size:32px!important}


.di-listing li.icon1{background:url(images/scope-automation.png) no-repeat left top 6px;}
.di-listing li.icon2{background:url(images/forms-product-configurator.png) no-repeat left top 6px;}
.di-listing li.icon3{background:url(images/logical-rules.png) no-repeat left top 6px;}
.di-listing li.icon4{background:url(images/qc-error-check.png) no-repeat left top 6px;}
.di-listing li.icon5{background:url(images/training-troubleshooting.png) no-repeat left top 6px;}
.di-listing li.icon6{background:url(images/deployment.png) no-repeat left top 6px; backgound-size:30px!important}


.di-listing li.mep-shop-drawings-icon1{background:url(images/mep-shop-drawings/better-prefabrication-quality.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.mep-shop-drawings-icon2{background:url(images/mep-shop-drawings/accurate-installation-location.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.mep-shop-drawings-icon3{background:url(images/mep-shop-drawings/improved-building-design.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.mep-shop-drawings-icon4{background:url(images/mep-shop-drawings/cost-savings.png) no-repeat left top 6px; backgound-size:30px!important}

.di-listing li.mep-clash-detection1{background:url(images/mep-clash-detection/revit-mep-coordination-deliverables.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.mep-clash-detection2{background:url(images/mep-clash-detection/detailed-extraction-of-sectional-views.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.mep-clash-detection3{background:url(images/mep-clash-detection/clash-identification-and-resolution.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.mep-clash-detection4{background:url(images/mep-clash-detection/coordinated-3d-mep-models.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.mep-clash-detection5{background:url(images/mep-clash-detection/fm-ready-models.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.mep-clash-detection6{background:url(images/mep-clash-detection/precise-coordination.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.mep-clash-detection7{background:url(images/mep-clash-detection/building-design-prototypes.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.mep-clash-detection8{background:url(images/mep-clash-detection/detailed-document-automation.png) no-repeat left top 6px; backgound-size:30px!important}

.di-listing li.mep-bim1{background:url(images/mep-bim-services/2d-drawings-to-3d-model.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.mep-bim2{background:url(images/mep-bim-services/clash-detection.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.mep-bim3{background:url(images/mep-bim-services/spatial-coordination.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.mep-bim4{background:url(images/mep-bim-services/enhanced-project-delivery.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.mep-bim5{background:url(images/mep-bim-services/construction-documentation.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.mep-bim6{background:url(images/mep-bim-services/international-standards.png) no-repeat left top 6px; backgound-size:30px!important}

.di-listing li.institutional-furniture{background:url(images/institutional-furniture.png) no-repeat left top 6px;}
.di-listing li.office-furniture{background:url(images/office-furniture.png) no-repeat left top 6px;}
.di-listing li.residential-furniture{background:url(images/residential-furniture.png) no-repeat left top 6px;}
.di-listing li.recreation-furniture{background:url(images/recreation-furniture.png) no-repeat left top 6px;}
.di-listing li.hospitality-furniture{background:url(images/hospitality-furniture.png) no-repeat left top 6px;}
.di-listing li.street-furniture{background:url(images/street-furniture.png) no-repeat left top 6px; backgound-size:30px!important}


.di-listing li.design-prototypes{background:url(images/5d-bim/design-prototypes.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.cost-estimates{background:url(images/5d-bim/cost-estimates.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.bids-and-proposals{background:url(images/5d-bim/bids-and-proposals.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.cost-loaded-schedules{background:url(images/5d-bim/cost-loaded-schedules.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.quick-project-turnaround{background:url(images/5d-bim/quick-project-turnaround.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.stay-within-budget{background:url(images/5d-bim/stay-within-budget.png) no-repeat left top 6px; backgound-size:30px!important}

.di-listing li.enhanced-visualization{background:url(images/point-cloud-bim/enhanced-visualization.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.quality-deliverables{background:url(images/point-cloud-bim/quality-deliverables.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.validate-design{background:url(images/point-cloud-bim/validate-design.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.precise-space-management{background:url(images/point-cloud-bim/precise-space-management.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.faster-turnaround{background:url(images/point-cloud-bim/faster-turnaround.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.information-extraction{background:url(images/point-cloud-bim/information-extraction.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.accurate-documentation{background:url(images/point-cloud-bim/as-built-documentation.png) no-repeat left top 6px; backgound-size:30px!important}
.di-listing li.lower-rfi{background:url(images/point-cloud-bim/lower-rfi.png) no-repeat left top 6px; backgound-size:30px!important}


.crativelist2 { margin-bottom:50px; margin-bottom:14px; list-style:none}
.crativelist2 li { position:relative; padding-left:17px; background-color:#e9e9e9; border-radius:20px; padding:12px 30px!important; margin-bottom:16px!important; border-left:solid 2px #FFA500; box-sizing:border-box}

.millworkbanner-alt .flickity-viewport{min-height:340px;}
.millworkbanner-alt  img{height:255px;}
.millworkbanner-alt a.cslinks{ background:#dee2e6; display:block; padding:10px; box-sizing:border-box; font-size:18px; line-height:26px; position:relative; top:14px;}
.millwork-sample .flickity-viewport .flickity-slider{width:100%; box-sizing:border-box}
.millwork-sample .flickity-viewport .flickity-slider .width33.is-selected{filter:blur(0) opacity(1); transform:scale(1)}
.millwork-sample .flickity-viewport .flickity-slider .width33{filter:blur(4px) saturate(2) opacity(0.5);  -moz-transform:scale(0.5); -ms-transform:scale(0.5); -o-transform:scale(0.5); -webkit-transform:scale(0.5); transform:scale(0.5); -moz-transition:transform  .4s ease; -o-transition:transform  .4s ease; -webkit-transition:transform  .4s ease; transition:transform  .4s ease;}


@media only screen and (min-width:768px) and (max-width:800px ), (min-width:980px) and (max-width:1170px ) {.cpqsol .info-title{width:50%}}

@media only screen and (min-width:640px) and (max-width:1280px) { #csinfo-container{height:100%}}
@media only screen and (min-width:360px) and (max-width:479px) { #csinfo-container{width:auto; float:none; max-width:100%}}
@media only screen and (max-width:639px) {
	#csinfo-container{width:auto; float:none; max-width:100%; margin-bottom:0!important}
	#csinfo-container img.width50 { width:70%; -ms-flex:0 0 70%; flex:0 0 70%; max-width:70%;}
}
@media only screen and (min-width:359px) and (max-width:639px) {
	#csinfo-container img{float:none; display:block!important; margin:25px auto 0px!important}
	#csinfo-row{font-size:15px;}
}

#sidebaraddress{background-color:#fff;padding:20px;border-bottom:solid 4px #1876ba}
#sidebaraddresshead{ font-size:36px; line-height:50px; color:#363636; margin-bottom:15px; font-weight:300;}
@media only screen and (min-width:320px) and (max-width:1280px){
	p#sidebaraddresshead{ font-size:24px; line-height:38px; margin-bottom:15px; font-weight:300;}
	#sidebaraddress{padding:15px; margin-bottom:25px;}
}

@media only screen and (min-width:320px) and (max-width:1280px) {
	.responsive-video{ width:100%; height:auto; padding:5px; box-sizing:border-box; border:1px solid #dedede; margin:0 auto;}
}

@media only screen and (min-width:320px) and (max-width:767px) { .responsive-video{ max-width:100%!important; min-height:292px;}}
@media only screen and (min-width:768px) and (max-width:1023px) { .responsive-video{ min-height:240px}}
@media only screen and (min-width:1024px) and (max-width:1170px) { .responsive-video{ max-width:95%!important; min-height:355px; margin-left:20px;}}
@media only screen and (min-width:1171px) and (max-width:1280px) { .responsive-video{ max-width:95%!important; min-height:355px; margin-left:20px;}}

@media only screen and (min-width:801px) and (max-width:979px) { .mb60{margin-bottom:15px}}
@media only screen and (min-width:640px) and (max-width:1280px) { .mt30{margin-top:15px} .mb60{margin-bottom:15px} .padd-left-45{padding-left:25px;} .padd-right-45{padding-right:25px;} .pall15{padding:15px;}}
@media only screen and (min-width:319px) and (max-width:767px){
	.flexbox .one-half img { width:100px; margin:0 auto!important; display:block;}
	.flexbox .text-right, .flexbox .text-left{text-align:center!important; margin-bottom:5px!important}
}

@media only screen and (min-width:319px) and (max-width:639px ) {
	.pall15{padding:15px;} .padd-left-45, .padd-right-45{padding:0 15px;}
	.cpqsol h2, .blue-cta span.cta-bighead{font-size:28px!important;}
	#innerbanner h1{font-size:36px!important; line-height:46px!important; margin-bottom:25px!important}
}

@media only screen and (min-width:359px) and (max-width:1280px ) { .pall30{padding:15px;} .mt50{margin-top:25px} .mb50{margin-bottom:25px}}

/*Remarked Changes in Responsive - 14022020*/
@media only screen and (min-width:319px) and (max-width:479px ) {
	.featuresection h3, .featuresection h3 a{font-size:22px; line-height:30px; font-weight:600; letter-spacing:-1px; margin-bottom:15px;}
	.featuresection p{margin-bottom:0; font-size:17px; line-height:30px; margin:0 auto 0}
	.featuresection .one-fourth{width:100%!important; margin:0 auto 30px auto;}
	.cpq-solutions .wrapper .two-third{margin-bottom:0!important}
}

@media only screen and (min-width:768px) and (max-width:800px ) {
	.featuresection .one-fourth{width:48.5%!important; margin:0 3% 30px 0!important; float:left!important}
	.featuresection .one-fourth:nth-child(2n){margin-right:0!important}
}

@media only screen and (min-width:480px) and (max-width:639px )  {.featuresection h3, .featuresection h3 a{font-size:20px; line-height:33px}}

@media only screen and (min-width:768px) and (max-width:979px ) {.featuresection h3, .featuresection h3 a{font-size:24px; line-height:33px}}

@media only screen and (max-width:800px ), (min-width:980px) and (max-width:1170px )  {
	.client-testimonials:after{bottom:0}
	.client-details{font-size:14px; position:relative}
	.client-testimonials{font-size:17px; line-height:28px; font-weight:400}
}

@media only screen and (min-width:319px) and (max-width:479px ), (min-width:767px) and (max-width:1170px )  {.padd-left-45 p br, .padd-right-45  p br{display:none}}

.driveworks-back{font-size:14px; line-height:1.6; display:inline-block; padding:5px 15px; border:solid 1px #ccc; margin-right:5px; color:#363636;}
.driveworks-back-mobile{font-size:14px; line-height:1.6; display:none; padding:5px 15px; border:solid 1px #ccc; margin-right:5px; color:#363636;}
@media only screen and (max-width:980px ){
	.driveworks-back{display:none!important}
	.driveworks-back-mobile{display:inline-block!important}
}
@media only screen and (max-width:479px ){
	.cpqsol > .clearfix > img.position-relative { width:80%; margin:12px auto 14px; float:none; display:block;}
}
@media only screen and (min-width:480px ) and (max-width:639px){
	.cpqsol > .clearfix > img.position-relative { width:50%; margin:12px 0 14px 14px; float:right; display:block;}
}
@media only screen and (min-width:640px ) and (max-width:1170px){
	.cpqsol > .clearfix > img.position-relative { width:40%; margin:12px 0 14px 14px; float:right; display:block;}
}

/* Millwork Page -15022020 */
.oddevenboxs{margin:30px auto}
.oddeven-container, .oddeven-container2{box-sizing:border-box; display:flex; height:200px; flex-direction:row}
.oddeven-container2 .width50{display:flex;}
.oddeven-container2 .width50 .width50{display:block}
.box-img {border:solid 1px #ccc; position:relative; overflow:hidden; height:100%}
.box-img img{ display:block;}
.box-content{ padding:25px; border:solid 1px #ccc; box-sizing:border-box; height:100%}
.indboxhead{ font-size:20px; font-weight:700; margin-bottom:12px;}
.order2{-webkit-order:2; order:2;}

@media only screen and (max-width:359px) {
	.oddeven-container .width50, .oddeven-container2 .width50{ margin-bottom:0!important}
	.box-img img{width:100%}
	.oddeven-container .box-img:after, .oddeven-container2 .box-img:after { position:absolute; bottom:-19px; content:""; width:32px; height:68px; transform:translateX(-50%) translateY(0%) rotate(90deg); opacity:1; transition:all 0.4s; left:50%; top:auto;}
	.oddeven-container2 .box-img:after{ transform:translateX(-50%) translateY(0%) rotate(-90deg);}
	.box-img{max-height:140px;}
	.box-content{padding:20px;}
	p.indboxhead{font-size:18px!important; margin-bottom:0px;}
	.oddeven-container p:last-child, .oddeven-container2 p:last-child{font-size:16px; margin-bottom:0}
}

@media only screen and (min-width:360px) and (max-width:479px ){
	.oddeven-container .width50, .oddeven-container2 .width50{ margin-bottom:0!important}	
	.box-img img{width:100%}
	.oddeven-container .box-img:after, .oddeven-container2 .box-img:after { position:absolute; bottom:-19px; content:""; width:32px; height:68px; transform:translateX(-50%) translateY(0%) rotate(90deg); opacity:1; transition:all 0.4s; left:50%; top:auto;}
	.oddeven-container2 .box-img:after{ transform:translateX(-50%) translateY(0%) rotate(-90deg);}
	.box-img{max-height:140px;}
	.box-content{padding:20px;}
	p.indboxhead{font-size:18px!important; margin-bottom:0px;}
	.oddeven-container p:last-child, .oddeven-container2 p:last-child{font-size:16px; margin-bottom:0}
}

@media only screen and (min-width:480px) and (max-width:639px ){
	.oddeven-container .width50, .oddeven-container2 .width50{ margin-bottom:10px!important; height:154px}
	.oddeven-container .width50 .width50, .oddeven-container2 .width50 .width50{ width:50%; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; margin-bottom:0!important}
	.oddeven-container .box-img:after, .oddeven-container2 .box-img:after { position:absolute; bottom:auto; content:""; width:32px; height:68px; transform:translateX(-20px) translateY(-50%) rotate(0); opacity:1; transition:all 0.4s; right:-20px; top:50%;}
	.oddeven-container2 .box-img:after{ transform:translateX(-19px) translateY(-50%) rotate(180deg); right:-19px; left:auto;}	
	.box-content{padding:10px;}
	p.indboxhead{font-size:16px!important; margin-bottom:0px;}
	.oddeven-container p:last-child, .oddeven-container2 p:last-child{font-size:15px; margin-bottom:0; line-height:26px;}
}

@media only screen and (min-width:359px) and (max-width:639px ){
	.oddeven-container, .oddeven-container2{flex-direction:column; height:100%;}
	.oddeven-container2 .width50, .oddeven-container2 .width50 .width50{display:block}
}

@media only screen and (min-width:640px) and (max-width:800px ){
	.oddeven-container, .oddeven-container2{height:100%; flex-direction:column}
	.oddeven-container .width50, .oddeven-container2 .width50 { margin:0 0 0 0!important; height:170px;}
	.oddeven-container .width50 .width50, .oddeven-container2 .width50 .width50 { width:50%; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; height:100%; display:block!important}
	.box-content{padding:15px;}
	.oddeven-container .width50:nth-child(2), .oddeven-container2 .width50:first-child{flex-direction:row-reverse; display:flex}
	.oddeven-container .width50:nth-child(2) .box-img:after{ right:auto; background:url(images/leftwhitearrow.png); transform:rotate(180deg) translateY(50%); top:50%;}
	.oddeven-container2 .width50:first-child .box-img:after{ left:auto; background:url(images/leftwhitearrow.png); transform:rotate(0deg) translateY(-50%); top:50%; right:0;}
	.box-img img{width:100%}
}

@media only screen and (min-width:319px) and (max-width:800px ){
	.oddeven-container .width50, .oddeven-container2 .width50 {width:100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}
}

@media only screen and (min-width:801px) and (max-width:979px ){
	.box-content{padding:15px;}
	p.indboxhead, .box-content p{font-size:16px; line-height:24px;}
	.oddeven-container, .oddeven-container2{height:190px;}
	.box-img img{width:100%; height:100%}
}
@media only screen and (min-width:980px) and (max-width:1300px ){
	.box-img img{width:100%; height:100%}
}

/* Update main Style according to Live - Edited:15022020 */
.cpqindimgbox a{display:flex; flex-direction:row; align-items:center; justify-content:center; height:100%;}
.cpqindimgbox{display:flex; flex-direction:row; align-items:center; justify-content:center;}

/* Update main Style according to Live - Edited:17022020 */
.cpqindimgbox-border { border:1px solid #546e7a; box-sizing:border-box;  background:#fff; box-shadow:none!important}
.cpqindimgbox-border img{    filter:invert(69%) sepia(1000%) saturate(10%) hue-rotate(0) brightness(70%) contrast(100%);}

/* Updated CSS - 18022020 */
/*@media only screen and (min-width:319px) and (max-width:480px ){*/
@media only screen and (max-width:480px) {
	.mobile-ver h2.text-center{font-size:26px!important; line-height:38px; margin-bottom:20px}
	.mobile-ver p{font-weight:400; font-size:15px; line-height:25px;}
	.one-half .clearfix .box-sizing .one-third{width:33.33%!important; float:left!important; margin:0 0 0 0!important}
	.millworkbanner-alt a.cslinks{ padding:10px; box-sizing:border-box; font-size:14px; line-height:22px;}
	.millworkbanner-alt .flickity-viewport{max-height:335px;}
	.cpqsol div.mb30, .one-half#nomarginbottom{margin:0 0 0 0!important}
	.btn-orange-border, .btn-orange-fill, .btn-blue-border, .btn-blue-fill{margin:5px auto}
	.box-img img{-webkit-filter:grayscale(1); filter:grayscale(1);}
	.oddevenboxs{margin:50px auto}
	p.indboxhead{font-size:20px; margin-bottom:20px; font-weight:700}
	.mobile-ver .featuresection{margin:40px auto 20px auto!important}
	.millwork-sample .flickity-viewport .flickity-slider .width33{width:100%}
	.millwork-sample .flickity-viewport{margin:0px auto 20px auto!important}
	.mobile-ver .cpqind-container .one-half{width:48.50%!important; float:left!important; margin-right:3%;}
	.mobile-ver .cpqind-container .one-half:nth-child(2){margin-right:0%;}
}

@media only screen and (min-width:481px) and (max-width:639px ){
	.mobile-ver h2.text-center{font-size:26px!important; line-height:38px; margin-bottom:20px}
	.mobile-ver p{font-weight:400; font-size:15px; line-height:25px;}
	.one-half .clearfix .box-sizing .one-third{width:33.33%!important; float:left!important; margin:0 0 0 0!important}
	.millworkbanner-alt a.cslinks{ padding:10px; box-sizing:border-box; font-size:14px; line-height:22px;}
	.millworkbanner-alt .flickity-viewport{max-height:335px;}
	.cpqsol div.mb30, .one-half#nomarginbottom{margin:0 0 0 0!important}
	.btn-orange-border, .btn-orange-fill, .btn-blue-border, .btn-blue-fill{margin:5px auto}
	.box-img img{-webkit-filter:grayscale(1); filter:grayscale(1);}
	.oddevenboxs{margin:50px auto}
	p.indboxhead{font-size:20px; margin-bottom:20px; font-weight:700}
	.mobile-ver .featuresection{margin:40px auto 20px auto!important}
	.millwork-sample .flickity-viewport .flickity-slider .width33{width:100%}
	.millwork-sample .flickity-viewport{margin:0px auto 20px auto!important}
	.mobile-ver .cpqind-container .one-half{width:48.50%!important; float:left!important; margin-right:3%;}
	.mobile-ver .cpqind-container .one-half:nth-child(2){margin-right:0%;}
}

@media only screen and (min-width:640px) and (max-width:767px ){
	.one-half .clearfix .box-sizing {width:75%; margin:0 auto; float:none}
	.one-half .clearfix .box-sizing .one-third{width:33.33%!important; float:left!important; margin:0 0 0 0!important}
	.one-half .clearfix .box-sizing .one-third img{width:100%!important;}
	.millworkbanner-alt a.cslinks{ padding:10px; box-sizing:border-box; font-size:14px; line-height:22px;}
	.millworkbanner-alt .flickity-viewport{max-height:335px;}
	.cpqsol div.mb30, .one-half#nomarginbottom{margin:0 0 0 0!important}
	.btn-orange-border, .btn-orange-fill, .btn-blue-border, .btn-blue-fill{margin:5px auto}
	.box-img img{-webkit-filter:grayscale(1); filter:grayscale(1);}
	.oddevenboxs{margin:50px auto}
	p.indboxhead{font-size:20px; margin-bottom:20px; font-weight:700}
	.mobile-ver .featuresection{margin:40px auto 20px auto!important}
	.millwork-sample .flickity-viewport{margin:0px auto 20px auto!important}
	.mobile-ver .right-img-cs .one-half .cpqind-container {width:48.50%!important; float:left!important; margin-right:3%;}
	.mobile-ver .right-img-cs .one-half .cpqind-container:nth-child(2) {margin-right:0%;}
	.mobile-ver .cpqind-container .one-half{width:48.50%!important; float:left!important; margin-right:3%;}
	.mobile-ver .cpqind-container .one-half:nth-child(2){margin-right:0%;}
	.usp-container .one-fifth{margin-top:30px; width:31.33%!important; margin-right:3%!important; padding:25px 10px 0px 10px}	
	.usp-container .one-fifth:nth-child(3n){margin-right:0!important;}
}

@media only screen and (min-width:640px) and (max-width:979px) {
	.usecased div.clearfix {display:flex; flex-direction:row; align-items:baseline}
	.usecased{padding:0 0}
	.mobile-ver .cpqind-box span{font-size:15px; line-height:24px}
}

@media only screen and (min-width:979px) and (max-width:1170px) {
	.mobile-ver .usecased .clearfix{display:flex; flex-direction:row; flex-flow:nowrap; flex-wrap:nowrap; justify-content:normal; align-items:flex-start; width:100%;}
	.mobile-ver .cpqind-box span{font-size:15px; line-height:24px}
	.mobile-ver .client-testimonials{ font-size:20px; line-height:35px; font-weight:300; padding:40px;}
}

/* Updated on 24/03/2020  for BIM Landing Page like Similar Sections */
@media only screen and (min-width:359px) and (max-width:639px ){
	.one-third{width:100%; margin:0 auto 0 auto}
	#innerbanner{padding:20px 20px 20px 20px!important;}
	.cpq-solutions .flex-container {flex-direction:column}
	.cpq-solutions .flex-container .two-third{width:100%; margin-right:3%}
	.cpq-solutions .flex-container .one-third img{ width:260px; margin:0 auto 25px auto; float:none;}
	.specialbreak br{display:none;}
	.toppadding15{padding-top:15px!important;}
}

@media only screen and (min-width:640px) and (max-width:800px ){
	.relatedservicessec .one-third{width:48.50%; margin-right:3%; margin-bottom:30px;}
	.relatedservicessec .one-third:nth-child(2n){margin-right:0;}
}

@media screen and (min-device-width:1500px) and (max-device-width:1600px) {.stickyblog{ display:block!important; position:relative; width:100%; margin:14px auto 0; left:0; z-index:0}}

/* Added on 11-03-2020 - Kitchen Page */
.benefit-steps{position:relative; display:inline-block; text-align:center}
.benefit-steps:after{content:''; height:12px; display:inline-block; width:100%; bottom:24%; background:#dedede; left:0; right:0; position:absolute; border-radius:10px}
.benefit-box{ position:relative; border:solid 2px #035f8a; display:inline-block; width:150px; height:150px; border-radius:100%; text-align:center; vertical-align:top; padding:24px; margin:60px 0px 0px 0px; box-sizing:border-box;}
.benefit-title{ margin:46px 0 0 0px; padding:22px 0 0 0; font-size:20px; color:#035f8a; position:relative;}
.benefit-title:before { content:" "; position:absolute; top:-14px; width:20px; background:#fff; border:solid 3px #035f8a; display:inline-block; border-radius:100%; height:20px; left:0; right:0; margin:0 auto; z-index:9;  transition:all 0.2s ease 0s;}
.benefit-box:before { width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #035f8a; content:""; position:absolute; bottom:-10px; margin:0 auto; left:0px; right:0px; transition:all 0.2s ease 0s;}
.benefit-steps .one-fifth:hover .benefit-title:before { content:" "; position:absolute; top:-14px; width:20px; background:#035f8a; }
.benefit-steps .one-fifth:hover .benefit-box:before { width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-top:12px solid #035f8a; content:""; position:absolute; bottom:-12px; margin:0 auto; left:0px; right:0px;}

@media only screen and (min-width:319px) and (max-width:639px ){
.benefit-steps:after{ content:''; height:100%; display:inline-block; width:12px; bottom:0; background:#dedede; left:0; right:0; position:absolute; border-radius:10px;}
.benefit-steps .one-fifth{width:100%!important; margin:0 auto 0 auto; float:left!important}
.benefit-box{ float:left; height:80px; width:80px; margin:5px 15px 5px 25px; padding:12px;}
.benefit-box:before { transform:rotate(90deg); top:42%; left:-20%; bottom:0; right:auto;}
.benefit-title{margin:0 0 50px 0; text-align:left}
.benefit-title:before{left:-2px; right:auto; top:35px; height:15px; width:15px; border:1px solid;}
.benefit-title span{font-size:17px; line-height:26px;}
.benefit-steps .one-fifth:last-child .benefit-title{margin-bottom:0!important}
}

@media only screen and (min-width:480px) and (max-width:639px ){
	.benefit-title{margin:0 0 20px 0; text-align:left}
	.benefit-steps .one-fifth{margin-bottom:10px!important}
}

@media only screen and (min-width:640px) and (max-width:1170px ){
	.benefit-box{height:80px; width:80px; padding:12px; margin:0 auto 25px auto}
	.benefit-steps:after{top:110px; bottom:auto; height:8px;}
	.benefit-title{margin:10px 0 0; font-size:17px; line-height:26px}
}
@media only screen and (min-width:1024px){
	.benefit-steps:after{bottom:30%}
}

.process-icons{ position:relative;}
.process-icons ul { list-style:none; position:relative;}
.process-icons ul li { text-align:center; display:inline-block; width:calc(100% / 5); vertical-align:top; font-family:'Lato',sans-serif; font-size:13px; padding:0 10px; position:relative; float:left; box-sizing:border-box}
.process-icons ul li span { display:block; position:relative;}
.process-icons ul li span.process_text { font-weight:600; font-size:18px; margin-bottom:15px; transition:all 0.2s ease 0s;}

.process-icons ul li span.process-icon-span { width:120px; height:120px; margin:0 auto 20px auto; border:1px solid #546e7a; position:relative; background:#1f1f1f1; border-radius:100%;  transition:all 0.2s ease 0s; display:flex; flex-direction:row; align-items:center; justify-content:center}	
.process-icons ul li span.process-icon-span:before { background:none; padding:1px; background-repeat:no-repeat; position:absolute; top:50%; left:-93px; content:""; width:60px; height:0.5px; border-top:1px dashed #000}
.process-icons ul li:first-child span.process-icon-span:before { display:none}
.process-icons ul li span.process-icon-span img {background:transparent; width:80px; height:80px; margin:0 auto; border-radius:100%; border:10px solid transparent; transition:all 0.2s ease 0s}

.process-icons ul li.hoveritem span.process-icon-span:before { border-bototm:1px solid #035f8a;}
.process-icons ul li:hover span.process-icon-span, .process-icons ul li.hoveritem span.process-icon-span { border:1px solid #035f8a}
.process-icons ul li:hover .process-icon-span img, .process-icons ul li.hoveritem .process-icon-span img { width:90px; height:90px; transition:all 0.2s ease 0s;}
.process-icons ul li.hoveritem span.process_text { color:#035f8a; transition:all 0.2s ease 0s;}

/* Tacton Page Code - 10042020 */
.tactonpage{margin-bottom:60px}
@media only screen and (min-width:319px) and (max-width:767px ){
.tactonpage .width60 .blockquote-head{margin-top:0!important}
.tactonpage .width60 > .one-half, .tactonpage .width60 > .one-half ul{margin:0 0 20px 0!important}
.tactonpage .width60 {margin-bottom:30px!important;}
}

@media only screen and (min-width:479px) and (max-width:639px ){
.tactonpage .blockquote-right-img{display:block; width:auto; float:left; padding:10px; margin:0 auto; max-height:300px; min-height:300px;height:300px;}
}

@media only screen and (min-width:319px) and (max-width:767px ){
.tactonusp .one-fifth{float:left!important}
.tactonusp .usp-item{padding:16px 10px 0!important}
}

@media only screen and (min-width:480px) and (max-width:767px ){
.tactonusp .usp-item{padding:16px 20px 0!important}
}

@media only screen and (min-width:640px) and (max-width:767px ){
.tactonpage .width60 .clearfix {width:100%}
.tactonpage .width60 .clearfix .one-half{width:48.50%!important; float:left!important; margin-right:3%!important}
.tactonpage .width60 .clearfix .one-half:nth-child(2n){margin-right:0!important}
}



/* Added on 13042020 - CAD Conversion & 3D Modeling Page */
.sw-logo-container{position:relative; margin:15px auto}
@media only screen and (min-width:320px) and (max-width:479px ){
	.sw-logo-container{position:relative; margin:15px auto; display:flex; flex-direction:row; flex-grow:1; flex-wrap:wrap; align-items:center; justify-content:center;}
	.sw-logo-container .one-third{width:calc(50% - 4px); padding:6px; box-sizing:border-box; background:#fff; margin:2px; box-shadow:1px 1px 1px rgba(0,0,0,0.2);}
	.four-approach .one-fourth{ margin-bottom:15px;}
	.clearfix.cpqind-container > .one-third {width:calc(33.33% - 4px); padding:6px; box-sizing:border-box; margin-bottom:15px!important; margin:2px;}
	.clearfix.cpqind-container > .one-third .cpqindimgbox{width:80px; height:80px; margin:0 auto;}
	.margintb15{margin:15px auto!important}
	.client-details{line-height:normal; margin-top:5px;}
	.client-testimonials:after{bottom:3px;}
	.brdnone br{display:none}
}

@media only screen and (min-width:480px) and (max-width:640px ){
	.sw-logo-container{position:relative; margin:15px auto; display:block;}
	.sw-logo-container .one-third{width:calc(33.33% - 4px); padding:6px; box-sizing:border-box; background:#fff; margin:2px; box-shadow:1px 1px 1px rgba(0,0,0,0.2);}
}

/* Section like Odd-Even added in Revit Automation Services - 05072021 */
.odd-row, .even-row{display:flex; flex-direction:row; justify-content:center; border:1px solid rgba(84,110,122,.35)}
.even-row{flex-direction:row-reverse;}
.odd-img, .even-img{position:relative;}
.odd-img img, .even-img img{display:block; height:100%; width:100%;}	
.odd-content, .even-content{padding:25px 35px;}
.odd-content h2 , .even-content h2 { margin-top:0; margin-bottom:15px; font-size:30px!important; line-height:1.4; color:#0e2b3d; clear:both; font-weight:700; letter-spacing:-0.7px;}	
.odd-content h2:before , .even-content h2:before { content:""; display:inline-block; width:50px; height:2px; margin-right:15px; background-color:#47a145; position:relative; top:-3px;}	
.qa-wrap{position:relative; background:#fff; border:1px solid rgba(0,0,0,0.1); padding:10px; border-radius:5px}
.question-box { font-size:23px; color:#133053; background:#e9e9e9; padding:15px 20px; margin-bottom:10px!important; border-top-right-radius:30px; border-bottom-right-radius:30px; position:relative}
.question-box:after{content:'+'; position:absolute; top:50%; right:15px; font-size:24px; line-height:50px;  color:#000; font-weight:700; height:50px; width:50px; background:#fff; text-align:center; border-radius:25px; transform:translate(10px, -50%);}
.minus:after{content:'-';}
.answer-box{padding:5px 0px 5px 30px; display:none; margin-bottom:15px}
.answer-box p{font-size:17px; line-height:27px; margin-bottom:14px; color:#545454}
.answer-box p:last-child, .answer-box ul li:last-child{margin-bottom:0;}
.answer-box ul{list-style:none; margin:0 0 20px 0!important; padding:0 0 0 0!important;}
.answer-box ul li{list-style:none; padding-left:25px; position:relative; font-size:17px; line-height:27px; margin-bottom:10px; color:#545454}
.answer-box ul li:before{ content:''; position:absolute; height:7px; width:7px; background:#EF6C00; left:0; top:42%; transform:translate(0, 0);}
.openquestion{display:block}

@media only screen and (max-width:767px) {
	.question-box { font-size:16px!important; padding:8px 30px 10px 10px!important; margin-bottom:5px!important; border-top-right-radius:6px!important; border-bottom-right-radius:6px!important; line-height:22px!important;}	
	.question-box:after{ content:'+'!important; position:absolute; top:18px!important; right:15px!important; font-size:20px!important; line-height:20px!important; height:25px!important; width:25px!important; border-radius:50%; transform:translate(10px, -50%);}
	.answer-box{ padding:15px!important;}
}
@media only screen and (min-width:768px) and (max-width:1450px) {
	.question-box { border-top-right-radius:6px!important; border-bottom-right-radius:6px!important; line-height:30px!important;}	
	.question-box:after{ content:'+'!important; position:absolute; top:25px!important; right:15px!important; font-size:24px!important; line-height:30px!important; height:36px!important; width:36px!important; border-radius:50%; transform:translate(10px, -50%);}
	.answer-box{ padding:15px!important;}
}
@media only screen and (min-width:319px) and (max-width:639px) {
	.featuresection .one-sixth{width:48.50%; margin-right:3%; margin-bottom:30px; float:left;}
	.featuresection .one-sixth:nth-child(2n){margin-right:0}
	.featuresection .margin3{margin-right:0!important}
	.odd-row, .even-row{flex-direction:column!important;}
	.odd-row .width50, .even-row .width50 { width:100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin:0 auto 0 auto!important}
	.odd-content, .even-content{padding:15px!important;}
	.odd-content h2, .even-content h2{margin-bottom:15px!important;}
	.odd-content h2:before, .even-content h2:before{width:25px; top:-8px}
}
@media only screen and (min-width:360px) and (max-width:800px) {
	.featuresection .one-sixth{width:31.33%; margin-right:3%; margin-bottom:30px; float:left;}
	.featuresection .one-sixth:nth-child(3n){margin-right:0}
}

@media only screen and (min-width:480px) and (max-width:979px) {
	.odd-row, .even-row{flex-direction:column!important;}
	.odd-row .width50, .even-row .width50 { width:100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin:0 auto 0 auto!important}
	.odd-content, .even-content{padding:15px!important;}
	.odd-content h2, .even-content h2{margin-bottom:15px!important;}
	.odd-content h2:before, .even-content h2:before{width:25px!important; top:-8px!important}
}
@media only screen and (min-width:980px) and (max-width:1370px) {
	.oddevenwrap{display:flex; flex-direction:row; align-items:normal; justify-content:flex-start;}
	.odd-row, .even-row{width:50%; display:block!important}
	.odd-row .width50, .even-row .width50 { width:100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin:0 auto 0 auto!important}
	.odd-content, .even-content{padding:15px!important;}
	.odd-content h2, .even-content h2{margin-bottom:15px!important;}
	.odd-content h2:before, .even-content h2:before{width:25px!important; top:-8px!important}
}
@media only screen and (min-width:319px) and (max-width:639px) {
	.usp-container .one-fourth{margin-top:30px; width:48.50%!important; margin-right:3%!important; padding:25px 10px 0px 10px}	
	.usp-container .one-fourth:nth-child(2n){margin-right:0!important;}
	.cpqind-container .one-fifth{margin-top:30px; width:31.33%!important; margin-right:3%!important; padding:0 0 0 0; margin-bottom:0!important;}
	.cpqind-container .one-fifth:nth-child(3n){margin-right:0!important;}
	.cpqind-container { display:flex; margin:30px 0; flex-direction:row; width:100%; flex-flow:wrap; align-items:normal; justify-content:center;}
	.sm-width-100{width:100%; margin-bottom:15px;}
	.blockquote-right-img a img{max-width:70%}
	.blue-featuresection{padding:10px 15px 15px}
	.blue-featuresection .clearfix .one-fifth, .blue-featuresection .clearfix .one-fourth{width:100%!important;}
	.blue-featuresection .clearfix .one-fifth p:last-child, .blue-featuresection .clearfix .one-fourth p:last-child{margin-left:20px;}
	.headp{margin-bottom:5px;}
}
@media only screen and (min-width:640px) and (max-width:979px) {
	.blue-featuresection{padding:10px 15px 15px}
	.blue-featuresection .clearfix .one-fifth, .blue-featuresection .clearfix .one-fourth{width:48.50%!important; float:left; margin-right:3%}
	.blue-featuresection .clearfix .one-fifth:nth-child(2n), .blue-featuresection .clearfix .one-fourth:nth-child(2n){margin-right:0}
	.blue-featuresection .clearfix .one-fifth p:last-child, .blue-featuresection .clearfix .one-fourth p:last-child{margin-left:20px;}
	.headp{margin-bottom:5px;}
}

.bimpointswrap{ display:flex; flex-direction:row; align-items:normal; justify-content:center; margin:0px auto 15px auto}
.bimpoints{ border:1px solid rgba(24, 102, 157, 0.30); box-sizing:border-box; padding:10px 0px;}
.bimpointshead{ font-size:20px; line-height:30px; margin-bottom:0; position:relative; background:#18669d; color:#fff; width:100%; padding:10px 15px; box-sizing:border-box; top:-10px; font-weight:400;}
.bimpoints span{ padding:0 15px; display:block; font-size:17px; line-height:25px; font-family:Calibri, sans-serif;}

@media only screen and (min-width:319px) and (max-width:639px) {
	.bimpointswrap{ flex-direction:column;}
	.bimpointswrap .one-fifth{width:100%!important}
}
@media only screen and (min-width:640px) and (max-width:800px) {
	.bimpointswrap{ flex-direction:row; flex-wrap:wrap;}
	.bimpointswrap .one-fifth{width:48.50%!important; margin-right:3%; margin-bottom:15px;}
	.bimpointswrap .one-fifth:nth-child(2n){margin-right:0}
}
@media only screen and (min-width:801px) and (max-width:1365px) {
	.bimpointswrap{ flex-direction:row; flex-wrap:wrap;}
	.bimpointswrap .one-fifth{width:31.33%!important; margin-right:3%; margin-bottom:15px;}
	.bimpointswrap .one-fifth:nth-child(3n){margin-right:0}
}

.videoblock{position:relative}
.ser_yt_video{ padding:10px; background-color:#fff; border:1px solid #e2e2e2; box-shadow:4px 4px 20px #ededed; box-sizing:border-box; display:block; max-width:94%; margin:0 auto; }

@media only screen and (min-width:319px) and (max-width:767px) {
   .videoblock{flex-direction: column-reverse;}
   .videoblock .width50{ width:100%; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
   .videoblock .width50:last-child{margin:0 0 0 0!important}
   .ser_yt_video{ height:282px; width:100%; max-width:100%; }
   .advantagesblock .width33{width:100%}
   .advantagesblock .width33 .blockquote-right-img{ width:auto; float:none; margin:0 auto; max-width:350px; height:auto;}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
   .videoblock{flex-direction:row;}
   .videoblock .width50:nth-child(1){ width:60%; -ms-flex:0 0 60%; flex:0 0 60%; max-width:60%; }
   .videoblock .width50:nth-child(2){ width:35%; -ms-flex:0 0 40%; flex:0 0 40%; max-width:40%; }
   .ser_yt_video{width:100%; height:400px;}
}

/*01062024*/
.sl2_introduction{position:relative;border-bottom:10px solid #02669d;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;padding-bottom:40px;margin-bottom:40px;}
.sl2_intro_content{position:relative;display:block;width:65.67%;margin-right:3%;font-family:'Source Sans 3', sans-serif;}
.sl2h2{font-size:clamp(30px, 8vw, 50px)!important;color:#023A51;line-height:1;letter-spacing:-1px;display:block;margin:0 auto 35px;font-weight:300;font-family:'Source Sans 3', sans-serif;}
.sl2_intro_thumb{width:31.33%;position:relative;height:auto;}
.sl2_intro_thumb_container{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;object-fit:cover;object-position:center;border:10px solid #edf2fa;border-radius:8px;box-shadow:4px 4px 10px 2px rgb(0 0 0 / 25%);}
.sl2_intro_thumb_container img{display:block;position:relative;object-fit:cover;object-position:center;}
.sl2_service_offerings{box-sizing:border-box;position:relative;padding:50px;margin:50px -50px;background:#e9e9e9;}
.sl2_services_wrap{box-sizing:border-box;position:relative;margin-bottom:30px}
.sl2_services_wrap ul{position:relative;display:flex;flex-direction:row;align-items:normal;justify-content:flex-start;flex-wrap:wrap;list-style:none;margin:0 auto;}
.sl2_services_wrap ul li{position:relative;text-rendering:optimizeLegibility;flex-grow:1;padding:35px 40px;background:#fff;box-shadow:0 2px 4px rgba(0, 0, 0, .075);border-radius:5px;word-break:break-word;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(33.33333333333333% - 4px);max-width:calc(33.33333333333333% - 4px);box-sizing:border-box;margin:2px;border:1px solid #f5f5fa;}
.sl2_services_wrap ul li span{font-size:18px;font-weight:400;line-height:24px;color:#000046;font-family:'Source Sans 3', sans-serif;}
.sl2_services_wrap ul li svg{width:24px;height:24px;margin-right:15px;}
.sl2_services_wrap ul li:hover {box-shadow:0 30px 45px -30px rgba(38, 44, 55, .1), 0 50px 70px -20px rgba(38, 44, 55, .1);z-index:2;}
.sl2_cs_container{position:relative;padding:30px 0;}
.sl2_cs_wrap{position:relative;display:flex;flex-direction:row;align-items:normal;justify-content:center;flex-wrap:wrap;}
.sl2csbox{position:relative;height:auto;width:33.33%;padding:0 10px;box-sizing:border-box;}
.sl2csbox a{display:block;width:100%;height:100%;}
.sl2csbox_wrap{background:#fff;padding:25px 15px;border:1px solid #d9d9d9;border-radius:6px;height:100%;box-shadow:0 0 12px 2px rgb(0 0 0 / 13%);box-sizing:border-box;display:block;position:relative;width:100%;}
.sl2csbox_wrap img{display:block;width:100%;height:auto;}
.sl2csbox_wrap h3{font-size: 18px; color: #282826; line-height: 1.4; border-top: 1px solid #e3e3eb; padding-top: 20px; margin-top: 20px; display: block; font-weight: 400; text-align: center; margin-bottom: 0;}
.sl2_advantages{position:relative;margin:35px auto;}
.sl2_advantages_wrap{position:relative;display:flex;flex-direction:row;align-items:normal;justify-content:center;flex-wrap:wrap;}
.sl2_advantage_box{height:auto;padding:20px;box-sizing:border-box;border:1px solid #007abd;border-bottom:5px solid #007abd;border-radius:9px;margin:0 10px;text-align:center;}
.sl2_advantages_wrap.fivepoints .sl2_advantage_box{width:calc(100% / 5 - 20px);}
.sl2_advantage_box p.sl2_advantage_heading{font-size:clamp(18px, 8vw, 22px) !important;color:#023A51;line-height:1;display:block;margin:0 auto 25px;font-weight:700;font-family:'Source Sans 3', sans-serif;}
.sl2_advantage_box p{font-size:clamp(16px, 8vw, 18px) !important;color:#023A51;line-height:1.3;display:block;margin:0 auto 0;font-weight:400;font-family:'Source Sans 3', sans-serif;}
.bimpoints{background:#ffffff; margin-bottom:20px}

@media only screen and (min-width:200px) and (max-width:479px) {
    .sl2_introduction{flex-direction:column-reverse; padding:20px 20px 30px 20px;margin-bottom:30px;}
    .sl2_intro_content{width:100%; margin:20px auto 0 auto;}
    .sl2_intro_thumb{width:100%}
    .sl2_service_offerings{padding: 20px;margin: 0 -20px;}
    .sl2_services_wrap ul{flex-direction: column;}
    .sl2_services_wrap ul li{padding: 15px 20px;width: calc(100% - 4px);max-width: calc(100% - 4px);}
    .sl2_services_wrap ul li svg{width: 20px;height: 20px;}
    .sl2_cs_wrap{flex-direction: column;}
    .sl2csbox{width: 100%;margin-bottom: 15px;}
    .sl2csbox_wrap{padding: 15px;}
    .sl2csbox_wrap img{max-width: 250px;margin: 0 auto;}
    .sl2csbox_wrap h3{font-size: 18px;}
    .bimpointswrap .one-fourth{width:100%; margin-right:0; margin-bottom:30px;}
    .sl2_advantages_wrap.fivepoints .sl2_advantage_box{width:100%;}
}
@media only screen and (min-width:480px) and (max-width:639px) {
    .sl2_introduction{flex-direction:column-reverse; padding:20px 20px 30px 20px;margin-bottom:30px;}
    .sl2_intro_content{width:100%; margin:20px auto 0 auto;}
    .sl2_intro_thumb{width:100%}
    .sl2_intro_thumb_container, .sl2csbox_wrap img{max-width:350px;margin: 0 auto;}
    .sl2_service_offerings{padding: 20px;margin: 0 -20px;}
    .sl2_services_wrap ul{flex-direction:row;}
    .sl2_services_wrap ul li{padding: 15px 20px;width: calc(50% - 4px);max-width: calc(50% - 4px);}
    .sl2_services_wrap ul li svg{width: 20px;height: 20px;}
    .sl2_cs_wrap{flex-direction:row;}
    .sl2csbox{width: calc(50% - 4px);max-width: calc(50% - 4px);margin-bottom: 15px;}
    .sl2csbox_wrap{padding:20px;}
    .sl2csbox_wrap h3{font-size:20px;}
    .sl2_advantages_wrap.fivepoints .sl2_advantage_box{width:calc(50% - 10px);max-width:calc(50% - 10px);margin:0 5px 5px;}
	.bimpointswrap.bimfourpoints{flex-direction:row}
	.bimpointswrap .one-fourth{width:48.50%!important; margin-right:3%; margin-bottom:15px;}
	.bimpointswrap .one-fourth:nth-child(2n){margin-right:0}    
}
@media only screen and (min-width:640px) and (max-width:767px) {
    .sl2_introduction{flex-direction:column-reverse; padding:20px 20px 30px 20px;margin-bottom:30px;}
    .sl2_intro_content{width:100%; margin:20px auto 0 auto;}
    .sl2_intro_thumb{width:100%}
    .sl2_intro_thumb_container, .sl2csbox_wrap img{max-width:350px;margin:0 auto 0 0;}
    .sl2_service_offerings{padding: 20px;margin: 0 -20px;}
    .sl2_services_wrap ul{flex-direction:row;}
    .sl2_services_wrap ul li{padding: 15px 20px;width: calc(33.33% - 4px);max-width: calc(33.33% - 4px);}
    .sl2_services_wrap ul li svg{width: 20px;height: 20px;}
    .sl2_cs_wrap{flex-direction:row;}
    .sl2csbox{width: calc(50% - 4px);max-width: calc(50% - 4px);margin-bottom: 15px;}
    .sl2csbox_wrap{padding:20px;}
    .sl2csbox_wrap h3{font-size:20px;}
    .sl2_advantages_wrap.fivepoints .sl2_advantage_box{width:calc(33.33% - 10px);max-width:calc(33.33% - 10px);margin:0 5px 5px;}
	.bimpointswrap.bimfourpoints{flex-direction:row}
	.bimpointswrap .one-fourth{width:31.33%!important; margin-right:3%; margin-bottom:15px;}
	.bimpointswrap .one-fourth:nth-child(3n){margin-right:0}
}
@media only screen and (min-width:768px) and (max-width:979px) {
    #innerwrapper{padding: 15px 10px;}
    .sl2_introduction{padding:20px 20px 30px 20px;margin-bottom:30px; align-items:flex-start}
    .sl2_intro_thumb_container, .sl2csbox_wrap img{max-width:350px;margin:0 auto 0 0;}
    .sl2_service_offerings{padding: 20px;margin: 0 -20px;}
    .sl2_services_wrap ul{flex-direction:row;}
    .sl2_services_wrap ul li{padding: 15px 20px;width: calc(33.33% - 4px);max-width: calc(33.33% - 4px);}
    .sl2_services_wrap ul li svg{width: 20px;height: 20px;}
    .sl2_cs_wrap{flex-direction:row;}
    .sl2csbox{width: calc(33.33% - 4px);max-width: calc(33.33% - 4px);margin-bottom: 15px;}
    .sl2csbox_wrap{padding:20px;}
    .sl2csbox_wrap h3{font-size:20px;}
    .sl2_advantages_wrap.fivepoints .sl2_advantage_box{width:calc(33.33% - 10px);max-width:calc(33.33% - 10px);margin:0 5px 5px;}
	.bimpointswrap.bimfourpoints{flex-direction:row}
	.bimpointswrap .one-fourth{width:31.33%!important; margin-right:3%; margin-bottom:15px;}
	.bimpointswrap .one-fourth:nth-child(3n){margin-right:0}
}
@media only screen and (min-width:980px) and (max-width:1250px) {
    #innerwrapper{padding:30px 50px 50px!important;}
    .sl2_introduction{align-items:flex-start}
    .sl2_services_wrap ul{flex-direction:row;}
    .sl2_services_wrap ul li{padding: 15px 20px;width: calc(33.33% - 4px);max-width: calc(33.33% - 4px);}
    .sl2_services_wrap ul li svg{width: 20px;height: 20px;}
    .sl2_cs_wrap{flex-direction:row;}
    .sl2csbox{width: calc(33.33% - 4px);max-width: calc(33.33% - 4px);margin-bottom: 15px;}
    .sl2csbox_wrap{padding:20px;}
    .sl2csbox_wrap h3{font-size:20px;}
    .sl2_advantages_wrap.fivepoints .sl2_advantage_box{width:calc(33.33% - 10px);max-width:calc(33.33% - 10px);margin:0 5px 5px;}
	.bimpointswrap.bimfourpoints{flex-direction:row}
}
@media only screen and (min-width:1251px) and (max-width:1450px) {
    .sl2_services_wrap ul li{padding:20px 25px;width: calc(25% - 4px);max-width: calc(25% - 4px);}
    .sl2_services_wrap ul li svg{width: 20px;height: 20px;}
    .sl2_cs_wrap{flex-direction:row;}
    .sl2csbox{width: calc(33.33% - 4px);max-width: calc(33.33% - 4px);margin-bottom: 15px;}
}

/*24092024*/
.software_wrap{position:relative;display:flex;flex-direction:row;align-items:normal;justify-content:center;flex-wrap:wrap;margin:20px auto}
.software_wrap .swlogocell{position:relative;display:block;border-width:1px;border-style:dashed;border-color:#b5b5b5;padding:10px 15px;width:calc(25% - 32px);height:auto;object-fit:cover;object-position:center center;}
.software_wrap .swlogocell img{position:relative;display:block;height:auto;object-fit:cover;object-position:center center;width:100%}

.software_wrap.threelogo .swlogocell{width:calc(33.33% - 32px);}
.software_wrap.threelogo .swlogocell img{max-width:150px; margin:0 auto}
	
.boxser_offerings{position:relative;background:#F6F7F7;padding:50px;margin:0 -50px}
.boxser_offerings_head{position:relative;text-align:center}
.boxser_offerings_wrap{position:relative;display:flex;flex-direction:row;align-items:normal;justify-content:center;flex-wrap:wrap;margin:40px auto}
.ser_offering_box{position:relative;height:auto;flex:1 1 auto;max-width:calc(33.33% - 14px);margin:0 10px}
.ser_offering_box:first-child{margin-left:0}
.ser_offering_box:last-child{margin-right:0}
.ser_offering_box_wrap{background-color:#FFFFFF;box-shadow:6px 6px 25px -9px rgba(0, 0, 0, 0.22);border-radius:10px 10px 10px 10px;padding:22px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:wrap;height:100%;box-sizing:border-box;text-align:center}
.seroffering-icon{height:100px;width:100px;padding:5px;background:#133053;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;border-radius:50%;margin:0 auto 30px;box-sizing:border-box;object-fit:cover;object-position:center center}
.seroffering-icon img{display:block;height:auto;width:60px;filter:invert(100) grayscale(1)}
.ser_offering_box_wrap h3{color:#101517;letter-spacing:-1px;font-weight:500;font-family:'Source Sans 3', sans-serif;font-size:clamp(20px, 8vw, 26px)!important;line-height:normal;margin-bottom:0;display:block;margin-top:0}
.ser_offering_box_wrap p{color:#101517;margin:0 auto 0;font-weight:400;font-family:'Source Sans 3', sans-serif;font-size:17px;line-height:27px;margin-bottom:0;display:block;margin-top:0}
	
@media only screen and (min-width:359px) and (max-width:574px){
	.software_wrap .swlogocell{width:calc(33.33% - 31px)}
	.boxser_offerings{margin:0 -20px; padding:25px;}
	.boxser_offerings_wrap{margin-top:0; flex-direction:column; gap:15px; margin-bottom:10px}
	.ser_offering_box{max-width:100%;margin:0 auto}
	.advantagesblock .width33{margin-top:30px}
}
@media only screen and (min-width:575px) and (max-width:767px){
	.boxser_offerings{margin:0 -20px; padding:35px;}
	.boxser_offerings_wrap{margin-top:0;margin-bottom:10px}
	.ser_offering_box{max-width:calc(50% - 15px); margin-bottom:15px}
}
@media only screen and (min-width:768px) and (max-width:979px){
	.bimpointswrap .one-fourth{width:48.50%!important; margin-right:3%; margin-bottom:15px;}
	.bimpointswrap .one-fourth:nth-child(3n){margin-right:3%;}
	.bimpointswrap .one-fourth:nth-child(2n){margin-right:0;}
	.bimpointswrap .one-fourth:nth-child(3), .bimpointswrap .one-fourth:nth-child(4){margin-bottom:0!important}
}

/*16052025*/
.btn-primary-fill, .btn-primary-border, .btn-secondary-fill, .btn-secondary-border{z-index:1}
h2.h2{font-size:clamp(28px, 8vw, 42px)!important;color:#012539;line-height:1.2;font-family:"Source Sans 3", sans-serif;font-weight:800;margin-bottom:18px}
.serviceofferingsbar{padding:clamp(15px, 8vw, 30px) clamp(25px, 8vw, 50px);background:#f5f0f0;box-sizing:border-box;margin:60px auto 0px}
.bluebullet{list-style:none;position:relative}
.bluebullet li{display:flex;width:100%;margin-bottom:11px}
.bluebullet li svg{background-color:#007abd;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:8px;height:8px;margin-top:4px;margin-right:6px;border-radius:100%;padding:5px}
.bluebullet li svg polyline{fill:none;stroke:#ffffff;stroke-miterlimit:10;stroke-width:1.5px}
.bluebullet li p{align-self:center;color:#262628;font-family:"Source Sans 3", sans-serif;font-weight:400;margin-bottom:0;line-height:1.6}
.logo-container{width:100%;padding:20px;margin:20px auto;box-sizing:border-box;position:relative;border-radius:5px;background:linear-gradient(180deg, #edf2fa, transparent);border-top:1px solid #d3e3fd}
.logo-container p{font-size:clamp(40px, 8vw, 50px);color:#023A51;line-height:1;letter-spacing:-1px;display:block;margin:0 auto 15px;font-weight:300;text-align:center;font-family:'Source Sans 3', sans-serif}
.logo-container p span{font-weight:700}
.logo-wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;max-width:100%}
.client-logo{background:#fff;height:auto;object-fit:cover;object-position:center;padding:15px;border:1px solid #d3e3fd;border-radius:5px;border-bottom:5px solid #e7f0ff;box-shadow:6px 6px 9px 3px rgb(0 0 0 / 7%);box-sizing:border-box;position:relative;display:block;flex:1 1 auto;margin:10px;transition:box-shadow .3s ease;overflow:hidden}
.indicon{margin:0 auto 10px;border:1px solid #d3e3fd;width:80px;height:80px;object-fit:cover;object-position:center;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;border-radius:50%;overflow:hidden;padding:15px;background:#ffffff;box-sizing:border-box}
.indicon img{display:block;width:100%;height:auto;object-fit:cover;object-position:center center}
.flex-start{align-items:flex-start}
.whitebox-wrap{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:15px}
.whitebox{width:100%;padding:15px;height:auto;background:linear-gradient(180deg, #ffffff, transparent);border-radius:15px;box-sizing:border-box}
.whitebox h3{font-size:clamp(20px, 8vw, 22px)!important;color:#012539;line-height:1.2;font-family:"Source Sans 3", sans-serif;font-weight:600;margin-bottom:18px;}
@media (max-width:573px){
.logo-wrapper{justify-content:center}
.client-logo{max-width:calc(50% - 20px)}
.bimpointswrap{margin-top:30px}
.bimfourpoints .one-fourth.bimpoints{width:100%!important; margin-right:0!important; margin-bottom:15px!important;}
}
@media (min-width:574px) and (max-width:800px){.client-logo{max-width:calc(33.33% - 20px)}}
@media (min-width:801px) and (max-width:1023px){.client-logo{max-width:calc(25% - 20px)}}
@media (min-width:1024px){.client-logo{max-width:calc(16.66666666666667% - 20px)}}