@charset "utf-8";
/*
Theme Name: Hi-Tech CADD Services
Theme URI: https://www.hitechcaddservices.com/
Author: Bhargav Joshi
Author URI: http://hitechos.com/
Text Domain: hitechcaddservices.com
Version: 2.0
*/

/* ========== THEME RESET ========== */
*, *::before, *::after, *:before, *:after{ margin:0; padding:0; -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}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, hr, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{ background:transparent; border:0; margin:0; padding:0; vertical-align:baseline; outline:0; }

html, body{ height:100%; margin:0!important; background:#fff; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-transition:all 1.3s ease-out; -moz-transition:all 1.3s ease-out; -o-transition:all 1.3s ease-out; -ms-transition:all 1.3s ease-out; transition:all 1.3s ease-out; }

button, input, select, textarea{ font-family:BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; margin:0; }

ul{ list-style:none; }
img,embed,iframe,object,video{ vertical-align:middle; border-style:none; max-width:100%; height:auto; width:auto; border:0; }
ul, ol{ margin:0; padding:0; list-style:none; }
hr{ margin-top:1rem;  margin-bottom:1rem;  border:0;  border-top:1px solid rgba(0, 0, 0, 0.1);  box-sizing:content-box;  height:0;  overflow:visible; }
audio, canvas, progress, video{display:inline-block; vertical-align:baseline; }

/* ========== BODY ========== */
body{ font-family:Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:18px; line-height:1.7; margin:0; font-weight:400; color:#303037; overflow-y:scroll; overflow-x:hidden!important; -webkit-font-smoothing:antialiased; }
@media (max-width:1199px){ body{ font-size:16px } }

address, blockquote, dd, dl, fieldset, form, ol, p, pre, table{ margin-bottom:14px; font-style:normal }
b, strong{ font-weight:900; }
blockquote{ margin:0; padding:0; border:none; }

a, p a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .process-head a{ color:#007abd; text-decoration:none; cursor:pointer; -webkit-transition:color .3s ease-in-out; -moz-transition:color .3s ease-in-out; -o-transition:color .3s ease-in-out; -ms-transition:color .3s ease-in-out; transition:color .3s ease-in-out; line-height:normal; }

a:hover, p a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .process-head a:hover{ text-decoration:underline }


/* ========== ELEMENTS & USABILITY ========== */
.overflow-auto{ overflow:auto!important }
.overflow-hidden{ overflow:hidden!important }
.position-static{ position:static!important }
.position-relative{ position:relative!important }
.position-absolute{ position:absolute!important }
.position-fixed{ position:fixed!important }

.mt50{ margin-top:50px; }
.mt30{ margin-top:30px; }
.mb50{ margin-bottom:50px; }
.mb30{ margin-bottom:30px; }
.sectionspace{ padding:60px 0; }

.small{ font-size:14px; line-height:1 }
.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 }
.text-justify{ text-align:justify!important }
.text-wrap{ white-space:normal!important }
.text-nowrap{ white-space:nowrap!important }
.text-truncate{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.text-left{ text-align:left!important }
.text-right{ text-align:right!important }
.text-center{ text-align:center!important }
.marginauto{ margin:0 auto!important }
.text-lowercase{ text-transform:lowercase!important }
.text-uppercase{ text-transform:uppercase!important }
.text-capitalize{ text-transform:capitalize!important }
.text-italic{ font-style:italic!important }
.text-white{ color:#fff!important }

.rounded-0{ border-radius:0!important }
.btn{ text-align:center; -webkit-transition:all .4s ease; transition:all .4s ease; -webkit-transform:translateZ(0); transform:translateZ(0); cursor:pointer; padding:15px 45px 17px; text-decoration:none; display:inline-block;}
.btn:hover{text-decoration:underline}
.btn-border-orange{color:#ef6c00; text-transform:uppercase; border:1px solid #ef6c00; background:#fff; border-radius:4px; font-weight:400; font-size:16px; }
.btn-border-orange:hover{color:#fff; border:1px solid #ef6c00; background:#ef6c00; }
.btn-border-white{ color:#ffffff; font-size:24px; border:solid 1px #ffffff; }
.btn-border-white:hover{ background-color:#fff; color:#000; }
.btn-big-orange{border:2px solid #cc471d; background:#cc471d; border-radius:5px; font-weight:normal; font-size:24px; color:#fff; }
.btn-big-blue{border:2px solid #fff; background:#007abd; border-radius:5px; font-weight:900; font-size:24px; color:#fff;}
.btn-border-blue{color:#007abd; border:1px solid #007abd; background:#fff; border-radius:4px; font-weight:400; font-size:18px; }
.btn-border-blue:hover{color:#fff; background:#007abd;}
.cta-blue{ background:linear-gradient(-45deg, rgb(1, 73, 113) 0%, rgb(0, 122, 189) 100%); display:-webkit-box; display:flex; -webkit-box-pack:center; justify-content:center; -webkit-box-align:center; align-items:center; overflow:hidden; position:relative; margin:5px auto; }
.cut{height:100%; width:100%; min-height:100%; position:absolute; right:0; top:0; background:url(images/homealt/bg-cut.png) 100% 0 no-repeat; background-size:contain; z-index:2; background-blend-mode:overlay; mix-blend-mode:overlay; opacity:.2; }

.cta-blue .row{z-index:12}
.cta-blue .row p{margin-bottom:0}
.ctatitle{ font-size:65px; font-weight:900; line-height:normal; margin-bottom:0 }
@media only screen and (max-width:359px){
.btn{letter-spacing:0; line-height:normal; padding:10px 15px!important; border-radius:4px;}
.btn-big-orange, .btn-big-blue{border-bottom-width:1px!important; font-size:17px!important; font-weight:600}	
}


/* ========== DISPLAY & ALIGNMENT ========== */
.d-none{ display:none!important }
.d-inline{ display:inline!important }
.d-inline-block{ display:inline-block!important }
.d-block{ display:block!important }
.d-table{ display:table!important }
.d-table-row{ display:table-row!important }
.d-table-cell{ display:table-cell!important }
.d-flex{ display:-ms-flexbox!important; display:flex!important }
.d-inline-flex{ display:-ms-inline-flexbox!important; display:inline-flex!important }
.flex-column{ -ms-flex-direction:column!important; flex-direction:column!important }
.flex-row{ -ms-flex-direction:row!important; flex-direction:row!important }
.align-content-center{ -ms-flex-line-pack:center!important; align-content:center!important }
.align-self-center{ -ms-flex-item-align:center!important; align-self:center!important }
.align-items-center{ -ms-flex-align:center!important; align-items:center!important }
.justify-content-center{ -ms-flex-pack:center!important; justify-content:center!important }


/* ========== WIREFRAME ========== */
.one-half, .one-third, .two-third, .one-fourth, .one-fourth, .one-fifth, .one-sixth, .width25, .width33, .width50, .width66, .width75{ position:relative; }
.container, .fluid-wrapper, .wrapper{ -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; }
.no-gutters{ margin-right:0; margin-left:0 }
.no-gutters > .col, .no-gutters > [class*=col-]{ padding-right:0; padding-left:0 }
.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% }
.container{ width:100%; margin:0 auto; position:relative }
.fluid-wrapper{ width:80%; margin:0 auto; position:relative; max-width:1600px; }
.wrapper{ position:relative; float:none; width:1220px; margin:0 auto; }
.width33{ width:33.33333%; -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333% }
.width40{ width:40%; -ms-flex:0 0 40%; flex:0 0 40%; max-width:40% }
.width50{ width:50%; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% }
.width60{ width:60%; -ms-flex:0 0 60%; flex:0 0 60%; max-width:60% }
.width75{ width:75%; -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% }
.width85{ width:85%; -ms-flex:0 0 85%; flex:0 0 85%; max-width:85% }
.width100{ width:100%; -ms-flex:0 100%; flex:0 0 100%; max-width:100% }
.width25{ width:25%; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% }
.widthauto{ width:auto }
.fullwidth{ width:100%; }
.one-half{ width:48.5%; -ms-flex:0 0 48.5%; flex:0 0 48.5%; max-width:48.5% }
.one-third{ width:31.333333%; -ms-flex:0 0 31.333333%; flex:0 0 31.333333%; max-width:31.333333% }
.one-fourth{ width:22.75%; -ms-flex:0 0 22.75%; flex:0 0 22.75%; max-width:22.75% }
.one-fifth{ width:17.6%; -ms-flex:0 0 17.6%; flex:0 0 17.6%; max-width:17.6% }
.one-sixth{ width:14.166667%; -ms-flex:0 0 14.166667%; flex:0 0 14.166667%; max-width:14.166667% }
.two-third{ width:65.6666667%; -ms-flex:0 0 65.6666667%; flex:0 0 65.6666667%; max-width:65.6666667% }
.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%; }
.height100{ height:100% }


/* ========== LISTING ========== */
.blueul{ list-style:none; margin-bottom:25px; }
.blueul li{ position:relative }
.blueul li a{ color:#007abd }
.blueul li:before{ content:''; background:url("images/homealt/blue-bullet.svg") no-repeat left top; height:15px; width:15px; position:relative; display:inline-block; top:2px; margin-right:10px }


/* ========== HEADINGS ========== */
h1, h2, h3, h4, h5, h6, .process-head{ color:#0f192d; letter-spacing:-1px; font-weight:400; line-height:1.5; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .process-head span{}
h1{ font-size:60px; }
h2{ font-size:50px; }
h3{ font-size:40px; }
h4{ font-size:30px; }
h5{ font-size:24px; }
h6{ font-size:20px; }
@media (max-width:1199px){
	h1{ font-size:40px; }
	h2{ font-size:36px; }
	h3{ font-size:32px; }
	h4{ font-size:28px; }
	h5{ font-size:24px; }
	h6{ font-size:20px; }
}
@media (max-width:991px){
	h1{ font-size:40px; }
	h2{ font-size:36px; }
	h3{ font-size:32px; }
	h4{ font-size:28px; }
	h5{ font-size:24px; }
	h6{ font-size:20px; }
}
@media (max-width:767px){
	h1, h2, h3, h4, h5, h6{ word-wrap:break-word }
	h1{ font-size:40px; }
	h2{ font-size:36px; }
	h3{ font-size:32px; }
	h4{ font-size:28px; }
	h5{ font-size:24px; }
	h6{ font-size:20px; }
}
@media (max-width:575px){
	h1, h2, h3, h4, h5, h6{ word-wrap:break-word }
	h1{ font-size:38px; }
	h2{ font-size:34px; }
	h3{ font-size:30px; }
	h4{ font-size:26px; }
	h5{ font-size:22px; }
	h6{ font-size:18px; }
}
@media (max-width:440px){
	h1, h2, h3, h4, h5, h6{ word-wrap:break-word }
	h1{ font-size:30px; }
	h2{ font-size:28px; }
	h3{ font-size:24px; }
	h4{ font-size:22px; }
	h5{ font-size:20px; }
	h6{ font-size:18px; }
}


/* ========== HOMEPAGE : BANNER ========== */
#home-banner{height:600px; background:#000 url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/homealt/home-banner.webp) no-repeat center top; object-fit:cover; background-size:cover;}
#home-banner:after{content:''; background:rgba(0, 0, 0, 0.6); width:100%; position:absolute; top:0; bottom:0; left:0; right:0; height:100%}
#home-banner .wrapper{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-content:center; height:inherit; text-align:center; color:#FFF; z-index:2}
#home-banner .wrapper p{font-size:22px; line-height:32px; font-family:inherit, sans-serif; font-size-adjust: 0.5;}
#home-banner::before{content:""; width:100%; position:absolute; top:0; bottom:0; left:0; right:0; background:/*url(images/homealt/overlay-pattern.png)*/ rgba(0,0,0,.05); z-index:1; height:100%; }
.bannertxt{color:#fff; font-size:72px; line-height:1; margin-bottom:10px; font-weight:300; letter-spacing:-3px; font-family:inherit, sans-serif; font-size-adjust: 0.5; }
.bannertxt span{font-weight:900; color:#FFF;font-family:inherit, sans-serif; font-size-adjust: 0.5;}
#home-banner  .orange-button{margin-top:25px; display:inline-block; font-family:inherit, sans-serif; font-size-adjust: 0.5;}

#homemore{height:50px; width:50px; border-radius:50%; background:#fff; display:inline-block; position:absolute; left:50%; bottom:-4.5%; z-index:3; padding:14px; text-align:center; box-shadow:0px 0px 29px rgba(0, 0, 0, 0.47); box-sizing:border-box; /*-webkit-animation:pulse 1.0s linear infinite; -moz-animation:pulse 1.0s linear infinite; -ms-animation:pulse 1.0s linear infinite;-o-animation:pulse 1.0s linear infinite; animation:pulse 1.0s linear infinite;*/ transform:translate(-50%, -4.5%)}
#homemore img, #homemore svg{max-height:18px; position:relative; top:0}
@media screen and (max-width:768px){
	#homemore{height:50px; width:50px; padding:14px;}
}
#videcontainer{ position:absolute; width:100%; height:600px; overflow:hidden; top:0; right:0; left:0; background-color:rgb(0, 0, 0); }
#videcontainer video, #videcontainer img, #videcontainer picture{ width:100%; height:100%; position:absolute; top:0; left:0; opacity:.5; }

/*
@-webkit-keyframes pulse{ 0%{box-shadow:0 0 0 0 rgba(0, 0, 0, 0.06)} 70%{box-shadow:0 0 0 10px rgba(0, 0, 0, 0.04);} 100%{box-shadow:0 0 0 0 rgba(0, 0, 0, 0.01);}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0, 0, 0, 0.4);} 70%{box-shadow:0 0 0 10px rgba(0, 0, 0, 0.01);} 100%{box-shadow:0 0 0 0 rgba(0, 0, 0, 0.01);}}
*/

/* ========== HOMEPAGE : INTRODUCTION ========== */
.homeintro{padding:60px 0 0 0}
.homeintro h2{line-height:1.3; margin-bottom:40px}
.home-intro{background:#f8f9fb /*url("images/homealt/intro-back.svg") no-repeat right bottom fixed; background-size:cover*/; padding:90px 0}
.home-intro h2{letter-spacing:-2px; font-size:50px; color:#252B33; font-weight:900; line-height:65px; margin-bottom:40px}
.home-intro .bigline{font-size:20px; margin-top:32px; font-weight:600; font-style:normal; text-transform:none; color:#323a45;}
.home-intro p{color:#313131; margin-bottom:30px}


/* ========== HOMEPAGE : VERTICLES ========== */
.verticals{margin-top:40px;}
.verticals .width25{padding:55px 25px; border-right:1px solid #ccc}
.verticals .width25:last-child{border-right:none}
.verticals .width25 img{max-width:250px; margin-bottom:40px}

/* ========== HOMEPAGE : EXPERTISED ========== */
.expertised{padding:30px 0 60px 0}
.expertised h3 a{color:#0f192d}
.gradient-overlay{ height:100%; width:100%; background:linear-gradient(0deg, rgba(0, 0, 0, .90), transparent); top:0; position:absolute; left:0; right:0; bottom:0; overflow:hidden; z-index:0; }

/* ========== HOMEPAGE : USP ========== */
.usp-box{position:relative; padding:5px 16px 5px 75px; z-index:1; margin-bottom:25px; box-shadow:0 20px 40px rgba(27,30,78,0.15); display:flex!important; flex-direction:column; align-items:flex-start; justify-content:center; min-height:120px; font-size:16px; line-height:25px;}
.usp-box:before, .usp-box:after{content:''; height:1.5em; width:1.5em; position:absolute;}
.usp-box:before{border-bottom:1.2px solid #c6c6c6; border-left:1.2px solid #c6c6c6; left:0; bottom:0;}
.usp-box:after{border-top:1.2px solid #c6c6c6; border-right:1.2px solid #c6c6c6; right:0; top:0;}
.usp-box span{font-size:28px; margin:0 0 5px 0}
.exp, .countries, .projects, .client, .employees, .recurring-clients{background-color:rgba(255,255,255,0.8); background-repeat:no-repeat; background-position:left 10% top 50%}
.exp{background-image:url("images/homealt/usp-exp.svg")}
.countries{background-image:url("images/homealt/usp-countries.svg")}
.projects{background-image:url("images/homealt/usp-projects.svg")}
.client{background-image:url("images/homealt/usp-clients.svg")}
.employees{background-image:url("images/homealt/usp-employees.svg")}
.recurring-clients{background-image:url("images/homealt/usp-recurring-clients.svg")}
.client-testimonials{background-color:#113160; color:#fff; padding:30px; font-size:18px; border-top-right-radius:40px;}
.client-testimonials:after{width:0; height:0; border-left:40px solid transparent; border-right:0px solid transparent; border-bottom:40px solid #010f29; 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(255,255,255,0.2); line-height:normal;}
.client-details{position:absolute; margin-left:80px; margin-top:20px; font-size:20px; }


/* ========== HOMEPAGE : CASE STUDY ========== */
.home-cs{padding-top:60px}
.cs-container{margin:40px auto; overflow:hidden; }
.cscat{ background:#007abd; color:#ffffff; font-size:14px; text-transform:uppercase; padding:5px 10px; position:absolute; top:20px; left:20px; z-index:5; border:0.5px solid rgba(255, 255, 255, 0.5); }
.big-csbox, .small-cs{overflow:hidden;  box-sizing:border-box;}
.big-csbox img{height:500px}
.small-cs img{height:247.5px}
.big-csbox{margin:0 6px 0 0; }
.small-cs{margin:0 0 6px 0; }
.small-cs:last-child{margin-bottom:0}
.small-cs .hiddenpart, .big-csbox .hiddenpart{ position:absolute; width:100%; height:auto; bottom:-100%; left:0; opacity:0; }
.gradient-overlay{background:linear-gradient(to bottom,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.9) 90%); position:absolute; height:100%; width:100%; top:0; bottom:0; right:0; left:0; z-index:1; -webkit-transition:background 0.15s linear; transition:background 0.15s linear;  }
.cs-info{position:absolute; bottom:20px; z-index:5; color:#fff; left:20px; width:90%; }
.small-cs .cs-info{position:absolute; bottom:20px; z-index:5; color:#fff; left:20px; width:90%; -webkit-transition:all 0.25s ease-in-out; }
a.cstitle{ font-size:26px; line-height:36px; font-weight:600; width:90%; margin:0 0 15px 0; color:#fff; display:inline-block}
a.smallcstitle{ font-size:18px; line-height:28px; font-weight:600; width:100%; margin:0 0 0 0; color:#fff; }
.smallcs-container{display:flex; flex-direction:column}
.small-cs:hover .hiddenpart, .big-csbox:hover .hiddenpart{ bottom:-40px; overflow:inherit; opacity:1;}
.small-cs:hover .cs-info, .big-csbox:hover .cs-info{bottom:60px;}
.big-csbox:hover .gradient-overlay, .small-cs:hover .gradient-overlay{background-color:rgba(0, 122, 189, 0.79)}
.big-csbox , .small-cs, .small-cs .cs-info, .big-csbox .cs-info{-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}

.ourprojects{margin:0 5px}
.cs-container .bx-wrapper .bx-viewport{overflow:visible!important}
.cs-container .bx-wrapper .bx-viewport div[aria-hidden=true]{filter:grayscale(4)  opacity(0.2); margin:0 6px;}

.cs-container .bx-wrapper{margin-bottom:0}
.cs-container .bx-wrapper .bx-controls .bx-controls-direction{position:absolute; top:-90px; right:50px;}
.cs-container .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev, .cs-container .bx-wrapper .bx-controls .bx-controls-direction a.bx-next{margin:0 0 0 0 }
.cs-container .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev{height:44px; width:44px; background:url("images/homealt/icon-prev.svg") no-repeat center top; left:-40px;}
.cs-container .bx-wrapper .bx-controls .bx-controls-direction a.bx-next{height:44px; width:44px; background:url("images/homealt/icon-next.svg") no-repeat center top; right:-54px}

/* ========== HOMEPAGE : SERVICES ========== */
.greylightctabox{background-color:#f1f1f3; padding:50px 0;}
.greylightctabox .bluectahead{color:#303037; font-size:32px; line-height:1.2}
#greyctabox{background:#303037 url("images/homealt/bg-tb.png") !important; background-position:center !important; background-repeat:no-repeat !important; background-size:cover !important; padding:40px 0; color:#fff; font-size:22px; line-height:1.5; }
#greyctabox p{margin:0}
#bigcta{padding:100px 0}
.bigctahead{color:#303037; font-weight:900!important; font-size:55px!important; letter-spacing:-2px; line-height:1;}
#bigcta p{font-size:22px; font-weight:400}
#bigcta p a{color:#f88634;}
#bigcta .orange-button{font-size:36px; letter-spacing:0}
.greylightctabox .orange-button, #greyctabox .orange-button, #home-banner .orange-button{font-size:28px; letter-spacing:0px; padding:15px 25px; color:#ffffff }

/* ========== HOMEPAGE : FOOTER BRAND STRIP ========== */
.clients{margin:50px auto}
.clientbox{ width:calc(100% / 5); margin:0 auto; padding:30px 15px; box-sizing:border-box; text-align:center;}
.clientbox:nth-child(12){margin-right:0}
.clientbox img{ filter:grayscale(1); -webkit-filter:grayscale(1); /* Safari 6.0 - 9.0 */ transition:all 0.1s; opacity: .3;}
.clientbox:hover img{filter:grayscale(0); -webkit-filter:grayscale(0); opacity: 1;}


/* ========== HOMEPAGE : FOOTER BRAND STRIP ========== */
#footer-brand-strip{background-color:#2e2f35; height:90px; line-height:90px}
.tagline{margin-left:30px; border-left:1px solid #fff; padding-left:30px; line-height:30px}
.followline{margin-right:30px; border-right:1px solid #fff; padding-right:30px; line-height:normal}
.social-bar{list-style:none; margin-bottom:0!important; position:relative; top:0px;  line-height:normal}
.social-bar li{ display:inline-block; padding-left:0!important; margin:0 15px 0 0!important}
.social-bar li:last-child{ margin:0 0 0 0!important}
.social-bar li a{ display:block}
.social-bar li:before{display:none!important;}

@media only screen and (max-width:639px){
	#footer-brand-strip{height:auto; line-height:normal; padding:15px 0;}
	#footer-brand-strip .fluid-wrapper .fl {margin-bottom:20px;}
	#footer-brand-strip .fluid-wrapper .fl img{width:120px; height:auto; float:left;}
	.tagline { border-left:1px solid #fff; padding-left:15px; line-height:20px; float:left; width:calc(100% - 150px); margin:0 auto 0 20px; font-size:.825rem;}
	.followline{margin-right:0; padding-right:0; border-right:0; width:100%; float:none; margin-bottom:10px;}
	.social-bar{width:100%; float:none; top:0 }
	.social-bar li{ margin:0!important; width:40px;}
	.social-bar li a{display:block; padding:7.5px;}
	.social-bar li img{ height:auto; width:25px; margin:0 auto;}
}


@media only screen and (max-width:979px) {
	.greylightctabox{padding:20px; text-align:center}
	.greylightctabox .d-flex{flex-direction:column}
	.greylightctabox .bluectahead{font-size:24px;}
	.greylightctabox .width75{margin-bottom:0}
}

/* ========== HOMEPAGE : BXSLIDER ========== */
.bx-wrapper{position:relative;margin-bottom:60px;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;background:#fff}
.bx-wrapper img{max-width:100%;display:block}
.bxslider{margin:0;padding:0;-webkit-perspective:1000}
ul.bxslider{list-style:none}
.bx-viewport{-webkit-transform:translateZ(0);transform:translateZ(0); cursor:pointer}
.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}
.bx-wrapper .bx-loading{min-height:50px;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:600;color:#666;padding-top:20px}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}
.bx-wrapper .bx-pager-item{font-size:0;line-height:0}
.bx-wrapper .bx-prev{left:10px;background:url(images/homealt/controls2.png) 0 -32px no-repeat}
.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}
.bx-wrapper .bx-next{right:10px;background:url(images/homealt/controls2.png) -43px -32px no-repeat}
.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/homealt/controls2.png) -86px -11px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/homealt/controls2.png) -86px -44px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}

/* ========== HOMEPAGE : WHY HITECH ========== */
.service-adv{ height:auto; border:1px solid rgb(238, 244, 255); padding:20px; transition:background-color 0.2s ease 0s, color 0.2s ease 0s; border-radius:4px; -webkit-box-shadow:0 10px 20px -18px rgba(50,50,93,0.25), 0 9px 18px -9px rgba(0,0,0,0.3); box-shadow:0 10px 20px -18px rgba(50,50,93,0.25), 0 9px 18px -9px rgba(0,0,0,0.3); background:rgba(255, 255, 255, 0.45); }
p.service-adv-head{font-size:20px; font-weight:600; letter-spacing:-0.5px; border-bottom:0.5px solid #000; display:block; width:100%; margin-bottom:15px; line-height:normal; padding-bottom:15px; color:#000!important}
.service-adv p{color:#777}
.service-adv-container{background:#e6e8e9;}

/* Home Page Why Hitech Section*/
.why-section{ height:540px; width:1095px; margin:0 auto; position:relative; display:flex; flex-direction:row; align-content:center; justify-content:center; align-items:center; }
.hitech-emblem{ width:120px; height:120px; z-index:10; float:left; border:5px solid #dedede; background:#fff; border-radius:50%; display:flex; align-content:center; justify-content:center; align-items:center; margin-left:20px; overflow:hidden; padding:10px }
.hitech-emblem img{width:100%; height:auto}
.hitech-benefits{ width:calc(100% - 180px); float:left; }
.company-details{ align-content:space-between; align-items:center; justify-content:center; justify-items:center; justify-self:center; }
.point-circle{ width:40px; height:40px; border-radius:50%; float:left; margin-right:15px;
display:flex; align-items:center; justify-content:center; }
.dark-read-text{ color:#b33226 }
.dark-read{ background:#b33226 }
.dark-orange-text{ color:#9c5012 }
.dark-orange{ background:#9c5012 }
.dark-purple-text{ color:#016371 }
.dark-purple{ background:#016371 }
.dark-blue-text{ color:#2b5879 }
.dark-blue{ background:#2b5879 }
.dark-nevy-text{ color:#002060 }
.dark-nevy{ background:#002060 }
.dark-gray-text{ color:#2e2f35 }
.dark-gray{ background:#2e2f35 }
.ul-points{ margin-top:50px; list-style:none; }
.ul-points li{ font-size:17px; line-height:30px; position:absolute; height:60px; vertical-align:middle; }
.ul-points li img.software-logo{ border:1px solid #dedede; padding:5px; background:#fff;border-radius:4px; max-height:45px; vertical-align:middle }
.ul-points li:nth-child(1){ top:20px; left:175px; }
.ul-points li:nth-child(2){ top:108px; left:250px; }
.ul-points li:nth-child(3){ top:196px; left:290px; }
.ul-points li:nth-child(4){ top:284px; left:290px; }
.ul-points li:nth-child(5){ top:372px; left:245px; }
.ul-points li:nth-child(6){ top:460px; left:180px; }

.ul-points li:nth-child(1):before{ left:-60px; top:85px; transform:rotate(118deg); border:1px dashed #b33226; }
.ul-points li:nth-child(2):before{ left:-80px; top:64px; transform:rotate(140deg); border:1px dashed #9c5012; }
.ul-points li:nth-child(3):before{ left:-100px; top:40px; transform:rotate(162deg); border:1px dashed #016371; }
.ul-points li:nth-child(4):before{ left:-102px; top:10px; transform:rotate(190deg); border:1px dashed #2b5879; }
.ul-points li:nth-child(5):before{ left:-85px; top:-25px; transform:rotate(220deg); border:1px dashed #002060; }
.ul-points li:nth-child(6):before{ left:-62px; top:-46px; transform:rotate(244deg); border:1px dashed #9e9d9c; }
@media only screen and (min-width: 319px) and (max-width:479px){
	.ul-points li:nth-child(4) .dark-blue-text{display:block}
	.ul-points li img{max-height:35px!important;}
}

.ul-points li:nth-child(1):before, .ul-points li:nth-child(2):before, .ul-points li:nth-child(3):before, .ul-points li:nth-child(4):before, .ul-points li:nth-child(5):before, .ul-points li:nth-child(6):before{ content:""; position:absolute; width:100px; height:0; display:block; }

@media screen and (max-width:1170px){
	.wrapper{width:100%}
	.why-section{height:auto; width:100%; flex-direction:column}
	.hitech-benefits{width:100%}
	.ul-points li{position:static; height:auto; width:100%; font-size:16px; line-height:26px; margin-bottom:15px;}
	.ul-points li:nth-child(1), .ul-points li:nth-child(2), .ul-points li:nth-child(3), .ul-points li:nth-child(4), .ul-points li:nth-child(5), .ul-points li:nth-child(6){top:0; left:0}
	.ul-points li:nth-child(1):before, .ul-points li:nth-child(2):before, .ul-points li:nth-child(3):before, .ul-points li:nth-child(4):before, .ul-points li:nth-child(5):before, .ul-points li:nth-child(6):before{ display:none}
	.point-circle{margin-bottom:20px;}
	.hitech-emblem{margin:0 auto 25px auto; height:80px; width:80px;}
	
	.ul-points li:before, .ul-points li:after{ display:table; clear:both; content:""; line-height:0; }
	.ul-points li:last-child{margin-bottom:0}
}

/* ========== HOMEPAGE : BLOG ========== */
.homepage-footer-blog{ padding:80px; margin:30px auto 0; background:rgba(204, 204, 204, 0.32);}
.f-multiple-post{position:relative;}
.f-multiple-post .one-third {border:solid 1px #ccc; background:#fff; }
.f-multiple-post .one-third a { display:block; }
.f-multiple-post .one-third a img{ height:auto; width:100%; min-height:204px; }
.f-multiple-post .one-third h3{ font-size:1.325rem; line-height:1.6; display:block; letter-spacing:0; margin-bottom:16px; }
.f-multiple-post .one-third h3 a{ display:block; color:#191923; line-height:inherit }
.f-muliple-post-content{padding:15px;}

@media only screen and (max-width:1370px){
	.homepage-footer-blog{padding:20px}
	.f-muliple-post-content{padding:0 15px 10px!important;}
}
@media only screen and (min-width: 319px) and (max-width:639px){
	.f-multiple-post{flex-direction: column;}
	.f-multiple-post .one-third{margin-bottom:30px;}
	.f-multiple-post .one-third:last-child{margin-bottom:0px;}
	.f-multiple-post .one-third a img{min-height:140px; max-height:140px;}
	.f-multiple-post .one-third h3{font-size:1.125rem; line-height:1.5; margin-top:15px; margin-bottom:10px;}
}
@media only screen and (min-width: 640px) and (max-width: 1023px){
	.f-multiple-post{flex-direction:row;}
	.f-multiple-post .one-third{width:31.33%; float:left; margin-right:3%; -ms-flex: 0 0 31.33%; flex: 0 0 31.33%;}
	.f-multiple-post .one-third:last-child{margin-right:0px;}	
	.f-multiple-post .one-third a img{min-height:150px; max-height:150px;}
	.f-multiple-post .one-third h3{font-size:1.025rem; line-height:1.5; margin-top:15px; margin-bottom:10px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1370px){
	.f-multiple-post{flex-direction:row;}
	.f-multiple-post .one-third{width:31.33%; float:left; margin-right:3%; -ms-flex: 0 0 31.33%; flex: 0 0 31.33%;}
	.f-multiple-post .one-third:last-child{margin-right:0px;}	
	.f-multiple-post .one-third a img{min-height:180px; max-height:180px;}
	.f-multiple-post .one-third h3{font-size:1.025rem; line-height:1.5; margin-top:15px; margin-bottom:10px;}
}

@media only screen and (max-width:359px){
	.container, .fluid-wrapper, .wrapper{ width:100%; max-width:350px; padding:0 10px; -ms-flex:0 0 100%; flex:0 0 100%; margin:0 auto}
	#home-banner{padding:130px 0 70px 0; height:auto;}
	.exp, .countries, .projects, .client, .employees, .recurring-clients{background-size:30px}
	.usp-box.one-third{width:48.50%; float:left; margin-right:3%; margin-bottom:3%; padding-left:50px; font-size:14px; min-height:100px; line-height:20px}
	.usp-box.one-third:nth-child(2n){margin-right:0px;}
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
	.container, .fluid-wrapper, .wrapper{ width:100%; max-width:460px; padding:0 10px; -ms-flex:0 0 100%; flex:0 0 100%; margin:0 auto}
}
@media only screen and (min-width: 360px) and (max-width: 639px) {
	#home-banner{padding:120px 0 60px; height:auto;}
	.usp-box.one-third{width:31.33%; float:left; margin-right:3%; margin-bottom:3%; padding-top:45px; font-size:0.925rem; min-height:130px; line-height:18px; text-align:center}
	.usp-box.one-third:nth-child(3n){margin-right:0px;}
}
@media only screen and (min-width: 360px) and (max-width: 1169px) {
	.usp-box{align-items:center}
	.exp, .countries, .projects, .client, .employees, .recurring-clients{background-size:30px; background-position:left 50% top 15%; }
}
@media only screen and (max-width:479px){
	.verticals .width25{padding:0px 10px 45px 10px}
	.verticals .width25:last-child{padding:0px 10px 15px 10px}
	.verticals .width25 img{max-width:190px; margin-bottom:15px}
	.ourprojects .width60, .ourprojects .width40{width:100%; padding:0; margin:0 auto}
	.cscat, .hiddenpart a{z-index:999999}
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
	.container, .fluid-wrapper, .wrapper{ width:100%; max-width:620px; padding:0 10px; -ms-flex:0 0 100%; flex:0 0 100%; margin:0 auto}
	.ourprojects .width60{width:100%; padding:0; margin:0 auto 10px; }
	.ourprojects .width40{width:100%; padding:0; margin:0 auto; flex-direction: row; }
	.ourprojects .width40 .small-cs{width:calc(50% - 5px); padding:0 0 0 0; float:left; margin-right:10px }
}
@media only screen and (min-width: 480px) and (max-width: 800px) {
	.verticals .width25{width:48.50%; float:left; margin-right:3%; margin-bottom:3%; padding:10px}
	.verticals .width25:nth-child(2n){margin-right:0;}
	.verticals .width25 h3{font-size:24px;}
	.verticals .width25 p{font-size:16px; line-height:24px;}
}
@media only screen and (min-width: 480px) and (max-width: 979px) {
	.small-cs .cs-info{bottom:10px; left:10px;}
	.cscat{top:10px; left:10px;}
	.ourprojects .width40 .small-cs:last-child{margin-right:0px}
}
@media only screen and (min-width: 480px) and (max-width: 1169px) {
	.verticals .width25 img{max-width:130px; margin-bottom:15px}
}
@media only screen and (max-width:639px){
	.client-testimonials{padding:15px; font-size:17px; line-height:26px;}
	.small-cs img, .big-csbox img{height:150px; width:100%}
	.cscat{top:10px; left:10px;}
	/*.cs-info, .small-cs .cs-info{width:100%; bottom:10px; left:10px; }*/
	.small-cs .hiddenpart, .big-csbox .hiddenpart{display:none!important; opacity:0}
	/*.big-csbox{margin:0 auto 6px auto}
	/*a.cstitle, a.smallcstitle{ display:block; width:70%; float:left; font-size:17px; line-height:27px; font-weight:400; position:relative; bottom:15px; left:15px; margin:0 auto; padding:0; color:#fff; z-index:99999}*/
	.clientbox{width:calc(100% / 4); margin-bottom:1%; float:left!important; padding:10px;}
	.btn-big-orange{padding:10px 20px; font-size:20px; border:none;}	
	.big-csbox, .small-cs{display:flex; flex-direction:column-reverse; margin:0 auto 10px;}
	.cs-info, .small-cs .cs-info{position:relative; float:left; left:0; border:0; top:0; margin:15px auto; width:100%; }
	a.cstitle, a.smallcstitle{ display:block; width:100%; float:left; font-size:17px; line-height:27px; font-weight:400; position:relative; bottom:0; left:0; margin:0 auto; padding:0; color:#000; z-index:99999;}
	.gradient-overlay{display:none; z-index:-1}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
	.container, .fluid-wrapper, .wrapper{ width:100%; max-width:750px; padding:0 10px; -ms-flex:0 0 100%; flex:0 0 100%; margin:0 auto}
}
@media only screen and (min-width: 640px) and (max-width: 800px) {
	.clientbox{width:calc(100% / 5); margin-bottom:1%; float:left!important; padding:10px;}
}
@media only screen and (min-width: 640px) and (max-width: 979px) {
	.usp-box.one-third{width:14.15%; float:left; margin-right:3%; margin-bottom:3%; padding-top:50px; font-size:14px; min-height:140px; line-height:20px; text-align:center}
	.small-cs img, .big-csbox img{height:150px; width:100%}
	.big-csbox{margin:0 auto 0 auto}
	.ourprojects .width60{width:31.33%; padding:0; margin-right:10px; float:left }
	.ourprojects .width40{width:66.67%; padding:0; margin:0 auto; flex-direction: row; float:left }
	.ourprojects .width40 .small-cs{width:48.50%; padding:0 0 0 0; float:left; margin-right:10px; margin-bottom:0 }
	a.cstitle, a.smallcstitle{ font-size:16px; line-height:24px; font-weight:400; width:100%; margin:0 0 0 0; color:#fff; z-index:999999}
	.cs-info{left:10px}
}
@media only screen and (min-width: 640px) and (max-width: 1169px) {
	#home-banner{padding:100px 0 60px; height:auto;}
	.usp-box.one-third:nth-child(6n){margin-right:0px;}
	.client-testimonials{padding:15px; font-size:17px; line-height:26px; border-top-right-radius:20px}
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
	.container, .fluid-wrapper, .wrapper{ width:100%; max-width:790px; padding:0 10px; -ms-flex:0 0 100%; flex:0 0 100%; margin:0 auto}
}
@media only screen and (min-width: 801px) and (max-width: 979px) {	
	.container, .fluid-wrapper, .wrapper{ width:100%; max-width:960px; padding:0 10px; -ms-flex:0 0 100%; flex:0 0 100%; margin:0 auto}
	.verticals .width25{width:22.75%; float:left; margin-right:3%; margin-bottom:3%; padding:10px}
	.verticals .width25:nth-child(4n){margin-right:0;}	
	.verticals .width25 h3{font-size:22px;}
	.verticals .width25 p{font-size:15px; line-height:24px;}	
}
@media only screen and (min-width: 980px) and (max-width: 1169px) {
	.container, .fluid-wrapper, .wrapper{ width:94%; max-width:1150px; padding:0px; -ms-flex:0 0 94%; flex:0 0 94%; margin:0 auto}
	#videcontainer{height:100%; padding:0 0 0 0}	
	.home-intro{padding:40px 0;}
	.home-intro .fluid-wrapper .one-half .mb30{margin-bottom:0}
	.usp-box.one-third{font-size:14px; min-height:120px; line-height:20px; text-align:center; padding:50px 10px 0 10px}
	.verticals .width25{padding:20px}
	.verticals .width25 h3{font-size:26px;}	
}
@media only screen and (min-width: 801px) and (max-width: 1169px) {
	.clientbox{width:calc(100% / 6); margin-bottom:1%; float:left!important; padding:10px;}
}
@media only screen and (max-width:979px){
	.andbox:after, .processbox:after, .big-csbox .cs-info p{display:none}
	.verticals .width25{border-right:none}
	.fl, .fr{float:none}
	.row, .col, .width33, .width40, .width50, .width60, .width75, .width85, .width100, .width25, .widthauto, .fullwidth, .one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, .two-third{ width:100%; -ms-flex:0 0 100%; flex:0 0 100%; margin:0 auto; padding:0 0; max-width:inherit}
	
	.mt50, .mt30{ margin-top:15px; }
	.mb50, .mb30{ margin-bottom:15px; }
	.sectionspace{ padding:25px 0; }
	.pall15, .pall30, .padtopbot2, .p5p{ padding:15px }
	.btn-border-white{font-size:18px;}
	
	#videcontainer{height:100%; padding:0 0 0 0}
	.home-intro{padding:30px 0 60px 0;}
	.verticals .width25 .blueul, .verticals{margin:0 0 0 0}
	.verticals .width25 .blueul:last-child{margin:0 0 15px 0}
	.ourprojects{margin:0 auto 0 auto}
	.ourprojects .bx-viewport{overflow:hidden!important}
	.cs-container .bx-wrapper .bx-viewport div[aria-hidden=true]{filter:none; opacity:0; margin:0;}
	.cs-container{margin:20px auto 0 auto}
	.home-cs .btn-border-blue{float:left}
}
@media only screen and (max-width:1169px){
	.letterm3, .letterm2{ letter-spacing:-1px }
	#home-banner .wrapper{display:block; height:100%}
	.bannertxt{font-size:30px; line-height:36px; letter-spacing:0}
	#home-banner .wrapper p{font-size:18px; line-height:26px;}
	.home-intro h2{letter-spacing:0; font-size:32px; line-height:40px;}
	.subhead{font-size:22px; line-height:normal; line-height:32px; margin-bottom:15px}
	.home-intro p{margin-bottom:15px}
	.home-intro  .one-half:first-child{margin-bottom:30px}
	.usp-box span{font-size:22px}
	.client-testimonials:before{font-size:40px; top:-5px; left:15px}
	.client-testimonials:after { border-left:30px solid transparent; border-bottom:30px solid #010f29; bottom:-30px;}
	.client-details { position:absolute; margin-left:45px; margin-top:5px; font-size:18px;}
	.cs-container .bx-wrapper .bx-controls .bx-controls-direction{bottom:-15px; top:auto}
	.clients{padding:20px 0}
	.clientbox:nth-child(3n){margin-right:0; }
	.cta-blue{padding:25px; text-align:center}
	.ctatitle{font-size:34px; line-height:44px; margin-bottom:30px; }
}
@media only screen and (max-width:1370px){
	.row{margin:0 auto 0 auto; padding: 0 0 0 0;}	
	.expertised, .home-cs{padding:45px 0;}
	.expertised h2 span{display:block}
}
@media only screen and (max-width:767px){
	.expertised h2 span, .home-cs h2 span{display:block}
}


/* ========== HOMEPAGE : FOOTER ========== */
footer{ background:rgba(7, 9, 19, 0.8); position:relative;  }
.f-service-head{font-size:18px; margin-bottom:30px!important; line-height:1.5}
.f-service-head:after{height:1px; width:80px; background-color:rgba(255,255,255,0.8); content:''; position:absolute; bottom:-15px; left:0}
.f-service-listing{margin-bottom:22px!important}
.f-service-listing li{margin-bottom:0!important}
.f-service-listing li a{color:rgba(255,255,255,0.7)!important; font-size:16px!important; line-height:25px!important; display:block; margin-bottom:5px;}
.f-service-listing li a:hover{ text-decoration:underline; color:rgba(255,255,255,1)!important; }
.f-service-listing li:last-child{ margin-bottom:0 }
.f-service-listing li:before{background-color:rgba(255,255,255,0.6)!important;}
.copyright-state{font-size:0.950rem; color:rgba(255, 255, 255, 0.6)}

.addressbar{background:#2e2f35;padding:15px;border-radius:6px;margin-top:-15px; font-size:15px!important}

.f-quicklinks{position:relative; margin-bottom:0!important}
.f-quicklinks li{display:inline-block; margin-right:15px; padding-right:15px; border-right:1px solid #ccc}
.f-quicklinks li:last-child{margin-right:0; border-right:none; padding-right:0}

.footer-email-show{ bottom:50px!important; -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out; }
#footer-email{ position:fixed; bottom:-50px; z-index:1; -webkit-transition:0.5s ease-in-out; transition:0.5s ease-in-out; font-size:17px; line-height:27px; cursor:pointer; user-select:none; white-space:nowrap; background:#2e2f35 url(images/homealt/icon-wht-mail.svg) no-repeat left 20px top 50%; border-radius:4px; padding:10px 25px 10px 65px; color:#fff; text-transform:uppercase; left:50%; transform:translateX(-50%); display:flex; flex-grow:1; align-items:center; align-self:center; justify-content:center; }

@media only screen and (max-width:550px){
	.footer-email-show{bottom:0px!important}
	footer .fluid-wrapper .row.d-flex, footer .fluid-wrapper .row .text-right{text-align:center!important}	
	footer .one-fifth{ width:100%; float:left; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:90%; margin:0 auto;}
	.one-fifth:nth-child(5n){width:100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:90%; margin:20px auto 0 auto!important;}
	.addressbar{margin-bottom:15px;}
	.addressbar address:last-child{margin-bottom:0}
	.f-service-head{font-size:17px; margin-bottom:25px!important; padding-bottom:10px}
	.f-service-head:after{bottom:-5px}
}
@media only screen and (min-width: 551px) and (max-width: 767px) {
	footer .fluid-wrapper .row .one-fifth:nth-child(1), footer .fluid-wrapper .row .one-fifth:nth-child(2), footer .fluid-wrapper .row .one-fifth:nth-child(3){width:31.33%; -ms-flex:0 0 31.33%; flex:0 0 31.33%; float:left; margin-right:3%}
	footer .fluid-wrapper .row .one-fifth:nth-child(3n){margin-right:0}	
	footer .fluid-wrapper .row .one-fifth:nth-child(4){width:31%; -ms-flex:0 0 31%; flex:0 0 31%; float:left; margin-right:0; margin-top:15px; margin-bottom:15px;}
	footer .fluid-wrapper .row .one-fifth:nth-child(5){width:67%; -ms-flex:0 0 67%; flex:0 0 67%; float:left; margin-right:0; margin-top:15px; margin-bottom:15px;}
	.f-service-head{font-size:17px; margin-bottom:25px!important; padding-bottom:10px}
	footer .fluid-wrapper .row .one-fifth:nth-child(5) address{width:50%; -ms-flex:0 0 50%; flex:0 0 50%; float:left; margin-right:0; margin-top:15px; margin-bottom:15px;}
	.f-service-head:after{bottom:-5px}	
	.addressbar{padding-top:0}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
	footer .fluid-wrapper .row .one-fifth{width:22.75%; -ms-flex:0 0 22.75%; flex:0 0 22.75%; float:left; margin-right:3%}
	footer .fluid-wrapper .row .one-fifth:nth-child(4n){margin-right:0}	
	.f-service-head{font-size:17px; margin-bottom:25px!important; padding-bottom:10px}
	footer .fluid-wrapper .row .one-fifth:last-child{width:100%; -ms-flex:0 0 100%; flex:0 0 100%; margin:20px auto}
	footer .fluid-wrapper .row .one-fifth:nth-child(5) address{width:33.33%; -ms-flex:0 0 33.33%; flex:0 0 33.33%; float:left; margin-right:0; margin-top:15px; margin-bottom:15px;}
	.f-service-head:after{bottom:-5px}	
	.addressbar{padding:0 20px}
	footer .fluid-wrapper .row .copyright-state, footer .fluid-wrapper .text-right{text-align:center!important}
	.f-quicklinks{margin:0 auto}
}
@media only screen and (min-width: 980px) and (max-width: 1370px) {
	footer .fluid-wrapper .row .one-fifth{width:22.75%; -ms-flex:0 0 22.75%; flex:0 0 22.75%; float:left; margin-right:3%}
	footer .fluid-wrapper .row .one-fifth:nth-child(4n){margin-right:0}	
	.f-service-head{font-size:17px; margin-bottom:25px!important; padding-bottom:10px}
	.f-service-head:after{bottom:-5px}	
	.footer-email-show{bottom:10px!important}
}

@media screen and (max-width:768px){	
	.f-service-listing.f-quicklinks li {margin-bottom:10px!important; line-height:16px!important}
	.f-service-listing.f-quicklinks li a, .copyright-state, .copyright-state a{font-size:0.725rem!important; line-height:normal!important}
	.f-service-listing li a{font-size:17px!important; line-height:30px!important; display:block; margin-bottom:10px;}
}

/* ========== NAVIGATION SETTINGS ========== */
.responsive-menu-inner, .responsive-menu-inner:before, .responsive-menu-inner:after{background-color:#fff!important}
header{position:fixed; height:100px; background:linear-gradient(180deg, black, transparent)/*url(images/homealt/top-gradient.png) bottom left repeat-x*/; display:block; left:0; right:0; transition:all 0.5s; z-index:99999 }
header .wrapper, header .fluid-wrapper{ height:inherit; width:inherit }

#logo, .custom-logo{ position:absolute; top:25px; left:30px; transition:all 0.5s; height:50px; width:auto;}
.sticky{ height:90px!important; background:rgb(0, 122, 189)!important; top:0 }
.sticky #logo, .sticky .custom-logo{ top:20px!important; height:45px; }
.sticky #nav{ top:25px!important }
#menuicon{ height:30px; width:30px; background:url("images/homealt/menu-button.svg") no-repeat center top; position:fixed; top:30px; right:35px; z-index:99999 }
.closeicon{  height:30px; width:30px; background:url("images/homealt/close-button.svg") no-repeat center top!important; position:fixed; top:35px; right:35px; z-index:2; }
#blackbg{ display:none; height:100vh; width:100%; background:rgba(0, 0, 0, 0.5); top:0; position:fixed; left:0; right:0; bottom:0; overflow:hidden; z-index:4; padding-top:120px }
.overlay{ display:block!important }

#logo, .custom-logo{ position:absolute; top:25px; left:30px; transition:all 0.5s; height:50px; }
.sticky{ height:90px!important; background:rgb(0, 122, 189)!important }
.sticky #logo, .sticky .custom-logo{ top:20px!important; height:45px; }
.sticky #nav{ top:25px!important }

nav{position:absolute; right:35px; top:0px; transition:top 0.5s; -moz-transition: top 0.5s; -webkit-transition: top 0.5s}
nav ul {list-style:none}
nav ul li {display:inline-block; position:relative; padding:33px 15px;}/*Changed here 23/10/2018 - Bhargav Joshi*/
nav ul li a {text-transform:uppercase; display:block; font-weight:600; box-sizing:border-box; color:#ffffff!important;}
nav ul li a:hover {text-decoration:underline; color:#ff902b!important;}
nav ul li li a:hover {color: #ff902b;}
nav ul li:hover > ul {display:block}
nav ul ul li:hover > ul ul {display:block}
nav ul ul {position:absolute; left:0; background: url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/bluebg.png); z-index:99999; width:250px; display:none; top:67px; padding: 15px 0}
nav ul ul li {display:block; padding:0}
nav ul ul li a {padding:4px 20px; font-weight:400; color: #fff; text-transform:none; font-size: 16px}
nav ul ul.sub-menu li#menu-item-9105, nav ul ul.sub-menu li#menu-item-10306, nav ul ul.sub-menu li#menu-item-9115, nav ul ul.sub-menu li#menu-item-10307 {background-image:url(images/homealt/submenu.png); background-repeat:no-repeat; background-position:90%}
nav ul ul li {display:block; position:relative}
nav ul ul li.menu-item-has-children {background: url(images/homealt/submenu-arrow.png) right 20px top 15px no-repeat}
nav ul ul ul {left:250px; top:0; display: none}
nav li#menu-item-11077 {position: static}
nav li#menu-item-11077 ul {position:absolute; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/bluebg.png); z-index:99999; width:1200px; padding:40px; box-sizing:border-box; left:-600px; /*left:-340px;*/ top:90px; -webkit-column-count:4;-moz-column-count:4; column-count:4; -webkit-column-gap:30px; -moz-column-gap:30px; column-gap:30px;}
nav li#menu-item-11077 ul ul {background:none; position:relative; float:none; left:0; top:0; padding:0; margin-bottom:15px; -webkit-column-count:1; -moz-column-count:1; column-count:1; display:block; width:100%;}
nav li#menu-item-11077 ul li {font: 40px/50px 'Oswald', sans-serif; color: #fff; font-weight: 400; background-image: none}
nav ul li#menu-item-12302 ul.sub-menu{width:340px;}
nav li#menu-item-11077 ul li#menu-item-12317, nav li#menu-item-11077 ul li#menu-item-12294, nav li#menu-item-11077 ul li#menu-item-14110{display:inline-block}
nav li#menu-item-11077 ul li a {font: 22px/36px 'Oswald', sans-serif; padding: 0; color: #fff; margin-bottom: 5px}
nav li#menu-item-11077 ul li li{width:100%; float: none; position: static}
nav li#menu-item-11077 ul li li:last-child {margin-bottom: 0}
nav li#menu-item-11077 ul ul ul {position: absolute; top: 0; left: 99%; margin-top: 0; padding-left: 34px; width: 130%; border: none; height: 100%}
nav li#menu-item-11077 ul li ul a {color: #fff; font: 16px/32px Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif!important; padding: 0; border: none; margin: 0; }
nav li#menu-item-11077 ul li a:hover {background: none; color: #ff902b}
nav li#menu-item-11077 ul li.aecservicesnav li ul, nav li#menu-item-11077 ul li.mechservicesnav li ul {display: none}
nav li#menu-item-11077 ul li.aecservicesnav li:hover > ul, .showmenu {display: block!important}
nav li#menu-item-11077 ul li.mechservicesnav li:hover > ul {display: block} 
nav li#menu-item-11077 ul li.aecservicesnav a, nav li#menu-item-11077 ul li.mechservicesnav a {display: none}
nav li#menu-item-11077 ul li.aecservicesnav ul a, nav li#menu-item-11077 ul li.mechservicesnav ul a {display: block!important}
nav li#menu-item-11077 ul li.aecservicesnav li:hover > a {background: none; color: #ff902b}
nav li#menu-item-11077 ul li.mechservicesnav li:hover > a {background: none; color: #ff902b}
#responsive-menu-container {height: 100%!important; overflow: auto!important; font-size:16px!important; top:122px; position:fixed}
/*#menu-item-15160{margin-bottom:65px}*/

.menutop {top:72px!important}
.menuposition {top:60px!important}

@media only screen and (min-width: 320px) and (max-width: 639px) {
	button#responsive-menu-button{top:6px!important}
	.sticky {height:72px!important; border-bottom:solid 1px #858585}
	.sticky #logo{top:20px!important; height:35px!important; left:10px}
}

@media only screen and (max-width:359px){
	nav{display:none}
	header{height:80px;}
	#logo{top:20px; left:15px; height:40px;}
	.sticky{height:60px!important}
	.sticky #logo{top:12px!important; height:35px;}
	.submenu, .hidesmall, .popform, #mapbar, nav {display:none!important}
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
	nav{display:none}
	header{height:80px;}
	#logo{top:20px; left:15px; height:40px;}
	.sticky{height:60px!important}
	.sticky #logo{top:12px!important; height:35px;}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
	nav{display:none}
	header{height:80px;}
	#logo{top:20px; left:15px; height:40px;}
	.sticky{height:60px!important}
	.sticky #logo{top:12px!important; height:35px;}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
	nav{display:none}
	header{height:80px;}
	#logo{top:20px; left:15px; height:40px;}
	.sticky{height:60px!important}
	.sticky #logo{top:12px!important; height:35px;}
}

@media only screen and (max-width: 767px){
	#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link{font-size:26px!important; font-family:Oswald, sans-serif; font-weight:300}
	#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a{font-size:20px!important; font-family:Oswald, sans-serif; font-weight:300}
	#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item .responsive-menu-submenu-depth-2 .responsive-menu-item a{font-size:16px!important; font-family:Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:400}
	#mobilemenubtn, #mobilemenubtn2{padding:10px 40px!important}
}

@media only screen and (min-width: 768px) and (max-width: 800px) {
	header{height:80px;}
	#logo{top:15px; left:15px; height:40px;}
	.sticky{height:60px!important}
	.sticky #logo{top:12px!important; height:35px;}
	nav {right:30px; top:20px}
	.sticky nav {right:30px; top:10px}
	nav ul li {padding:16px 5px}
	nav ul li#menu-item-7006 {display:none}
	nav ul li a {font-size:13px}
	#logo {width:135px; height:auto; top:35px;}
	nav ul li#menu-item-7006 {display:none}	
	nav li#menu-item-11077 ul { position:absolute; z-index:99999; min-width:768px; padding:20px; box-sizing:border-box; left:-304px; top:50px; width:100%; }	
	nav ul ul {top:50px}
	nav li#menu-item-11077 ul li ul a {font-size: 12px!important; line-height: 20px!important}
}

@media only screen and (min-width: 801px) and (max-width: 979px) {
	header{height:80px;}
	#logo{top:20px; left:15px; height:40px;}
	.sticky{height:60px!important}
	.sticky #logo{top:12px!important; height:35px;}
	nav {right:30px; top:20px}
	.sticky nav {right:30px; top:10px}
	nav ul li {padding:16px 5px}
	nav ul li#menu-item-7006 {display:none}
	nav ul li a {font-size:14px}
	#logo { width:135px; height:auto; top:35px;}
	nav li#menu-item-11077 ul { position:absolute; z-index:99999; min-width:780px; padding:20px; box-sizing:border-box; left:-290px; top:50px; width:100%; }	
	nav ul ul {top:50px}	
	nav li#menu-item-11077 ul li a{ font:16px/28px 'Oswald', sans-serif; }
	nav li#menu-item-11077 ul li ul a {font-size: 12px!important; line-height: 21px!important}
}

@media only screen and (min-width: 980px) and (max-width: 1169px) {
	header{height:80px;}
	nav {right:30px; top:20px}
	.sticky nav {right:30px; top:10px}	
	#logo{top:20px; left:15px; height:40px;}
	.sticky{height:60px!important}
	.sticky #logo{top:12px!important; height:35px;}
	nav ul li {padding:20px 10px}
	nav ul li a{font-size:14px;}
	nav li#menu-item-11077 ul { position:absolute; z-index:99999; min-width:960px; padding:20px; box-sizing:border-box; left:-415px; top:50px; width:100%; }	
	nav ul ul {top:50px}	
}

@media only screen and (min-width: 1170px) and (max-width: 1370px) {
	nav ul ul {top:90px}
	nav li#menu-item-11077 ul {position:absolute; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/bluebg.png); z-index:99999; width:1170px; padding:30px; box-sizing:border-box; left:-530px; /*left:-340px;*/ top:90px; -webkit-column-count:4;-moz-column-count:4; column-count:4; -webkit-column-gap:30px; -moz-column-gap:30px; column-gap:30px;}	
}

@media only screen and (min-width: 980px) and (max-width: 1339px) {
	nav {right:30px; top:20px}
	.sticky nav {right:30px; top:10px}	
}
.mobilemail{position:fixed; bottom:8px; left:8px; z-index:999; box-sizing:border-box; padding:10px; height:50px; width:50px; background:#007abd; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%;}
@media only screen and (min-width: 979px)  {
	.mobilemail{display:none!important}
}
@media only screen and (max-width: 979px) {
	#footer-email{display:none!important}
}