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

*{margin:0;padding:0}
html{-webkit-text-size-adjust:none}
article,aside,footer,header,nav,section,figcaption{display:block}
.clr {clear:both}

a {text-decoration:none; color:#007abd}
a:hover {text-decoration:underline}
.whitetxt {color:#fff!important}
strong {font-weight:600}
.aligncenter {text-align:center}

figcaption {font-size:14px; padding:3px; text-align:center; background-color:#e9e9e9}
h1, .headline, .bigtitle {font-size:45px; line-height:65px; color:#363636; font-weight:300; margin-bottom:10px;}
.headline {font-family:'Oswald', sans-serif; margin-bottom:15px}
h3 {font-size:24px; line-height:28px; margin-bottom:12px; font-weight:600;}
h1 span, .bigtitle span {font-weight:700}
.bigtitle span {color: #B75A06}
body {font:17px/32px Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#546e7a; font-weight:400}
p {margin-bottom:15px}

#bimsupportvideo {height:auto; min-height:275px; width:400px!important; margin-top:12px; position:relative; float:right; margin-left:20px;}
.caption{background:rgba(0,0,0,0.7); padding:10px; position:absolute; bottom:0; color:#fff; width:auto; min-width:100%; left:0; right:0; overflow:hidden; text-align:center;}
.wrapper {width:1200px; margin:0 auto; position:relative}

/* HEADER STRIP SETTINGS */
#topbar {height:50px; line-height:50px; color:#fff; background-color:#007abd;}
#topleft {float:left}
#topright {float:right}
#topright a svg, #topright img {position:relative; top:8px}

/* HEADER SETTINGS */
.header {height:103px; background-color:#fff; width:100%; z-index:99999; top:0}
.shrink {position:fixed; top:0; z-index:999; border-bottom:solid 1px #858585; height:70px; transition:all 0.5s}
#logo {position:absolute; top:30px; z-index:99; height:47px; transition:height 0.5s; -moz-transition: height 0.5s; -webkit-transition: height 0.5s}

/* STICKY HEADER SETTINGS */
.shrink #logo {top:8px}
.shrink nav {top:2px}
.shrink .popform {top:17px}
.shrink .topctabtn {top:10px}

/* HEADER CTA BUTTONS*/
.topctabtn {display:none; background:url(images/orange-dot-2.png) repeat; font-size:14px; color:#ffffff; font-weight:500; line-height:36px; padding:3px 15px; position:absolute; top:1.6em; right:50px; transition:top 0.5s; -moz-transition: top 0.5s; -webkit-transition: top 0.5s; border-radius:5px}
.popform {padding:3px 17px;position:absolute; right:0; top:35px; border:solid 2px #007abd;}
.popform .su-button-style-default span, .popform .su-button-style-default {border:none!important; border-radius:0!important; border-style:none!important}
.popform .su-button-style-default:hover {opacity:1}
.popform a.su-button span {background-color:#fff!important; color:#282f39!important; font-size:17px!important}

/* NAVIGATION SETTINGS */
nav {position:absolute; right:180px; top:20px; 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:20px 15px;}/*Changed here 23/10/2018 - Bhargav Joshi*/
nav ul li a {text-transform:uppercase; color:#282f39; display:block; font-weight:600; box-sizing:border-box}
nav ul li a:hover {text-decoration:none;}
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(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/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(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/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:-295px; /*left:-340px;*/ top:67px; -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: 90%!important; overflow: auto!important; font-size:16px!important; top:122px; position:fixed}

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

/* INNER PAGE HEADER SETTINGS */
#innerbanner {width:100%; height:auto; box-sizing:border-box; background-color:#007abd; padding-bottom:25px;} /* B310818 */
#innerbanner h1, #bloghead {font:46px/60px 'Oswald', sans-serif; color:#fff; height:auto; margin-top:40px;} /* B310818 */
#innerwrapper {padding:30px 50px 50px 50px; background-color:#fff; position:relative;} /* B310818 */
#innerwrapper .two-third  a{color:#007abd}
#innerwrapper .two-third  a:hover{text-decoration:underline}

/* PAGE BREADCRUM SETTINGS */
#breadcrumb{font-size:13px; position:relative; top:18px; background:#e4e4e4; display:inline-block; border-radius:2px; font-weight:400; max-height:30px; padding:0 25px; line-height:30px;} 
#breadcrumb a, #breadcrumb a span { text-decoration:none; position:relative; color:#252525; font-weight:400; font-size:13px }
#breadcrumb span, #breadcrumb span:last-child a span{line-height:30px; position:relative; top:-5px; color:#015482}
#bchome {position:relative; top:1px; }
.bcsep {background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/sprite.png) no-repeat right top; background-position: -90px 0; width:19px; height:30px; display:inline-block; position:relative; top:0!important; margin:0 7px; }


blockquote, .highlight {margin:0 0 15px 0; font-weight:400; } /* B310818 */
blockquote, .specialp strong{ font-size:22px; line-height:40px; font-weight:400} /* B310818 */
blockquote p:last-child {margin-bottom:0}
.highlight {margin-bottom:20px}
.bigfont, h2 {font-size:26px; line-height:38px; margin:14px 0; color:inherit; font-weight:500;}
.two-third .highlight ul {margin-bottom:0}
.bigfont:first-child{margin-top:0}
.highlight .su-accordion{ background:#fff;}
.highlight .su-accordion .su-spoiler .su-spoiler-title{font-size:17px; color:#546e7a; background:#fff; padding:12px 30px; box-sizing:border-box; border:1px solid #cccccc8f; border-radius:5px; font-weight:400}
.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon{ left:5px!important; top:14px;}

/* Industries Pages Section Setting Code */
.industrywrap {margin-top:25px}
.industrywrap img {border:solid 1px #ccc; padding:4px; box-sizing:border-box; display:block; margin-bottom:3px}
.serviceimage {position:relative}
.serviceoverlay {position:absolute; width:100%; background-color:#000; opacity:0; height:0; transition:height 0.4s}
.industrywrap .one-third:hover >  .serviceoverlay {height:100%}
.industrywrap .one-third:hover  .serviceimage a .serviceoverlay {height:100%; opacity:0.2; padding:15px; color:#fff; box-sizing:border-box; font-size:16px; line-height:26px;}

/* FOR NEW CASE STUDIES */
.sidebarcs {width: 100%}
.sidebarcs img {width:100%; max-width:100%; border: solid 1px #858585; box-sizing: border-box; display: block}
.sidebarcstitle {color:#fff; background-color:#006399; font-size:18px; line-height:28px; padding:15px; margin-bottom:3px}
.sidebarcs .width100 {margin-bottom:15px}
.sidebarcs .width100:after {display:block; content:""; clear:both}
.sidebarcstitle {margin-bottom:3px}
.sidebarcstitle a {color:#fff; font-size:17px; line-height:28px} 

.su-carousel-responsive-yes .su-carousel-slide > a, .su-carousel-responsive-yes .su-carousel-slide > img, .su-carousel-responsive-yes .su-carousel-slide > a > img {height: 95%!important}
.su-tabs-panes ul, .two-third ul, .relatedservices, .industrieslist .su-spoiler-content ul, .industrieslist, .width70 ul, .cs-challanges ul, .blogpost ul.authorlist, .csboxin ul {list-style:none; margin-bottom:14px}
.su-tabs-panes ul li,.two-third ul li, .relatedservices li, .industrieslist .su-spoiler-content ul li, .industrieslist li, .width70 ul li, .cs-challanges ul li, .blogpost ul.authorlist li, .csboxin ul li {background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/bullet01.png) left 11px no-repeat; padding-left:15px; margin-bottom:5px}
.two-third ul li:last-child{margin-bottom:0}

.thepost ul.ess-social-network-lists li {background-image: none; padding-left: 0}

.industrieslist .su-spoiler-content ul {margin-bottom:0}
.industrieslist .su-spoiler-title {font-size:18px; font-weight:500; border:solid 1px #cecec8; padding:10px 10px 10px 30px !important; border-radius:4px; background-color:#fff}
.industrieslist .su-spoiler-icon {font-size:10px; left:7px!important; top:11px!important}
.industrieslist .su-spoiler-content ul li a, .industrieslist li a {font-size:16px; line-height:26px}
.industrieslist .su-spoiler-style-default > .su-spoiler-content {padding:10px 0 0 30px}

.relatedservices {list-style:none!Important; margin-bottom:20px}
.relatedservices li {list-style:none; border-bottom:dotted 1px #ccc; padding-bottom:10px; margin-bottom:10px}
.relatedservices li a {color:#363636}
.relatedservices li.current_page_item a {color: #007abd}

.su-carousel-slide-title {font-size: 14px!important; line-height: 32px!important}

#bluerow {padding:30px 0 40px 0; background-color:#035f8a}
.greybg {padding:30px 0 40px 0; background-color:#e9e9e9}
.greybg p:last-child {margin-bottom:0}

.orangebtn .su-button-style-default span, .orangebtn .su-button-style-default {border:solid 2px #f38929!important; border-radius:0!important; color:#f38929!important; padding:7px 25px!important; background:none!important}
.orangebtn .su-button-style-default span {border-style:none!important}
.orangebtn .su-button-style-default:hover {background-color:#f38929!important; opacity:1}
.orangebtn a.su-button span {background-color:transparent; color:#fff!important; font-size:17px!important}

/* FOOTER CTA LINE BTN SETTINGS */
.footerbtn {border:solid 2px #f38929; color:#f38929; display:inline-block; padding:5px 20px; margin-top:8px; transition: background 0.3s}
.footerbtn:hover {background-color:#f38929; text-decoration:none}

/* HOME PAGE CLIENTS SETTINGS */
#clients {padding:30px 0 50px 0; background-color:#f2f2f2}
#clients .one-sixth {border:solid 1px #ccc; text-align:center; padding:20px; box-sizing:border-box; margin-top:15px; background-color:#fff}
#clients .one-sixth img{max-width:100%}
#clients h1 {margin-bottom:0px}
.three-fourth .highlight h2 {margin-bottom:0}
#clients .bigtitle span{color:#035f8a}

/* ROW COLUMN SPACING SETTINGS */
.width100 {width: 100%}
.three-fourth {width:79.4%; float:left}
.two-third {width:65.67%; float:left}
.one-half {width:48.5%; float:left}
.one-third {width:31.3%; float:left}
.one-fourth {width:22.75%; float:left}
.one-fifth {width:17.6%; float:left}
.one-sixth {width:15.95%; margin-right:0.85%; float:left; margin-top:40px}
.one-sixthn {width:14.16%; float:left}
.servicethumbs .one-sixth {width:32%; margin-right:2%; float:left; margin-bottom:15px; margin-top:0}
.servicethumbs .one-sixth:nth-child(3n+4) {margin-right:0}
.width27{width:27%; float:left}
.width70{width:70%; float:left;}
.margin3 {margin-right:3%}
.topmargin {margin-top:40px}	
.margin2 {margin-right:2%}
.fr{float:right}
.paddright {padding-right:85px; box-sizing:border-box}
.paddright img {margin-bottom:15px}
.margintop {margin-top:35px}

/* HOME PAGE BLOG POSTS SETTINGS */
#blogbg {padding:30px 0 0 0}
#blogbg .one-fourth {background-color:#fff; border: solid 1px #ccc; box-sizing:border-box; min-height:400px; position:relative}
#blogbg .margin3:nth-child(4n+4) {margin-right:0}
.blogimg {position:relative}
.blogimg img {	width:100%; max-width:100%; height:175px}
.blogimg span {position:absolute; display:inline-block; padding:4px 10px; color:#fff; left:0; bottom:-14px}
.blogtitle {margin-top:10px; padding:0 20px}
.blogtitle a {color:#363636}
.postdate {border-top: solid 1px #ccc; padding:7px 20px; font-size:14px; color:#262626; margin-top:25px; width:100%; position:absolute; bottom:0; box-sizing:border-box}
.dateicon {position:relative; top:2px; margin-right:5px}
.wp-user-avatar {float:left; margin:0 15px 5px 0; padding:5px; background-color:#fff; border:solid 1px #858585}
#sidebar ul{list-style:none}
.featuredpost{ box-sizing:border-box; background:#f2f2f2;}
.featuredpostimga{display:flex}
.featuredpostimg{width:580px; height:380px;}
.featuredposttitle{font:400 34px/52px 'Open Sans',sans-serif; margin-bottom:30px; display:block;}
.featurepostcontent{padding:30px 30px 30px 0; box-sizing:border-box}
.featurepostcontent p.postexrpt{font-size:18px; line-height:40px; }

/* FOOTER SETTINGS */
#footerlocation {background-color:#363636; color:#858585; padding:15px 0}
.footerleft {float:left}
.footerright {float:right}
.footerright a {color:#fff}
#footerlocation .call {margin-right:50px; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/footercall.png) left 13px no-repeat; padding-left:40px}
#footerlocation .address {background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/footerlocation.png) left 13px no-repeat; padding-left:35px}
#footerlinks {background-color:#262626; padding:35px; font-size:16px; line-height:24px}
#footerlinks h3 {font-family:'Oswald', sans-serif; }
#footerlinks ul {padding-left:15px; color:#858585}
#footerlinks a {font-weight:400; color:#858585}
.smicon {display: inline-block; height: 28px; background: url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/footer-social-sprite.png) 0 0 no-repeat; margin-right: 10px; transform: scale(0.8); margin: 0 4px; position: static!important; margin-top: 5px}
#linkedin {width: 28px;}
#twitter {width: 32px; background-position: -33px 0}
#facebook {width: 13px; background-position: -70px 0}
#instagram {width: 32px; background-position: -88px 0}
#footerbar {color:#fff; font-size:16px; padding: 15px 0 5px 0; background-color:#007abd;}
#footerbar a {color: #fff}
#footerbar a:hover {text-decoration: underline}
.hidelarge {display:none}
.footerright span {position: relative; top: -7px}
#mapbar {background-color:#fff; position:relative}
#mapbar p.headline {position:absolute; color:#fff; top:30px; width:100%; text-align:center; text-shadow: 2px 2px 0 #000000;}

.ilink {background-color:#e9e9e9; font-size:20px; text-align:center; font-family:'Oswald', sans-serif; padding:5px 0; margin-top:0}
.ilink a {color:#006399; display:block}
.ilink:hover, .industrywrap .one-third:hover > p.ilink {background-color:#007abd}
.ilink:hover > a, .industrywrap .one-third:hover > p.ilink > a {color:#fff; text-decoration:none}
.ilink:hover, .industrywrap .one-third:hover > p.ilink {background-color:#007abd; }
.ilink:hover > a, .industrywrap .one-third:hover > p.ilink > a {color:#fff!important; text-decoration:none}

/* SHORTCODES CONTENT SETTINGS FOR USED IN SERVICE PAGES */
.mechanicaltabsmobile {display:none}
.mechanicaltabs .su-tabs .su-tabs-nav span, .mechanicaltabsmobile .su-tabs .su-tabs-nav span{font-size:18px; padding:14px; color:#546e7a; line-height:34px}
.su-tabs-panes p, .su-tabs-panes a{font:17px/32px Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#546e7a; font-weight:400;}
.su-tabs-panes a , .mechanicaltabsmobile .su-spoiler-content a {color:#006399; font-size:17px;}

.alignright {float:right; margin:10px 0 10px 20px}

/* BLOG POST SETTINGS */
.blogpost {padding-bottom:0px; margin-top:30px }
.blogpost:after {content:""; display:block; clear:both}
.blogpost ul{ list-style:none; }
.blogpost ul li{ display:inline-block; border:1px solid #ddd; padding:10px; box-sizing:border-box; margin-bottom:30px; width:31.666667%; margin-right:30px; vertical-align:top; float:left }
.blogpost ul li:nth-child(3n){margin-right:0}
.blogpost ul li:nth-child(3n + 1){float:left; position:relative; display:block; clear:both;}
.blogpost ul li .postthumb{position:relative}
.blogpost ul li .postthumb img{height:175px; margin-bottom:10px; width:100%; max-width:100%}
p.posttitle{ font-size:18px; line-height:34px; font-weight:500}
p.postexrpt{ font-size:17px; line-height:27px; font-weight:400}
span.postinfo{font-size:13px;}

/* AUTHOR PAGE SETTINGS */
ul.authorlist {list-style:none!important; margin-bottom:14px!important; margin-left:0!important}
ul.authorlist li {background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/bullet01.png) left 17px no-repeat!important; padding-left:15px!important; margin-bottom:5px!important; list-style:none!important}
ul.authorlist li:last-child{margin-bottom:0}

#pagination {margin-top:25px}
.page-numbers {display:inline-block; padding:5px 15px; border:solid 1px #ccc; margin-right:5px; color:#363636; font-size:16px}
.current {background-color:#e9e9e9}

.thepost img {max-width:100%; height: auto!important}
.thepost p, .thepost ul li, .thepost ul li a{font-size:17px; line-height:32px;  margin-bottom:15px;}
.thepost ul{ list-style: none; margin-left:25px;}
.thepost ul li{ list-style:disc; background:none; padding:0; margin-bottom:0}
.author-profile{padding:15px; background-color:#e9e9e9; margin:25px 0}
.author-profile p{font-size:18px; line-height:28px; margin-bottom:0}
.thepost h2{ font-size:28px; line-height:40px; color:#354750}
.thepost h3{ font-size:24px; line-height:34px; color:#354750}

/* BLOG SIDEBAR POPULAR & RECENT POSTS SETTINGS */
.popular-posts{list-style:none; display:block; margin-bottom:30px; position:relative; border:1px solid #ccc; padding:0 0 30px 0 }
.popular-posts .bannerslide{background:#fff; padding:10px; box-sizing:border-box;  display:block; }
.popular-posts .bannerslide img{max-height:120px; width:100%; height:auto}
.popular-posts .bannerslide a p, .recent-posts ul li a, .recent-posts ul li{font-size:15px; line-height:26px!important; margin:0!important}
.popular-posts .bx-wrapper .bx-pager {text-align:center; font-size:.85em; color:#666; position:relative; bottom:7px;  height:.85em;}
.recent-posts{position:relative; display:block}
.recent-posts ul{margin-left:20px; margin-top:12px;}
.recent-posts ul li{margin-bottom:12px!important;}

#sidebar { }
#sidebar aside ul, .one-third aside ul, .width27 aside ul  {list-style:none; margin-bottom:10px}
#sidebar aside, .one-third aside .width27 aside  {margin-bottom:25px}
#sidebar aside ul a {color:#363636}
#sidebar aside .sym {margin-right:5px}
h3.widget-title {margin-bottom:15px; background-color:#0095da; color:#fff; font-weight:400; padding:5px 20px}
aside#categories-2 ul li, aside ul li {border-bottom:dotted 1px #ccc; padding-bottom:7px; margin-bottom:7px; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/bullet01.png) left 12px no-repeat; padding-left:18px}
#sidebar aside ul li.collapsing {border-bottom:dotted 1px #ccc; padding-bottom:7px; margin-bottom:7px; background:none; padding-left:3px}
#sidebar aside ul li.collapsing:last-child {border:none; margin-bottom:0; padding-bottom:0}
#sidebar aside ul li.collapsing ul {padding-left:22px; margin-top:10px}
.postmore a:hover, .morelink:hover {text-decoration:none; background-color:#e9e9e9}

/* CASE STUDY LISTING SETTINGS */
.csbox img {width:100%; height:200px; max-width:100%}
.csbox .posttitle {font-size:18px}
#cswrapper .margin3:nth-child(3n+3) {margin-right:0}
#cswrapper .one-third {margin-bottom:35px; border:1px solid #ccc; box-sizing:border-box;}
#cswrapper .one-third:nth-child(3n+1) {clear:left}
.postdetails{padding:10px; box-sizing:border-box; position:relative}
#blogtags a, #blogtags span{display:inline-block; background-color:#5d7984; color:#e9e9e9; font-size:16px; text-transform:uppercase; margin:12px 0px 0px 5px; padding:5px 8px; line-height:25px}
.downloadpdf {float:right;}
.downloadpdf a img{padding:10px 15px; background:#d1d1d1; border-radius: 8px}
.downloadpdf a:hover img{background:#eaf0f4;}
.postthumb a{display:flex}
#cswrapper .one-third .postdetails p.posttitle, #cswrapper .one-third .postdetails p.posttitle a{margin-bottom:0!important; font-size:17px; line-height:32px;}

/* CASE STUDY POST SETTINGS */
#cstop span, #cstop span#tech {padding:10px 15px; background-color:#007abd; color:#fff; display:inline-block; margin-right:0.5%; float:left; font-size:20px; line-height:26px; width:19%; box-sizing:border-box; margin-bottom:10px}
.clientname, .techname {background-color:#e9e9e9; padding:10px; float:left; line-height:26px; width:80%; box-sizing:border-box}
#cstop .highlight {margin-bottom:10px}
#cstop .highlight p:last-child {margin-bottom:0}
#cstop span#tech {width:29%; background-color:#363636}
.techname {width:70%; margin-bottom:25px}

address {font-style:normal}
.one-third address {margin-bottom:15px}

/* CLIENT PAGE SETTING COCDE*/
#scrolltesti {height:675px; overflow:auto}
#ourclients {padding:20px; border-radius:30px; border:solid 1px #ccc; box-sizing:border-box}
.testimonial {background-color:#e9e9e9; border-radius:20px; padding:30px; box-sizing:border-box; margin-bottom:20px; width:97%}
.testimonial p {margin-top:12px}
.testimonial p:last-child {margin-bottom:0}

/* SITEMAP PAGE SETTING CODE */
#sitemap ul {padding-left:18px}
#sitemap a {color:#363636; font-size:16px; font-weight:400}
#sitemap p.bigfont {margin-bottom:5px}
#sitemap p.bigfont a {font-size:20px; font-weight:500}
#sitemap h2 {margin-top:20px; margin-bottom:5px}
#sitemap .highlight {margin-top:10px}
#sitemapwhoweare, #sitemapcasestudies {background-color:#f2f2f2; padding:15px; margin:15px 0 25px 0}
#sitemapwhoweare li {display:inline-block; padding:0 5%}
#sitemapcasestudies li {display:inline-block; padding:0 3.2%}
#sitemapwhoweare li a, #sitemapcasestudies li a  {font-weight:500}

/* INNER PAGE CTA SECTION SETTING CODE */
#pagecta {background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/ctabg.jpg); padding:35px; box-sizing:border-box; border-top:solid 3px #007abd; margin-top: 35px}
.ctahead, .ctahead2 {font-size:24px; text-align:center; line-height:36px}
.ctahead2 {font-size:19px; line-height:34px}
.ctabtn2 {background:url(images/orange-dot-2.png) repeat; color:#fff; padding:10px 0 15px 0; width:250px; margin:0 auto; display:block; text-align:center; border-radius:23px; font-weight:700; font-size:28px; text-shadow:0 2px 7px #6f3f13; transition: background 0.3s}
.ctabtn2:hover {text-decoration:underline; background:#d67925;}

/* ABOUT US HISTORY MILESTONE PAGE SETTING CODE */
.historywrap {width:100%; float:right; padding:20px 40px 40px 40px; color:#fff; font-size:22px; line-height:40px; font-weight:300; position:relative; top:45px}
.historywrap h2 {font-size:50px; border-bottom:dotted 1px #363636; color:#363636; font-weight:300; margin-bottom:20px; line-height:normal}
#orange {background-color:#fdc541; color:#363636; position:relative; display:none }
#orange:after {	right: 100%; bottom: 2%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(253, 197, 65, 0); border-right-color: #fdc541; border-width: 30px; margin-top: -30px;}

.one-fourth .pic span, .one-fourth .pic {padding:0!important; background:none!important; border-radius:0!important; border:none!important}
.one-fourth .pic span img {margin:0!important}
#photoscroll .flickity-viewport {min-height:150px!Important;}
#photoscroll .flickity-viewport:after {display:block; content:""; clear:both}

#darkgrey {background-color:#4c6c7d; color:#fff; position:relative; display:none }
#darkgrey h2 {color:#fff; border-bottom:dotted 1px #fff}
#darkgrey:after {	right: 100%; bottom: 27%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(253, 197, 65, 0); border-right-color: #4c6c7d; border-width: 30px; margin-top: -30px;}
#darkred {background-color:#ed6c5d; color:#fff; position:relative; display:none}
#darkred h2 {color:#fff; border-bottom:dotted 1px #fff}
#darkred:after {	right: 100%; bottom: 59%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(253, 197, 65, 0); border-right-color: #ed6c5d; border-width: 30px; margin-top: -30px;}
#dullblue {background-color:#6fc8df; color:#fff; position:relative}
#dullblue h2 {color:#fff; border-bottom:dotted 1px #fff}
#dullblue:after {	right: 100%; top: 15%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(253, 197, 65, 0); border-right-color: #6fc8df; border-width: 30px; margin-top: -30px;}

.historymobilewrapper {display:none}
.historymobilewrapper .su-accordion .su-spoiler .su-spoiler-title{ border:solid 1px #858585; font-size:22px; font-weight:400; color:#007abd; padding:14px 0 14px 45px; border-bottom:none }
.historymobilewrapper .su-accordion .su-spoiler > .su-spoiler-title {border:solid 1px #000; border-bottom: solid 1px #000!important; border-radius:5px}
.historymobilewrapper .su-spoiler {margin-bottom:1px!important}

.click-menu-active {position:fixed!important; background-color:#000; opacity:0.6; left:0; right:0!important; top:0!important; bottom:0; transition:backtround 0.5s}

/* ABOUT US ALL SERVICES SECTION CODE */
#blogbg .flickity-prev-next-button.next {display:none!important}
.pageimage {max-width:100%; float:left; margin-right:35px}

.projectthumb { background-color:#fff; padding:5px;}

.mfp-bottom-bar, .mfp-content figcaption{display:none}
.su-carousel-centered{margin:0!important; height:170px!important}
.mfp-img{border:15px solid #fff; padding:0!important}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color: #fff; right: -25px!important; text-align: center!important; height: 50px!important; width: 50px!important; background: #000!important;  border-radius: 50%!important; top: -25px!important; padding:0!important}

#postinfo {color:#fff; font-size:20px;  display:inline-block; width:auto;}
@media only screen and (min-width: 319px) and (max-width: 574px) {
	#postinfo.fr, #postinfo.fl{float:none; display:block; margin:0 auto; }
}

/* HOME PAGE REDESIGN SERVICES SECTION - BHARGAV EDITED CODE */
.greybg .two-third{width:62%}
.specialp{font-size:18px; line-height:32px;}
.home-services{padding-left:calc(50%); padding-top:20px; position:relative;}
.home-services .bigtitle {font-size:42px; margin-top:0; line-height:normal; margin:0 0 14px 0; font-weight:300; color:#fff; }
#servicelist {list-style:none; padding:0; margin:0; }
#servicelist li {height:45px; line-height:45px; margin-top:15px; display:block; }
#servicelist li:first-child {margin-top:20px;}
#servicelist li a {text-decoration:none;}
.servicetitle {font-size:22px; color:#fff; display:block; z-index:1; background:rgba(255,255,255,.1); padding:0 25px; box-sizing:border-box; border-left:solid 3px #ffc107; transition:all .4s ease-in; }
.box { line-height:0; box-shadow:0 0px 36px rgba(0,0,0,.3); border:10px solid rgba(255,255,255,1); box-sizing:border-box; position:absolute; width:calc(50% - 35px); height:100%; left:0; top:5px; display:none; }
.box img { width: 100%; height: 100%; }
li:nth-child(1) .box, li:nth-child(2) a:hover + .box, li:nth-child(3) a:hover + .box, li:nth-child(4) a:hover + .box, li:nth-child(5) a:hover + .box, li:nth-child(6) a:hover + .box, li:nth-child(7) a:hover + .box {display: block;}

.last-updated { font-size:small; text-transform:uppercase; background-color:#fffdd4; color:#fff }

/*
.home-services{position:relative; padding-top:20px;}
.home-services .box{background-image:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/hero-bim-services.jpg)}
.home-services .right-txt{padding-left:35px; box-sizing:border-box}
.home-services .right-txt .bigtitle{font-size:42px; margin-top:0; line-height:normal;}
#servicelist{list-style:none;}
#servicelist li{height:45px; line-height:45px; position:relative; margin-top:15px; display:block; }
#servicelist li:first-child{margin-top:20px;}
#servicelist li a{text-decoration:none}
#servicelist li:before {content:""; display:block; width:3px; height:45px; position:absolute; bottom:0; left:0px; background:#FFC107; transition:all 0.4s ease-in}
.servicetitle{font-size:22px; color:#fff; display:block; z-index:1; background:rgba(255,255,255,0.1); padding:0 25px; box-sizing:border-box;  }
#servicelist li:hover .servicetitle{color:#fff; z-index:1; }
#servicelist li:hover:before{background:#fff; z-index:0; width:10px}
.box {box-shadow:0 0px 36px rgba(0,0,0,0.3); width:100%; border:10px solid rgba(255,255,255,1); box-sizing:border-box; height:480px; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/hero-bim-services.jpg); background-repeat:no-repeat; background-position:center top ; background-size:cover }
*/
.hometoptitle1 {margin-bottom:40px; letter-spacing:-1.5px; color:#546e7a}
.hometoptitle1 span {color:#363636; position:relative}
.hometoptitle1:after {content:""; display:block; height:4px; width:250px; background-color:#f38929; position:relative; top:15px}

.statsbar {width:35%; float:left; box-sizing:border-box; margin-left:3%}
.uspicon{position:relative; height:50px; width:50px; margin-bottom:25px; display:block}
.valuenumber, .stat-title {text-align:left}
.stat-number {font-size:42px; color:#035f8a; font-weight:700; font-family:'Oswald', sans-serif}
.plus {font-size:36px; color:#f38929; font-weight:300}
.stat-title { font-size:17px; margin-top:10px; color:#000000; letter-spacing:-0.2px; font-weight:300;}
.statsbar .one-half{padding:20px 0px 55px 45px; box-sizing:border-box;}
.client-carousel{overflow:hidden}

/* INNER / SERVICES PAGES REDESIGNING CODE */
.responsive-intro-img{width:100%; max-width:100%; border:1px solid #808080; margin-bottom:30px; display:block; position:relative}
.sideservices{position:relative; font-family:Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.serheading, .popular-posts div.widget-title, .recent-posts div.widget-title{background:#d1d1d1; color:#4a4a4a; font-weight:300; padding:10px 25px; box-sizing:border-box; font-family:Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; font-size:26px;}
.serheading span, .popular-posts div.widget-title span, .recent-posts div.widget-title span{font-weight:700}

.serboxtitle{font-size:13px; color:#d1d1d1; display:block; text-align:center; transition: all 0.4s ease-in; font-weight:400}
ul.servicelisting, ul.servicenormal{position:relative; list-style:none}
ul.servicelisting li{display:inline-block; width:50%; float:left}
ul.servicelisting li a{display:block; background-color:#f2f2f2; border:1px solid #e3e3e3; box-sizing:border-box; text-align:center; padding:20px 0; font-size:24px; color:#d1d1d1; transition: all 0.4s ease-in; font-weight:700}
ul.servicelisting li a:hover {text-decoration:none}
ul.servicelisting li a:hover .serboxtitle{color:#fff;}
.servicelisting li a:hover, ul.servicenormal li a:hover, ul.servicenormal li.current-menu-item a:hover{color:#fff; background:#007abd; text-decoration:none; height:100%; display:block}

.servicenormal ul li{ display:block; border:1px solid #dedede; border-bottom:0; box-sizing:border-box }
.servicenormal ul li:last-child{ border-bottom:1px solid #dedede;  }
.servicenormal ul li a{display:block; padding:10px 25px; box-sizing:border-box; transition:all 0.4s ease-in; color:#546e7a }
.servicenormal ul li a:hover, .servicenormal ul li.current-menu-item a:hover{color:#fff; background:#007abd; text-decoration:none; height:100%; display:block}
.servicenormal ul li.current-menu-item{color:#fff!important; background:#007abd; text-decoration:none; }
.servicenormal ul li.current-menu-item a{color:#fff}
.servicenormal ul li p{padding:10px 25px; box-sizing:border-box; margin-bottom:0 }

.servicesbanners{box-sizing:border-box; position:relative; margin-bottom:30px;  border:1px solid rgba(0,0,0,0.2); overflow:hidden; height:315px;}
#servicebanner{width:auto; box-sizing:border-box; height:315px;}
#servicebanner .bannerslide{height:315px; background:none}
#millworkbanner{width:auto; box-sizing:border-box; height:315px;}
#millworkbanner .bannerslide{height:315px; background:none}

.heightspecial .su-carousel-centered{height:225px!important}
.responsivlink{margin-bottom:20px; display:block}

/* CONTACT PAGE & SIDEBAR FORM SETTING CODE */
#contactpageform input[type=text], #contactpageform input[type=email], #contactpageform input[type=tel], #contactpageform textarea {width:100%; height:50px; margin-bottom:20px; background-color:#fff; color:#000; border:solid 1px #ccc; padding:0 10px; box-sizing:border-box; font:13px/23px Arial, Helvetica, sans-serif}
#contactpageform textarea {overflow:auto; height:110px; margin-bottom:0}
#contactpageform span.wpcf7-not-valid-tip {position:absolute; top:-1px; right:10px; font-size:16px!important}
#contactpageform .message span.wpcf7-not-valid-tip {top:-67px!important}
#contactpageform input[type=text].wpcf7-quiz {width:50%!important}

#sidecontactform{margin:30px 0; background:#f2f2f2; display:inline-block; width:100%; border:1px solid rgba(204, 204, 204, 0.63); box-sizing:border-box}
#sidecontactform ul{list-style:none; width:90%; margin:20px auto 20px auto;}
#sidecontactform ul li {margin-bottom:10px;}
#sidecontactform ul li input[type="text"], #sidecontactform ul li input[type="email"], #sidecontactform ul li input[type="tel"], #sidecontactform ul li textarea{ border:0; border:1px solid #cdd6de; background:#fff; width:100%; font-family:Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:25px; padding:5px 10px; box-sizing:border-box}
#sidecontactform ul li textarea{height:150px;}
#sidecontactform ul li input[type="button"], .ctabtn{ background:url(images/orange-dot-2.png) repeat; border:0; padding:15px 20px; width:auto; margin:0 auto; text-align:center; display:inline-block; border-radius:5px; color:#ffffff;font-size:18px; font-weight:500; font-family:Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif; cursor:pointer }
#sidecontactform ul li input[type="button"]:hover, .ctabtn:hover{ background:#0b3756; color:#ffffff}
span.wpcf7-list-item{margin:0!important; line-height:22px!important}
span.wpcf7-list-item-label{font-size:14px!important; position:relative!important; top:-1px!important;}
#sidecontactform {margin-top:20px}
#sidecontactform ul li{background:none!important; padding:0; border:none}

.gallery{display:block; position:relative; width:100%; height:100%; overflow:hidden; border:1px solid #ededed; padding:5px; box-sizing:border-box;}

.greybar{background-color:#eaeaea; color:#282828; padding:60px 0; box-sizing:border-box; margin-bottom:30px; height:auto}
.greybar h3{margin-bottom:40px; font-size:30px; letter-spacing:-1px}
.greybar ul li{display:inline-block}
.greybar ul li{display:inline-block; width:16.47%; text-align:center; border-right:1.5px solid #D1D1D1; box-sizing:border-box}
.greybar ul li:last-child{border:none}
.greybar ul li a{ color:#000; font-size:18px; font-weight:700}

/* Case Study New Design Code - B120918 */
h1.articletitle, p.articletitle, p.articletitle {text-transform:none; color:#546e7a; line-height:normal; font-size:40px; font-weight:400; font-family:'Oswald'; margin-bottom:20px;}
.titlewidth h1.articletitle {border-bottom:0;margin-bottom:0px;} /* For Mobile Versions .titlewidth h1.articletitle {width:75%}*/
hr.special{color:#ccc; margin-bottom:30px; opacity:0.5 }
#csinfo-head{background:#d1d1d1; color:#546e7a; text-align:left; padding:8px 25px 8px 10px; box-sizing:border-box; font-size:22px; border-right:1px solid #fff; }
#csinfo-container{ display:block; position:relative;}
#csinfo-row{ display:flex; height:100%; position:relative; background-color:rgba(0, 122, 189, 0.50); text-align:left; font-size:16px; line-height:28px; font-weight:400; border-bottom:1px solid #fff }
.info-title{-webkit-align-self:center; align-self:center; padding:3px 10px; box-sizing:border-box; color:#fff; width:30%; float:left;}
.info-desc{-webkit-align-self:center; align-self:center; padding:3px 10px; box-sizing:border-box; background:rgba(247, 247, 247, 0.90); color:#546e7a;  width:70%; float:left; margin-left:1px}
.cs-challanges{ padding:15px 5px; box-sizing:border-box; width:99%; margin:0px 0px 5px 10px;  }
.cs-challanges h2{margin-top:0}
.cs-challanges ul li{font-size:16px; line-height:28px; margin-bottom:10px;}
.bg{background:rgb(234, 240, 244);}
.relatedcs{ background:#d1d1d1; padding:30px; box-sizing:border-box;}
.relatedcs .cshead{color:#546e7a; font-size:26px; font-weight:500; margin-bottom:20px; display:block;}
.relatedcs ul{list-style:none}	
.relatedcs ul li{display:inline-block; width:31.3333333%; float:left; margin-right:3%; box-sizing:border-box; background:#fff; position:relative; border-left: 5px solid #007abd; }
.relatedcs ul li a{ display:block; padding: 20px 20px 0 20px; box-sizing:border-box; height:auto;  min-height: 150px;  }
.relatedcs ul li:nth-child(3n){margin-right:0}
.relatedcs:after{content:''; display:table; clear:both}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left:10px; background:url('https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/controls.png') no-repeat 0 -32px;}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; }
.bx-wrapper .bx-next { right: 10px; background: url('https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/controls.png') no-repeat -43px -32px; }
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { 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; }
/* PAGER */
.bx-wrapper .bx-pager{text-align:center; font-size:.85em; color:#666;}
.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:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{ background:#000; }
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display:inline-block; vertical-align:bottom; }
.bx-wrapper .bx-pager-item {font-size:0; line-height:0; }
.csimages{margin-top:30px;}
.su-spoiler-content{color:#546e7a; font-weight: 400;}

/* HOME PAGE BANNER SETTINGS */
.homebanner .flickity-page-dots {display: block!important; bottom: 15px!important}
.homebanner .flickity-page-dots .dot {background: #fff!important}

#banner {width:100%; box-sizing:border-box}
.bannerslide {width: 100%; max-height:589px; }
.bannerslide img {max-width: 100%!important; height: auto!important}
.bannerslide .wrapper {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center}

.homebanner {width: 100%; height:589px; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/banner-cad.jpg) no-repeat center top; background-size:100% auto; }
.homebanner .wrapper {position: relative; text-align: center; top:20%}

.bannerheading{color:#fff; font:60px/60px 'Oswald', sans-serif!important; font-weight:100!important; text-shadow:0px 0px 15px #000; display:inline-block; margin-bottom:30px; padding:10px 30px 15px 30px; background-color:rgba(0, 0, 0, 0.5)}
.bannerheading span {color: #f38929; text-shadow:0px 0px; font-weight:400!important; }
.bannertext {color:#fff; text-align:center; text-shadow: 2px 2px 0 #363636; font:20px/36px Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif!important; font-weight:400!important; display:block; padding:10px 30px 15px 30px; background-color:rgba(0, 0, 0, 0.5); width:80%; margin:0 auto 30px auto; }
.bannertext span { color:#fff; font-weight:700}
.bannerbtn{background:url(images/orange-dot-2.png) repeat; font-size:18px; line-height:38px; border-radius:4px; padding:8px 40px; font-weight:600; text-transform:uppercase; color:#fff; position:relative; transition:all 0.5s ease-out; text-decoration:none; border:1px solid #f38929; display:inline-block; box-shadow:0 0 10px rgba(0, 0, 0, 0.20); }

#banner2, #banner3, #banner4 {display: none}

.csboxin{position:relative; width:45%; margin:5px 0px 10px 25px; border:1px solid rgba(204,204,204,.63); background:#f2f2f2; float:right}
.csboxin .csboxhead{background:#d1d1d1; color:#4a4a4a; font-weight:300; padding:10px 15px; box-sizing:border-box; font-family:'Open Sans',sans-serif; margin:0; font-size:20px; }
.csboxin .csboxhead span{font-weight:700;}
.csboxin ul {padding:15px; box-sizing:border-box; margin-bottom:0 }
.csboxin ul li a{color:#007abd; font-size:17px; line-height:28px; font-weight:400}

/* - Flickity - */
.flickity-enabled{position:relative;}
.flickity-enabled:focus {outline:none;}
.flickity-viewport {overflow:hidden;position:relative;height:100%;min-height:110px;}
.flickity-slider {position:absolute;width:100%;height:100%;}
/* draggable */
.flickity-enabled.is-draggable {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.flickity-enabled.is-draggable .flickity-viewport {cursor:move;cursor:-webkit-grab;cursor:grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor:-webkit-grabbing;cursor:grabbing;}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {position:absolute;top:44%;width:44px;height:44px;border:none;border-radius:50%;background:white;background:hsla(0, 0%, 100%, 0.75);cursor:pointer;/* vertically center */-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.flickity-prev-next-button:hover {background: white;}
.flickity-prev-next-button:focus {outline:none;box-shadow:0 0 0 5px #09F;}
.flickity-prev-next-button:active {opacity:0.6;}
.flickity-prev-next-button.previous {left:10px;}
.flickity-prev-next-button.next {right: 10px;}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {left:auto;right:10px;}
.flickity-rtl .flickity-prev-next-button.next {right:auto;left:10px;}
.flickity-prev-next-button:disabled {opacity:0.3;cursor:auto;}
.flickity-prev-next-button svg {position:absolute;left:20%;top:20%;width:60%;height:60%;}
.flickity-prev-next-button .arrow {color:#333;}
/* ---- page dots ---- */
.flickity-page-dots {position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1;}
.flickity-rtl .flickity-page-dots {direction:rtl;}
.flickity-page-dots .dot {display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:0.25;cursor:pointer;}
.flickity-page-dots .dot.is-selected {opacity:1;}
.millworkbanner .projectimage{border:1px solid #d1d1d1; box-sizing:border-box;}
.millworkbanner{margin-bottom:30px;}
.millworkbanner .projectimage a.gallery img{width:100%;height:100%;min-height:100%;margin:0;padding:0;display:block;}

.swp_social_panelSide.slide, .swp_social_panelSide.fade{top:50%!important; display:block!important}

#dpsp-content-bottom{display:none!important}

.desktop-client{display:block!important; max-width:100%}
.mobile-client{display:none!important}
#dpsp-floating-sidebar.dpsp-position-left{top:425px!important}

@media only screen and (max-width: 1169px) {
    #breadcrumb {font-size:11px!important; line-height:20px; padding:0 0 0 0; background:none!important}
    .breadcrumbalt{position:relative!important; top:0px!important; display:inline-block; }
    .breadcrumbalt a{background-color:#e4e4e4!important; border-radius:2px; font-weight:400; max-height:30px; padding:5px 15px 5px 10px!important; line-height:25px!important;}
}

@media only screen and (max-width: 480px) {
	.desktop-client{display:none!important;}
	.mobile-client{display:block!important; max-width:100%}
}

@media only screen and (min-width: 359px) and (max-width: 1280px) {
	.responsive-intro-img{margin:10px 0; display:block; position:relative}
	blockquote{ padding:0; margin-bottom:20px; font-size:20px; line-height:34px; font-weight:500; }
	#innerwrapper {box-sizing: border-box}
	#innerbanner{height:auto; padding:10px; box-sizing:border-box}
	#innerbanner h1{ font-size:1.75em; margin-top:20px; text-align:left; line-height:1.25em}
}
@media only screen and (min-width:768px) and (max-width:1169px){
    #breadcrumb span, #breadcrumb span:last-child a span{color:#fff; font-size:13px; line-height:14px; position:relative!important}
	#breadcrumb span a span{color:#fff; text-decoration:underline; font-size:13px; line-height:14px;}
    #breadcrumb span:last-child a span{text-decoration:none}
	#breadcrumb .bcsep{width:10px; height:20px; display: inline-block;  position: relative; background:none  }
	#breadcrumb .bcsep:after{content: '/';  color: #fff; position: relative;top: -9px; margin: 0 0px 0 3px; font-size:15px; }
}
@media only screen and (min-width: 359px) and (max-width: 767px) {
	nav, .footerright br{display:none}
	/*#breadcrumb{background:none; padding:0}*/
	#breadcrumb span, #breadcrumb span:last-child a span{color:#fff; font-size:13px; line-height:14px; position:relative!important}
	#breadcrumb span a span{color:#fff; text-decoration:underline; font-size:13px; line-height:14px;}
    #breadcrumb span:last-child a span{text-decoration:none}
	#breadcrumb .bcsep{width:10px; height:20px; display: inline-block;  position: relative; background:none  }
	#breadcrumb .bcsep:after{content: '/';  color: #fff; position: relative;top: -9px; margin: 0 0px 0 3px; font-size:15px; }
	.highlight{padding:0}
	#responsive-menu-button{right:10px!important; }
	#innerwrapper{padding:20px 10px; box-sizing:border-box;}
	.csimages{margin-top:0px;}
	.csimages .margin3:nth-child(2n){margin-right:3%!important}
	#innerwrapper .csimages .one-fourth, #innerwrapper .csimages .one-fourth:nth-child(2n){margin-left:1.5%!important; margin-right:1.5%!important; width:47%; float:left}
	.csimages .one-fourth img.width70{height:auto; width:40%; margin:0 auto; text-align:center; float:none; position:relative; display:flex;}
	.csimages img {width:100%; max-width:100%; height:auto}
	#logo{ height:auto; left:6px; top:20px; width:115px; }
	.thepost p, .thepost ul li, .thepost ul li a{font-size:17px; line-height:32px;}
	.cs-challanges{width:auto}
	.swp_social_panelSide.slide, .swp_social_panelSide.fade{display:none!important}
}
@media only screen and (min-width: 359px) and (max-width: 639px) {
	#footerlocation, #footerbar{padding:15px; box-sizing:border-box;}
	#footerlocation .wrapper, #footerbar .wrapper{width:100%; font-size:13px; line-height:30px; }
	#footerlocation .call, #footerlocation .address{width:100%; margin:0; box-sizing: border-box;}
	.footerleft, .footerright{float:left; width:100%; display:block}	
	.footerbar .footerleft a{display:inline-block}
	.footerright a:first-child:after, .footerleft a:last-child:after{content:''; display:table; clear:both}
	.serheading, .popular-posts div.widget-title, .recent-posts div.widget-title{padding:10px;}
	#popularposts .bannerslide{min-height:auto!important; height:auto!important}
}
@media only screen and (min-width: 359px) and (max-width: 979px) {
	.mechanicaltabsmobile {display:block}
	.mechanicaltabs{display:none}	
	#postinfo, #postinfo a{font-size:15px;}
	#dpsp-content-bottom{display:block!important}
}	


@media only screen and (min-width: 1280px) and (max-width: 1339px) {
	.greybg{padding:20px;}
	.statsbar .one-half{padding:30px 20px 0px 25px; box-sizing:border-box;}
	.stat-three, .stat-four{padding-bottom:0!important}
	/*.home-services{padding:0 20px;}
	.home-services{position:relative; padding-top:20px;}*/
	nav {top:15px}
	.popform{top:30px;}
	.bimbanner{width:100%; height:289px}
	.bimbanner #servicebanner .bannerslide .one-third{float:left; width:31.33%; margin-right:3%; height:246px;}
	.bimbanner #servicebanner .bannerslide .one-third:nth-child(3){margin-right:0}		
	ul.servicelisting li a{min-height:100px; font-size:18px; padding:15px 0}
	.serboxtitle{line-height:16px;}	
	.homebanner, .bannerslide, .homebanner .bannerslide img{height:360px!important; width:100%}
	.bannerheading{font:44px/54px 'Oswald', sans-serif!important; font-weight:300!important}
	.bannertext {font-size:17px!important; line-height:27px!important; margin:0 auto 20px auto!important; font-weight:300!important; width:85%;}
	.bannerbtn {padding:10px 25px; font-size:16px; font-weight:600; }
	.bannerslide .wrapper{width:100%}
}

@media only screen and (min-width: 801px) and (max-width: 1280px){
	#innerwrapper .featuredpost .one-half{width:50%!important; float:left!important; margin:0 0 0 0!important}
	.featurepostcontent{padding:15px 15px 0 15px; box-sizing:border-box}
	.featuredposttitle{font:300 22px/32px 'Open Sans',sans-serif; margin-bottom:20px}
	.featurepostcontent .postexrpt{font-size:16px; line-height:26px;}
	.featuredpostimg{width:100%; height:255px;}	
}


@media only screen and (min-width: 1170px) and (max-width: 1279px) {
	.wrapper {width:1150px;}
	#blogbg .wrapper{width: 100%}
	.greybg{padding:20px;}
	.statsbar .one-half{padding:30px 20px 0px 25px; box-sizing:border-box;}
	.stat-three, .stat-four{padding-bottom:0!important}
	.home-services{padding:0 20px;}
	.home-services{position:relative; padding-top:20px;}	
	nav {top:15px}
	.popform{top:30px;}
	.servicesbanners, #servicebanner, #servicebanner .bannerslide{height:277px!important; width:100%;}
	#servicebanner .bannerslide img{height:100%!important}
	.relatedcs ul li{width:30.2%; margin-bottom:10px}
	.relatedcs ul li a{height:auto; min-height:inherit; padding:15px;}					
	.bimbanner{width:100%;}
	.bimbanner #servicebanner .bannerslide .one-third{float:left; width:31.33%; margin-right:3%; height:276px;}
	.bimbanner #servicebanner .bannerslide .one-third:nth-child(3){margin-right:0}		
	ul.servicelisting li a{min-height:100px; font-size:18px; padding:15px 0}
	.serboxtitle{line-height:16px;}	
	.homebanner, .bannerslide, .homebanner .bannerslide img{height:360px!important; width:100%}
	.bannerheading{font:44px/54px 'Oswald', sans-serif!important; font-weight:300!important}
	.bannertext {font-size:17px!important; line-height:27px!important; margin:0 auto 20px auto!important; font-weight:300!important; /*width:85%;*/}
	.bannerbtn {padding:10px 25px; font-size:16px; font-weight:600; }
	.bannerslide .wrapper{width:100%}
	.homebanner {width: 100%; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/banner-cad-640.jpg) no-repeat center top; background-size: 100% 100%;}
	.homebanner .wrapper {position:relative; top:60px; transform:none; text-align:center;}				
}

@media only screen and (min-width: 980px) and (max-width: 1169px) {
	.wrapper {width:970px}
	.width50 img {max-width:100%}
	h1, .bigtitle {line-height:48px}
	nav ul li {padding:20px 10px}
	.popform{padding:3px 10px;}
	nav ul li a{font-size:14px;}
	.bannertext {font-size:43px!important; line-height:56px!important; padding:0}
	
	.downloadbrochure {font-size:17px; line-height:normal; height:auto}
	#blogbg .one-fourth {min-height:auto; padding-bottom:40px}
	.submenu li a {padding:0 5px}
	.bcsep {margin:0}
	#cstop span, #cstop span#tech {padding:10px; font-size:17px}
	#photoscroll .flickity-viewport {min-height:115px!Important;}
	.historywrapper {display:none}
	.historywrap {width:100%; padding:15px 30px 30px 30px; color:#fff; font-size:20px; line-height:35px; font-weight:300; position:relative; top:45px; right:20px; box-sizing:border-box}
	.historywrapper {width:100%}
	.historymobilewrapper {display:block}
	.homecsthumb {height:auto}
	#mapbar p.headline {top:15px}
	
	#blogbg .wrapper{width: 100%}
	nav li#menu-item-11077 ul{ width:960px; top:82px; margin:0 auto; left:-360px; right:-340px; padding:20px;}
	.statsbar .one-half{padding:30px 20px 0px 25px; box-sizing:border-box;}
	.stat-three, .stat-four{padding-bottom:0!important}
	.home-services{padding:0 20px;}
	.hometoptitle1, .home-services .right-txt .bigtitle{font-size:32px; letter-spacing:0}
	.home-services{position:relative; padding-top:20px;}	
	#clients, #blogbg {padding:20px; box-sizing:border-box}		
	nav {top:15px}
	.popform{top:30px;}
	.servicesbanners, #servicebanner, #servicebanner .bannerslide{height:227px!important; width:100%;}
	#servicebanner .bannerslide img{height:100%!important; width:100%}
	.serheading, /*ul.servicenormal li a, ul.servicenormal li p*/ .servicenormal ul li a, .servicenormal ul li p{padding:10px 15px;}		
	.relatedcs ul li{width:30.2%; margin-bottom:10px}
	.relatedcs ul li a{height:auto; min-height:inherit; padding:15px;}				
	.blogpost ul li{ display:inline-block; border:1px solid #ddd; padding:10px; box-sizing:border-box; margin-bottom:30px; width:31.33%; margin-right:18px; vertical-align:top }
	.blogpost ul li:nth-child(3n){margin-right:0}	
	ul.servicelisting li a{min-height:100px; font-size:18px; padding:15px 0}
	.serboxtitle{line-height:16px;}
	#bimsupportvideo {height:auto; min-height:275px; width:47%!important; margin:10px 5px 30px 20px;}	
	.homebanner, .bannerslide, .homebanner .bannerslide img{height:360px!important; width:100%}
	.bannerheading{font:34px/44px 'Oswald', sans-serif!important; font-weight:300!important}
	.bannertext {font-size:17px!important; line-height:27px!important; margin:-3% auto 20px auto!important; font-weight:300!important; /*width:85%;*/}
	.bannerbtn {padding:10px 25px; font-size:16px; font-weight:600; }
	.bannerslide .wrapper{width:100%}	
	.swp_social_panelSide.slide, .swp_social_panelSide.fade{display:none!important}	
	
	.homebanner {width: 100%; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/banner-cad-640.jpg) no-repeat center top; background-size: 100% 100%;}
	.homebanner .wrapper {position:relative; top:60px; transform:none; text-align:center;}			
}
@media only screen and (min-width: 719px) and (max-width: 979px) {
#dpsp-floating-sidebar{display:none!important;}
}
@media only screen and (min-width: 801px) and (max-width: 979px) {
	.popform, #mapbar {display:none!important}
	.wrapper {width:96%}
	#innerwrapper{padding:15px 10px;}	
	.width50 img {max-width:100%}
	h1, .headline, .bigtitle {font-size:35px}
	h1.articletitle, p.articletitle {font-size:30px}
	.bigfont, h2 {font-size:20px; line-height:34px}
	h1, .bigtitle {line-height:48px}
	.rightpadd {padding-right:20px}
	.greybg {padding: 20px 0 30px 0}
	#bluerow {padding: 25px 0 35px 0}
	#clients, #blogbg {padding:20px; box-sizing:border-box}
	#blogbg .one-fourth {width:48.5%!important; margin-bottom:30px; min-height:auto; padding-bottom:0px}
	#blogbg .one-fourth:nth-child(2n){margin-right:0}
	.blogimg img{height:140px}
	.blogtitle{height:auto}
	.postdate{position:relative}
	nav {right:120px; top: 20px}
	.topctabtn{display:block; padding:0 5px; top:35px; right:-6px; font-size:14px; }
	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;}
	
	.downloadbrochure {font-size:16px; line-height:normal; height:auto; padding:10px}
	.sidebarcstitle {font-size:16px; line-height:24px}
	.stat-number {font-size:50px}
	.plus {font-size:35px}
	.stat-title {font-size:16px; margin-top:0}
	.statsbar {margin-top:40px; margin-bottom:30px}
	.ilink {font-size:16px}
	.blogthumb {float:none; margin:0 0 20px 0}
	.submenu {top:-42px}
	.submenu li {height:32px; line-height:32px}
	.submenu li a {font-size:12px; padding:0 4px}
	.bcsep {margin:0}
	#sidebar {width:100%}
	.downloadpdf {float:none; margin:0px 0 20px 0}
	#cstop span, #cstop span#tech, .clientname, .techname {width:100%; float:none}

	.clientname {margin-bottom:15px}
	#photoscroll .flickity-viewport {min-height:91px!Important;}
	.historywrapper {display:none}
	.historywrap {width:100%; padding:15px 30px 30px 30px; color:#fff; font-size:20px; line-height:35px; font-weight:300; position:relative; top:45px; right:20px; box-sizing:border-box}
	.historywrapper {width:100%}
	.historymobilewrapper {display:block}
	.homecsthumb {height:auto}
	.contactside, .contactfrm {width:100%; margin:0; float:none}
	.flickity-page-dots {display: block; bottom: 0!important}
	
	#blogbg .wrapper{width: 100%}

	nav li#menu-item-11077 ul { width:780px; top:82px; margin:0 auto; left:-380px; right:-340px; padding:20px;}
	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}
	nav ul ul {top: 58px}
	
	.statsbar .one-half{padding:30px 20px 0px 25px; box-sizing:border-box;}
	.stat-three, .stat-four{padding-bottom:0!important}
	.home-services{padding:0 20px;}
	.hometoptitle1, .home-services .right-txt .bigtitle{font-size:32px; letter-spacing:0}
	.home-services{position:relative; padding-top:20px;}		
	.servicesbanners, #servicebanner, #servicebanner .bannerslide{height:185px!important; width:100%;}
	#servicebanner .bannerslide img{height:100%!important}	
	.width70{width:64%; float:left;}	
	.width27 {width:33%; float:left;}	
	.serheading, /*ul.servicenormal li a, ul.servicenormal li p*/ .servicenormal ul li a, .servicenormal ul li p{padding:10px 15px;}	
	
	.downloadpdf{right:15px!important; top:40px!important; margin:0!important}
	hr.special{margin:10px 0 15px 0;}
	.info-title{width:34%}
	.info-desc{width:66%}	
	.relatedcs{padding:15px;}
	.relatedcs ul li{width:30.2%; margin-bottom:10px}
	.relatedcs ul li a{height:auto; min-height:inherit; padding:15px;}			
	#topleft{font-size:0.70em}	
	.industrywrap .one-third:nth-child(2n) {margin-right:3%!important}
	#footerlocation, #footerbar{padding:15px; box-sizing:border-box;}
	#footerlocation .wrapper, #footerbar .wrapper{width:100%; font-size:13px; line-height:30px; }
	#footerlocation .call, #footerlocation .address{width:40%; margin:0; box-sizing: border-box;}
	#footerbar .footerright br{display:none}
	#footerlocation .footerright{float:none; text-align:center}
	#footerbar .footerright a:first-child:after{content:''; display:block; clear:both}	
	.blogpost ul li{ display:inline-block; border:1px solid #ddd; padding:10px; box-sizing:border-box; margin-bottom:30px; width:31.33%; margin-right:18px; vertical-align:top }
	.blogpost ul li:nth-child(3n){margin-right:0}
	.bimbanner{width:100%;}
	.bimbanner #servicebanner .bannerslide .one-third{float:left; width:31.33%; margin-right:3%; height:193px;}
	.bimbanner #servicebanner .bannerslide .one-third:nth-child(3){margin-right:0}
	ul.servicelisting li a{min-height:100px; font-size:18px; padding:15px 0}
	.serboxtitle{line-height:16px;}	
	#bimsupportvideo {height:auto; min-height:275px; width:47%!important; margin:10px 5px 30px 20px;}	
	#blogbg{margin-bottom:0!important}
	 .homebanner, .bannerslide, .homebanner .bannerslide img{height:340px!important; width:100%}
	.bannerheading{font:34px/44px 'Oswald', sans-serif!important; font-weight:300!important}
	.bannertext {font-size:17px!important; line-height:27px!important; margin:-3% auto 20px auto!important; font-weight:300!important; /*width:85%;*/}
	.bannerbtn {padding:10px 25px; font-size:16px; font-weight:600; }
	.bannerslide .wrapper{width:100%}
	.thepost p, .thepost ul li{font-size:17px; line-height:30px;}
	.thepost h2{font-size:26px; line-height:38px;}
	#blogtags a, #blogtags span{font-size:12px; margin:5px 0 0 5px;}
	#blogbg .one-fourth, #popularposts .bannerslide{min-height:auto!important; height:auto!important}
	#breadcrumb span{margin:0 3px;}	
	.swp_social_panelSide.slide, .swp_social_panelSide.fade{display:none!important}
	
	.homebanner {width: 100%; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/banner-cad-640.jpg) no-repeat center top; background-size: 100% 100%;}
	.homebanner .wrapper {position:relative; top:40px; transform:none; text-align:center;}		
}
@media only screen and (min-width: 768px) and (max-width: 800px) {
	.popform, #mapbar {display:none!important}
	.wrapper {width:96%}
	#innerwrapper{padding:15px 10px;}
	.width50 img {max-width:100%}
	h1, .headline, .bigtitle {font-size:35px}
	h1.articletitle, p.articletitle {font-size:30px}
	.bigfont, h2 {font-size:18px; line-height:30px}
	h1, .bigtitle {line-height:48px}
	.rightpadd {padding-right:20px}
	.greybg {padding: 20px 0 30px 0}
	#bluerow {padding: 25px 0 35px 0}
	#clients, #blogbg {padding:15px; box-sizing:border-box}
	#blogbg .one-fourth {width:48.5%!important; margin-bottom:30px; min-height:auto; padding-bottom:0px}
	#blogbg .one-fourth:nth-child(2n){margin-right:0}
	.blogimg img{height:140px}
	.blogtitle{height:auto}
	.postdate{position:relative}
	#blogbg{margin-bottom:0!important}
	nav {right:120px; top: 20px}
	.topctabtn{display:block; padding:0 5px; top:35px; right:-6px; font-size:14px;}
	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}	
	.downloadbrochure {font-size:16px; line-height:normal; height:auto; padding:10px}
	.sidebarcstitle {font-size:16px; line-height:24px}
	.stat-number {font-size:50px}
	.plus {font-size:35px}
	.stat-title {font-size:16px; margin-top:0}
	.statsbar {margin-top:40px; margin-bottom:30px}
	.ilink {font-size:16px}
	.blogthumb {float:none; margin:0 0 20px 0}
	.scroll-back-to-top-wrapper {right:5px!important}
	.submenu {top:-42px}
	.submenu li {height:32px; line-height:32px}
	.submenu li a {font-size:12px; padding:0 3px; margin-right:1px}
	
	#breadcrumb {font-size:11px; height:60px}
	.bcsep {margin:0}
	#sidebar {width:100%}
	.downloadpdf {float:none; margin:0px 0 20px 0}
	#cstop span, #cstop span#tech, .clientname, .techname {width:100%; float:none}
	.clientname {margin-bottom:15px}
	#photoscroll .flickity-viewport {min-height:85px!Important;}
	.historywrapper {display:none}
	.historywrap {width:100%; padding:15px 30px 30px 30px; color:#fff; font-size:20px; line-height:35px; font-weight:300; position:relative; top:45px; right:20px; box-sizing:border-box}
	.historywrapper {width:100%}
	.historymobilewrapper {display:block}
	.popsubmit {float:none!important;}
	.homecsthumb {height:auto}
	.contactside, .contactfrm {width:100%; margin:0; float:none}
	.flickity-page-dots {display: block; bottom: 0!important}
	
	#blogbg .wrapper{width: 100%}
	nav li#menu-item-11077 ul{ width:760px; max-width:760px; margin:0 auto; position:absolute; left:-160px; padding:10px;}
	nav ul ul {top: 58px}
	nav li#menu-item-11077 ul li ul a {font-size: 12px!important; line-height: 20px!important}
	
	.greybg .two-third{width:100%}
	.statsbar{ width:100%; padding:0; margin:0 auto; }
	.statsbar div:first-child, .statsbar div:last-child{width:50%; float:left}
	.statsbar .one-half{padding:30px 40px 0px 45px; box-sizing:border-box;}
	.stat-three, .stat-four{padding-bottom:0!important}
	.home-services{padding:0 20px;}
	.home-services .one-half:first-child{display:none}
	.home-services .right-txt{padding:0 0 0 0; width:100%}
	.hometoptitle1, .home-services .right-txt .bigtitle{font-size:32px; letter-spacing:0}
	.home-services{position:relative; padding-top:20px;}	
	.servicesbanners, #servicebanner, #servicebanner .bannerslide{height:195px!important; width:100%;}
	#servicebanner .bannerslide img{height:100%!important}
	/*.width70{width:64%; float:left;}	
	.width27 {width:33%; float:left;}*/
    .width70, .width27 {width:100%; float:none;}
	.serheading, /*ul.servicenormal li a, ul.servicenormal li p*/ .servicenormal ul li a, .servicenormal ul li p{padding:10px 15px;}
	
	.downloadpdf{right:0!important; top:25px!important; margin:0!important}
	hr.special{margin:10px 0 15px 0;}
	.info-title{width:42%}
	.info-desc{width:58%}	
	.relatedcs{padding:15px;}
	.relatedcs ul li{width:30.2%; margin-bottom:10px}
	.relatedcs ul li a{height:auto; min-height:inherit; padding:15px;}		
	#topleft{font-size:0.70em}
	.industrywrap .one-third:nth-child(2n) {margin-right:3%!important}	
	#footerlocation, #footerbar{padding:15px; box-sizing:border-box;}
	#footerlocation .wrapper, #footerbar .wrapper{width:100%; font-size:13px; line-height:30px; }
	#footerlocation .call, #footerlocation .address{width:40%; margin:0; box-sizing: border-box;}
	#footerbar .footerright br{display:none}
	#footerlocation .footerright{float:none; text-align:center}
	#footerbar .footerright a:first-child:after{content:''; display:block; clear:both}	
	#footerbar a:last-child:after{content:''; display:table; clear:both}		
	.blogpost ul li{ display:inline-block; border:1px solid #ddd; padding:10px; box-sizing:border-box; width:47%; margin:0 1.5% 3% 1.5%; float:left;}
	.blogpost ul li:nth-child(3n){margin-right:1.5%}	
	.bimbanner{width:100%;}
	.bimbanner #servicebanner .bannerslide .one-third{float:left; width:31.33%; margin-right:3%; height:193px;}
	.bimbanner #servicebanner .bannerslide .one-third:nth-child(3){margin-right:0}
	ul.servicelisting li a{min-height:125px; font-size:18px; padding:30px 0}
	.serboxtitle{line-height:16px;}
	#bimsupportvideo {height:auto; min-height:275px; width:47%!important; margin:10px 5px 30px 20px;}
	.homebanner, .bannerslide, .homebanner .bannerslide img{height:320px!important; width:100%} 
	.bannerheading{font:34px/44px 'Oswald', sans-serif!important; font-weight:300!important}
	.bannertext {font-size:17px!important; line-height:27px!important; margin:-3% auto 20px auto!important; font-weight:300!important; /*width:85%;*/}
	.bannerbtn {padding:10px 25px; font-size:16px; font-weight:600; }
	.bannerslide .wrapper{width:100%}
	#innerwrapper .featuredpost .one-half{width:50%!important; float:left!important; margin:0 0 0 0!important}
	.featurepostcontent{padding:15px 15px 0 15px; box-sizing:border-box}
	.featuredposttitle{font:300 22px/32px 'Open Sans',sans-serif; margin-bottom:20px}
	.featurepostcontent .postexrpt{font-size:16px; line-height:26px;}
	.featuredpostimg{width:100%; height:255px;}	
	
	.homebanner {width: 100%; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/banner-cad-640.jpg) no-repeat center top; background-size: 100% 100%;}
	.homebanner .wrapper {position:relative; top:20px; transform:none; text-align:center;}	
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
	#projectlable br, .submenu, .hidesmall, .popform, #mapbar {display:none!important}
	.wrapper {width:96%}
	#innerwrapper{padding:15px 10px;}
	#logo {height:auto; left:6px; top:18px; width:130px; }
	.header {height:72px; border-bottom:solid 1px #858585}
	.width50 img {max-width:100%}
	h1, .headline, .bigtitle {font-size:30px}
	h1, .bigtitle {line-height:48px}
	h1.articletitle, p.articletitle {font-size:30px}
	.bigfont, h2 {font-size:18px; line-height:30px}
	#bloghead {font-size:40px}
	.greybg {padding: 20px 0 30px 0}
	#bluerow {padding: 25px 0 35px 0}
	#clients, #blogbg {padding:15px; box-sizing:border-box}
	#bluwrow .aligncenter {margin-bottom: 0}
	#blogbg .one-fourth{width:48.5%!important; margin-bottom:30px; min-height:auto}
	html {padding-top:0!important}
	#wprmenu_bar {padding:0!important; position:absolute; left:auto!important; right:0; background:none!Important}
	#wprmenu_bar .wrapper {margin:0 auto!important}
	#wprmenu_bar .wprmenu_icon {width:42px!important; height:42px!Important}
	#wprmenu_bar .wprmenu_icon span {width:42px!important; height:5px!important}
	#wprmenu_bar span.wprmenu_ic_2 {top:10px!important}
	#wprmenu_bar span.wprmenu_ic_3 {top:20px!important}
	body {left:0!important}
	#wprmenu_menu.right {top:123px}
	.hidelarge {display:block}
	.sidebarcstitle {font-size:16px; line-height:24px}
	#innerpage .two-third, #innerpage .one-third {width:100%; float:none; margin-bottom:25px}
	#innerwrapper .one-half, #sidebar, .width50 .one-half, .width50  {width:100%; float:none; margin:0 0 20px 0!important}
	.stat-number {font-size:29px}
	.plus {font-size:30px}
	.stat-title {font-size:16px; margin-top:0; line-height:26px;}
	.statsbar {margin-top:40px; margin-bottom:30px}
	#wocs2 {font-size:40px}
	#innerwrapper .one-third:before, #innerwrapper .width27:before {display:block; content:""; clear:both}
	.ilink {font-size:16px}
	#cswrapper .one-third {margin-bottom:25px; float:none; width:100%}
	.morelink {float:none}
	.blogthumb {float:none; margin:0 0 20px 0}
	.scroll-back-to-top-wrapper {right:5px!important}
	.bcsep {margin:0}
	.downloadpdf {float:none; margin:0px 0 20px 0}
	#cstop span, #cstop span#tech, .clientname, .techname {width:100%; float:none}
	.clientname {margin-bottom:15px}
	#photoscroll .one-fourth {width:48.5%}
	#photoscroll .flickity-viewport {min-height:165px!Important;}
	.mfp-content .su-lightbox-content {width:90%!important; padding:20px!important; box-sizing:border-box!important}
	.historywrapper {display:none}
	.historywrap {width:100%; padding:15px 30px 30px 30px; color:#fff; font-size:20px; line-height:35px; font-weight:300; position:relative; top:45px; right:20px; box-sizing:border-box}
	.historywrapper {width:100%}
	.historymobilewrapper {display:block}
	#contactpageform input[type="submit"] {float:none}
	.pageimage {width:50%}
	#banner .one-half {width: 100%; margin-right: 0!important; text-align: center!important; float: none}
	.flickity-page-dots {display: block; bottom: 0!important}
	
	#blogbg .wrapper{width: 100%}
	
	.margin3:nth-child(2) {margin-right: 0}
	.greybg .two-third{width:100%}
	.statsbar{ width:100%; padding:0; margin:0 auto; }
	.statsbar div:first-child, .statsbar div:last-child{width:50%; float:left}
	.statsbar .one-half{padding:10px 10px 0px 10px; box-sizing:border-box;}
	.stat-three, .stat-four{padding-bottom:0!important}
	.home-services{padding:0 20px;}
	.home-services .one-half:first-child{display:none}
	.home-services .right-txt{padding:0 0 0 0; width:100%}
	.hometoptitle1, .home-services .right-txt .bigtitle{font-size:32px; letter-spacing:0}
	.home-services{position:relative; padding-top:20px;}	
	.topctabtn {display:inline-block; right:9%; font-size:12px; padding:0 8px}		
	#innerpage .two-third, #innerpage .one-third, #innerpage .width27, .blogmain, #sidebar, .width70, .width27 {width:100%; float:none;}	
	
	.downloadpdf{right:0!important; top:25px!important; margin:0!important}
	hr.special{margin:10px 0 15px 0;}
	.info-title{width:42%}
	.info-desc{width:58%}	
	.relatedcs{padding:15px;}
	.relatedcs ul li{width:30.2%; margin-bottom:10px}
	.relatedcs ul li a{height:auto; min-height:inherit; padding:15px;}		
	/*ul.servicenormal li*/.servicenormal ul li{width:50%; float:left;}
	#sidecontactform ul li{width:49.5%; float:left; margin-right:1%}	
	#sidecontactform ul li:nth-child(2n){margin-right:0%}		
	/*ul.servicenormal li*/ .servicenormal ul li{border-bottom:1px solid #dedede }	
	#sidecontactform ul li:nth-child(5), #sidecontactform ul li:nth-child(6), #sidecontactform ul li:nth-child(7), #sidecontactform ul li:nth-child(8){width:100%; margin-right:0}	
	/*ul.servicenormal li a, ul.servicenormal li p*/ .servicenormal ul li a, .servicenormal ul li p{padding:10px 15px}
	#topleft{font-size:0.70em}	
	.industrywrap .one-fourth{width:48.5%!important; margin-right:3%!important; float:left!important; margin-bottom:0px!important}
	.industrywrap .one-fourth:nth-child(2n) {margin-right:0!important}
	#cswrapper .one-third {width:31.3%!important; margin-right:3%!important; float:left!important; margin-bottom:20px!important}
	#cswrapper .one-third:nth-child(3n) {margin-right:0!important}	
	#footerlocation, #footerbar{padding:15px; box-sizing:border-box;}
	#footerlocation .wrapper, #footerbar .wrapper{width:100%; font-size:13px; line-height:30px; }
	#footerlocation .call, #footerlocation .address{width:49%; margin:0; box-sizing: border-box;}
	#footerlocation .address br{display:none}
	#footerlocation .footerright{float:none; text-align:center}
	#footerbar .footerright a:first-child:after{content:''; display:block; clear:both}	
	#footerbar a:last-child:after{content:''; display:table; clear:both}		
	.blogpost ul li{ display:inline-block; border:1px solid #ddd; padding:10px; box-sizing:border-box; width:47%; margin:0 1.5% 3% 1.5%; float:left;}
	.blogpost ul li:nth-child(3n){margin-right:1.5%}
	.bimbanner{width:100%!important; }
	.bimbanner #servicebanner .bannerslide .one-third{float:left; width:31.33%; margin-right:3%; height:100%}
	.bimbanner .bannerslide {height:230px;}
	.bimbanner #servicebanner .bannerslide .one-third:nth-child(3){margin-right:0}

	.servicesbanners, #servicebanner, #servicebanner .bannerslide{height:200px!important; width:80%; position:relative; float:left;}
	.servicesbanners{margin:10px auto 30px auto; float:none}
	#servicebanner .bannerslide img{height:100%!important; width:100%}	
	.responsivlink{ width:50%!important; display:block}		
	#bimsupportvideo {height:auto; min-height:275px; width:47%!important; margin:10px 5px 30px 20px;}
	.blogimg img{height:140px}
	.blogtitle{height:auto}
	.postdate{position:relative}
	#blogbg{margin-bottom:0!important}
	.homebanner, .bannerslide, .homebanner .bannerslide img{height:300px!important; width:100%}
	.bannerheading{font:34px/44px 'Oswald', sans-serif!important; font-weight:300!important}
	.bannertext {font-size:17px!important; line-height:27px!important; margin:-3% auto 20px auto!important; font-weight:300!important; /*width:85%;*/}
	.bannerbtn {padding:10px 25px; font-size:16px; font-weight:600; }
	.bannerslide .wrapper{width:100%}
	#innerwrapper .featuredpost .one-half{width:50%!important; float:left!important; margin:0 0 0 0!important}
	.featurepostcontent{padding:15px; box-sizing:border-box}
	.featuredposttitle{font:300 22px/32px 'Open Sans',sans-serif; margin-bottom:20px}
	.featurepostcontent .postexrpt{display:none}	
	.featuredpostimg{width:100%; height:155px;}
	
	.homebanner {width: 100%; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/banner-cad-640.jpg) no-repeat center top; background-size: 100% 100%;}
	.homebanner .wrapper {position:relative; top:15px; transform:none; text-align:center;}	
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
	#projectlable br, .submenu, .hidesmall, .popform, .hideservices, #mapbar {display:none!important}
	.wrapper {width:95%}
	#logo {height:auto; left:6px; top:18px; width:130px; }
	.header {height:72px; border-bottom:solid 1px #858585}
	.width50 img {max-width:100%}
	h1, .headline, .bigtitle {font-size:30px}
	h1, .bigtitle {line-height:48px}
	h1.articletitle, p.articletitle {font-size:30px}
	.bigfont, h2 {font-size:22px; line-height:32px; font-weight:400;}
	#bloghead {font-size:40px}
	.greybg {padding: 20px 0 30px 0}
	#bluerow {padding: 25px 0 35px 0}
	#clients, #blogbg {padding:15px; box-sizing:border-box}
	.servicethumbs .one-sixth {width:31.33%; margin-right:3%; margin-top:25px}
	.servicethumbs .one-sixth img {width:100%}
	.servicethumbs .one-sixth:nth-child(3n+3) {margin-right:0}
	#blogbg .one-fourth{width:48.5%!important; margin-bottom:30px; min-height:auto}
	#testimonials .wrapper {padding:25px 0}
	.testimony .width50 {text-align:center}
	html {padding-top:0!important}
	#wprmenu_bar {padding:0!important; position:absolute; width:70%!important; left:auto!important; right:0}
	#wprmenu_menu.right {top:123px}
	#wprmenu_bar .wrapper {margin:0 auto!important}
	#wprmenu_bar .wprmenu_icon {width:42px!important; height:42px!Important}
	#wprmenu_bar .wprmenu_icon span {width:42px!important; height:5px!important}
	#wprmenu_bar span.wprmenu_ic_2 {top:10px!important}
	#wprmenu_bar span.wprmenu_ic_3 {top:20px!important}
	body {left:0!important}
	.hidelarge {display:block}
	.sidebarcstitle {font-size:16px; line-height:24px}
	#innerpage .two-third, #innerpage .one-third, #innerpage .width27, .blogmain, #sidebar {width:100%; float:none; margin-bottom:25px}
	#bloghead {font-size:35px; text-align:center}
	#innerwrapper .one-half, .width50 .one-half, .width50   {width:100%; float:none; margin:0 0 20px 0!important}
	.stat-number {font-size:48px}
	.plus {font-size:30px}
	.stat-title {font-size:16px; margin-top:0}
	.statsbar {margin-top:40px; margin-bottom:0px}
	.statsbar .one-fifth {width:31.33%; margin-bottom:20px}
	.statsbar .one-fifth:nth-child(3n) {margin-right:0!important}
	#innerwrapper .one-third:before, #innerwrapper .width27 {display:block; content:""; clear:both}
	#innerwrapper .one-fifth {width:50%; float:none; margin-bottom:20px}
	#innerwrapper .three-fourth {width:100%; float:none; margin-bottom:20px}
	.industrywrap .one-fourth{width:48.5%!important; margin-right:3%!important; float:left!important; margin-bottom:0px!important}
	.industrywrap .one-fourth:nth-child(2n) {margin-right:0!important}
	#cswrapper .one-third {margin-bottom:25px; float:none; width:100%}
	.morelink {float:none}
	.blogthumb {float:none; margin:0 0 20px 0}
	#blogbg .one-fourth {padding-bottom:40px}
	.scroll-back-to-top-wrapper {right:5px!important}
	.bcsep {margin:0}
	.downloadpdf {float:none; margin:0px 0 20px 0}
	#cstop span, #cstop span#tech, .clientname, .techname {width:100%; float:none}
	.clientname {margin-bottom:15px}
	#photoscroll .one-fourth {width:48.5%}
	#photoscroll .flickity-viewport {min-height:auto!Important;}
	.mfp-content .su-lightbox-content {width:96%!important; padding:20px!important; box-sizing:border-box!important}
	.historywrapper {display:none}
	.historywrap {width:100%; padding:15px 30px 30px 30px; color:#fff; font-size:20px; line-height:35px; font-weight:300; position:relative; top:45px; right:20px; box-sizing:border-box}
	.historywrapper {width:100%}
	.historymobilewrapper {display:block}
	#contactpageform input[type="submit"] {float:none}
	.pageimage {float:none; margin-bottom:30px; margin-right:0}
	.flickity-page-dots {display: block; bottom: 0!important}
	#blogbg .wrapper{width: 100%}
	.margin3:nth-child(2) {margin-right: 0}
	.greybg .two-third{width:100%}
	.statsbar {margin-bottom:20px; width:100%; float:left; box-sizing:border-box;}
	.statsbar .one-half{padding:0 0px 30px 10px; box-sizing:border-box;}
	.stat-three, .stat-four{padding-bottom:0!important}
	.home-services{padding:0 20px;}
	.home-services .one-half:first-child{display:none}
	.home-services .right-txt{padding:0 0 0 0; width:100%}
	.hometoptitle1, .home-services .right-txt .bigtitle{font-size:38px; letter-spacing:0}
	.home-services{position:relative; padding-top:20px;}	
	#innerpage .two-third, #innerpage .one-third, #innerpage .width27, .blogmain, #sidebar, .width70, .width27 {width:100%; float:none;}	
	.topctabtn {display:inline-block; right:12%; font-size:12px; padding:0 8px}	
	.servicesbanners, #servicebanner, #servicebanner .bannerslide{height:200px!important; width:100%;}
	#servicebanner .bannerslide img{height:100%!important; width:100%!important}	
	
	.downloadpdf{right:0!important; top:25px!important; margin:0!important}
	hr.special{margin:10px 0 15px 0;}
	.info-title{width:42%}
	.info-desc{width:58%}	
	.relatedcs{padding:10px 15px;}
	.relatedcs ul li{width:100%; margin-bottom:10px}
	.relatedcs ul li a{height:auto; min-height:inherit; padding:15px;}	
	#sidecontactform ul li{width:49%; float:left; margin-right:1.5%}
	#sidecontactform ul li:nth-child(2n) {margin-right:0}
	/*ul.servicenormal li*/ .servicenormal ul li{width:50%; height:65px; float:left; display:flex; justify-content: center; flex-direction:column; text-align:left; border-bottom:1px solid #dedede }	
	#sidecontactform ul li:nth-child(5), #sidecontactform ul li:nth-child(6), #sidecontactform ul li:nth-child(7), #sidecontactform ul li:nth-child(8){width:100%; margin-right:0}
	ul.servicenormal{display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; -webkit-justify-content:center/*space-around*/; justify-content:center; justify-content:space-around; -webkit-align-items:center; align-items:center; }

	/*ul.servicenormal li a, ul.servicenormal li p*/ .servicenormal ul li a, .servicenormal ul li p{font-size:15px; display:block; padding:10px; box-sizing:border-box; line-height:19px; }
	#topleft{font-size:0.70em}
	.blogpost ul li{ display:inline-block; border:1px solid #ddd; padding:10px; box-sizing:border-box; margin-bottom:30px; width:100%; margin-right:0px;}
	.blogpost ul li:nth-child(9){margin-bottom:0}
	.bimbanner {width:100%; margin:0 auto 30px;}	
	.bimbanner .bannerslide .one-third, .bimbanner .bannerslide, .bannerslide img {height:198px!important; }
	.bimbanner .bannerslide .one-third{width:31.33%!important; float:left!important; margin-right:3%;}
	.bimbanner .bannerslide .one-third:nth-child(3n){margin-right:0}
	#bimsupportvideo {height:auto; min-height:275px; width:100%!important; margin:20px 0px;}
	.responsivlink{ width:50%!important; display:block}	
	.homebanner, .bannerslide, .homebanner .bannerslide img{height:300px!important; width:100%}	
	.bannerheading{font:24px/34px 'Oswald', sans-serif!important; font-weight:300!important}
	.bannertext {font-size:16px!important; line-height:26px!important; margin:-3% auto 20px auto!important; font-weight:300!important; /*width:85%;*/}
	.bannerbtn {padding:10px 25px; font-size:16px; font-weight:600; }
	.bannerslide .wrapper{width:100%}
	
	.featuredpostimg{width:100%; height:170px;}
	#innerwrapper .one-half+ .featurepostcontent{margin:0 0 0 0!important; padding:0 20px 20px 20px; box-sizing:border-box}
	span.postinfo{float:none; display:block}
	.featuredposttitle{font:300 24px/38px 'Open Sans',sans-serif; margin-bottom:10px;}	

	
	.homebanner {width: 100%; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/banner-cad-360.jpg) no-repeat center top; background-size: 100% 100%; height:400px!important;}
	.homebanner .wrapper {position:relative; top:40px; transform:none; text-align:center;}
	.blog-carousel .one-fourth{width:100%; margin-bottom:35px;}
	.blog-carousel .one-fourth:nth-child(4){margin-bottom:0px;}	
}

@media only screen and (min-width: 360px) and (max-width: 479px) {
	submenu, .hidesmall, .popform, #mapbar {display:none!important}
	.wrapper {width:95%}
	#logo {height:auto; left:6px; top:18px; width: 130px}
	.header {height:72px; border-bottom:solid 1px #858585}
	.width50 img{max-width:100%}
	h1, .headline, .bigtitle {font-size:28px; line-height:normal}
	h1.articletitle, p.articletitle {font-size:24px}
	.bigfont, h2 {font-size:22px; line-height:32px; font-weight:400;}
	.greybg {padding: 20px 0 30px 0}
	#bluerow {padding: 25px 0}
	#clients, #blogbg {padding:15px; box-sizing:border-box}
	.servicethumbs .one-sixth {margin-top:10px; margin-bottom:5px; width:48.5%}
	.servicethumbs .one-sixth img{width:100%}
	.servicethumbs .one-sixth:nth-child(2n+3) {margin-right:0}
	#blogbg {padding-bottom:5px}
	#clients {padding:20px 0 30px 0}
	#clients .one-sixth {width:32%; margin-right:1%}
	html {padding-top:0!important}
	#wprmenu_bar {padding:0!important; position:absolute; width:70%!important; left:auto!important; right:0; top:73px}
	#wprmenu_menu.right {top:123px}
	#wprmenu_bar .wrapper {margin:0 auto!important}
	#wprmenu_bar .wprmenu_icon {width:42px!important; height:42px!Important}
	#wprmenu_bar .wprmenu_icon span {width:35px!important; height:5px!important; border-radius:4px}
	#wprmenu_bar span.wprmenu_ic_2 {top:10px!important}
	#wprmenu_bar span.wprmenu_ic_3 {top:20px!important}
	body {left:0!important}
	#topleft{font-size:0.70em}
	.hidelarge {display:block}
	.sidebarcstitle {font-size:16px; line-height:24px}
	#innerpage .two-third, #innerpage .one-third, #innerpage .width27, .blogmain, #sidebar {width:100%; float:none; margin-bottom:25px}
	#bloghead {font-size:24px; text-align:center; height:100px; line-height:100px}
	#innerwrapper .one-half, .width50 .one-half, .width50   {width:100%; float:none; margin:0 0 20px 0!important}
	.stat-number {font-size:40px}
	.plus {font-size:30px}
	.stat-title {font-size:16px; margin-top:0}
	.statsbar {margin-top:40px; margin-bottom:0px}
	.statsbar .one-fifth {width:31.33%; margin-bottom:20px}
	.statsbar .one-fifth:nth-child(3n) {margin-right:0!important}
	.ctabtn {font-size:19px}
	#innerwrapper .one-third:before, #breadcrumb:after, #innerwrapper .width27:before {display:block; content:""; clear:both}
	#innerwrapper .one-fourth {width:48.5%; margin-right:3%!important}
	#innerwrapper .one-fourth:nth-child(2n) {margin-right:0!important}
	#breadcrumb #pageshare {margin-top:10px; float:none}
	#pagecta {padding:20px; margin-top:10px}
	.ctahead2 {font-size:17px; line-height:28px}
	#innerwrapper .one-fifth {width:50%; float:none; margin-bottom:20px}
	#innerwrapper .three-fourth {width:100%; float:none; margin-bottom:20px}
	.industrywrap .one-third {width:48.5%; margin-right:3%!important}
	.industrywrap .one-third:nth-child(2n) {margin-right:0!important}
	.ilink {font-size:16px}
	#cswrapper .one-third {margin-bottom:25px; float:none; width:100%}
	.morelink {float:none}
	.blogthumb {float:none; margin:0 0 20px 0}
	.blogthumb img {max-width:100%; height:auto}
	.scroll-back-to-top-wrapper {right:5px!important}
	.bcsep {margin:0}
	.downloadpdf {float:none; margin:0px 0 20px 0}
	#cstop span, #cstop span#tech, .clientname, .techname {width:100%; float:none}
	.clientname {margin-bottom:15px}
	#photoscroll .one-fourth {width:100%; margin-right:0!important}
	#photoscroll .flickity-viewport {min-height:auto!Important; margin-bottom:20px}
	.mfp-content .su-lightbox-content {width:96%!important; padding:10px!important; box-sizing:border-box!important}
	#photoscroll .flickity-page-dots .dot {width:7px!Important; height:7px!important; margin:0 4px!important}
	#photoscroll .one-fourth img {width:108%!important}
	.historywrapper {display:none}
	.historywrap {width:100%; padding:15px 30px 30px 30px; color:#fff; font-size:20px; line-height:35px; font-weight:300; position:relative; top:45px; right:20px; box-sizing:border-box}
	.historywrapper {width:100%}
	.historymobilewrapper {display:block}
	#contactpageform input[type="text"], #contactpageform input[type="email"], #contactpageform input[type="tel"], #contactpageform textarea {margin-bottom:0}
	.ctabtn a.su-button span {font-size:17px!important}
	.ctabtn2 {font-size:22px; width:90%}
	.ctahead {font-size:18px; line-height:30px}
	#contactpageform input[type="submit"] {float:none}
	.pageimage {float:none; margin-bottom:30px; margin-right:0}
	#banner .one-half {width: 100%; margin-right: 0!important; text-align: center!important; float: none}
	.flickity-page-dots {display: block; bottom: 0!important}
	#blogbg .wrapper{width: 100%}
	.greybg .two-third{width:100%}
	.statsbar {margin:0; width:100%; float:left; box-sizing:border-box;}
	.statsbar .one-half{padding:0 0px 30px 10px; box-sizing:border-box;}
	.stat-three, .stat-four{padding-bottom:0!important}
	.home-services{padding:0 20px;}
	.home-services .one-half:first-child{display:none}
	.home-services .right-txt{padding:0 0 0 0; width:100%}
	.hometoptitle1, .home-services .right-txt .bigtitle{font-size:32px; letter-spacing:0}
	.home-services{position:relative; padding-top:20px;}
	#innerpage .two-third, #innerpage .one-third, #innerpage .width27, .blogmain, #sidebar, .width70, .width27 {width:100%; float:none;}	
	.topctabtn {display:inline-block; right:14%; font-size:12px; padding:0 8px}	
	.servicesbanners, #servicebanner, #servicebanner .bannerslide{height:150px!important; width:100%;}
	#servicebanner .bannerslide img{height:100%!important; width:100%!important}	
	.servicesbanners{margin-bottom:20px;}
	.downloadpdf{right:0!important; top:25px!important; margin:0!important}
	hr.special{margin:10px 0 15px 0;}
	.info-title{width:42%}
	.info-desc{width:58%}	
	.relatedcs{padding:15px;}
	.relatedcs ul li{width:100%; margin-bottom:10px}
	.relatedcs ul li a{height:auto; min-height:inherit; padding:15px;}	
	#sidecontactform ul li{width:49%; float:left; margin-right:1.5%}
	#sidecontactform ul li:nth-child(2n) {margin-right:0}
	/*ul.servicenormal li*/.servicenormal ul li{width:50%;height:65px;float:left;display:flex;justify-content: center; flex-direction:column; text-align:left; border-bottom:1px solid #dedede  }
	#sidecontactform ul li:nth-child(5), #sidecontactform ul li:nth-child(6), #sidecontactform ul li:nth-child(7), #sidecontactform ul li:nth-child(8){width:100%; margin-right:0}
	ul.servicenormal{display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; -webkit-justify-content:center/*space-around*/; justify-content:center; justify-content:space-around; -webkit-align-items:center; align-items:center; }
	
	/*ul.servicenormal li a, ul.servicenormal li p*/ .servicenormal ul li a, .servicenormal ul li p{font-size:15px; display:block; padding:10px; box-sizing:border-box; line-height:19px; }
	img.client{width:90%; max-width:90%; height:auto; margin:0 auto}		
	#blogbg .one-fourth{height:auto; min-height:320px; /*margin-bottom:0;*/}
	.dateicon{display:inline-block!important}
	.blogpost ul li{ display:inline-block; border:1px solid #ddd; padding:10px; box-sizing:border-box; margin-bottom:30px; width:100%; margin-right:0px;}
	.blogpost ul li:nth-child(9){margin-bottom:0}	
	.bimbanner {width:100%; margin:0 auto 30px;}	
	.bimbanner .bannerslide .one-third, .bimbanner .bannerslide, .bannerslide img {height:150px!important; }
	.bimbanner .bannerslide .one-third{width:31.33%!important; float:left!important; margin-right:3%;}
	.bimbanner .bannerslide .one-third:nth-child(3n){margin-right:0}
	#bimsupportvideo {height:auto; min-height:275px; width:100%!important; margin:20px 0px;}
	.homebanner, .bannerslide, .homebanner .bannerslide img{height:400px!important; width:100%}
	.bannerheading{font:24px/34px 'Oswald', sans-serif!important; font-weight:300!important}
	.bannertext {font-size:16px!important; line-height:26px!important; margin:-3% auto 20px auto!important; font-weight:300!important; /*width:85%;*/}
	.bannerbtn {padding:10px 25px; font-size:16px; font-weight:600; }
	.bannerslide .wrapper{width:100%}
	.csbox {width:100%; float:none; margin:0 auto 0 auto}
	.csboxin{width:100%; float:none; margin:10px auto 15px auto}

	.featuredpostimg{width:100%; height:170px;}
	#innerwrapper .one-half+ .featurepostcontent{margin:0 0 0 0!important; padding:0 20px 20px 20px; box-sizing:border-box}
	span.postinfo{float:none; display:block}
	.featuredposttitle{font:300 24px/38px 'Open Sans',sans-serif; margin-bottom:10px;}	
	
	.homebanner {width: 100%; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/banner-cad-360.jpg) no-repeat center top; background-size: 100% 100%;}
	.homebanner .wrapper {position:relative; top:20px; transform:none; text-align:center;}
	.blog-carousel .one-fourth{width:100%; margin-bottom:35px;}
	.blog-carousel .one-fourth:nth-child(4){margin-bottom:0px;}	
}


@media only screen and (max-width: 359px) {
	.submenu, .hidesmall, .popform, #mapbar, nav {display:none!important}
	.wrapper{width:95%}

	#innerpage, #blogbg .wrapper, #innerpage .two-third, #innerpage .one-third, #innerpage .width27, .blogmain, #sidebar, .width70, .width27{width:100%; float:none;}
	#innerwrapper .one-third:before, #breadcrumb:after, #innerwrapper .width27:before {display:block; content:""; clear:both}
	#innerwrapper .one-fourth {width:48.5%; margin-right:3%!important}
	#innerwrapper .one-fourth:nth-child(2n) {margin-right:0!important}
	
	#topleft{font-size:0.70em}
	#logo {height:auto; left:6px; top:20px; width: 115px}
	.header {height:72px; border-bottom:solid 1px #858585}
	.greybg {padding: 20px 0 30px 0}
	.greybg .two-third{width:100%}
	.statsbar {margin:20px 0; width:100%; float:left; box-sizing:border-box;}
	.statsbar .one-half{padding:0 0px 30px 10px; box-sizing:border-box;}
	.stat-three, .stat-four{padding-bottom:0!important}
	.stat-number {font-size:40px}
	.plus {font-size:30px}
	.stat-title {font-size:16px; margin-top:0}
	.statsbar .one-fifth {width:31.33%; margin-bottom:20px}
	.statsbar .one-fifth:nth-child(3n) {margin-right:0!important}
	
	.home-services{padding:0 20px;}
	.home-services .one-half:first-child{display:none}
	.home-services .right-txt{padding:0 0 0 0; width:100%}
	.hometoptitle1, .home-services .right-txt .bigtitle{font-size:32px; letter-spacing:0}
	.home-services{position:relative; padding-top:20px;}	
	#clients {padding:20px 0 30px 0}
	#clients .one-sixth {width:32%; margin-right:1%; padding:10px; box-sizing:border-box}	
	.client{width:90%; max-width:90%; height:auto}
	#blogbg {padding-bottom:5px}
	.topctabtn {display:inline-block; right:16%; font-size:12px; padding:0 8px}
	.servicesbanners, #servicebanner, #servicebanner .bannerslide{height:136px!important; width:100%;}
	#servicebanner .bannerslide img{height:100%!important;}
	.downloadpdf{right:0!important; top:25px!important; margin:0!important}
	hr.special{margin:10px 0 15px 0;}
	.info-title{width:42%}
	.info-desc{width:58%}	
	.relatedcs{padding:15px;}
	.relatedcs ul li{width:100%; margin-bottom:10px}
	.relatedcs ul li a{height:auto; min-height:inherit; padding:15px;}
	h1.articletitle, p.articletitle, h1, .headline, .bigtitle {font-size:30px; line-height:normal}
	.bigfont, h2 {font-size:26px; line-height:30px; font-weight:500}
	#bloghead {font-size:24px; text-align:center; height:100px; line-height:100px}
	.sidebarcstitle {font-size:16px; line-height:24px}
	.ctabtn {font-size:18px}
	#pagecta {padding:20px; margin-top:10px}
	.ctahead2 {font-size:17px; line-height:28px}
	.ilink {font-size:16px}	
	.width50 img {max-width:100%}
	h1, .headline, .bigtitle {font-size:28px; line-height:normal}
	h1.articletitle, p.articletitle {font-size:20px}
	.bigfont, h2 {font-size:22px; line-height:32px; font-weight:400;}
	#bluerow {padding: 25px 0}	
	#blogbg {margin-bottom: 20px}	
	#blogbg {padding:15px; box-sizing:border-box}	
	.servicethumbs .one-sixth {margin-top:10px; margin-bottom:5px; width:48.5%}
	.servicethumbs .one-sixth img {width:100%}
	.servicethumbs .one-sixth:nth-child(2n+3) {margin-right:0}
	#blogbg {padding-bottom:5px}
	#blogbg .one-fourth {min-height:auto}
	#testimonials .wrapper {padding:25px 0}
	html {padding-top:0!important}
	#wprmenu_bar {padding:0!important; position:absolute; width:70%!important; left:auto!important; right:0; top:73px}
	#wprmenu_menu.right {top:123px}
	#wprmenu_bar .wrapper {margin:0 auto!important}
	#wprmenu_bar .wprmenu_icon {width:42px!important; height:42px!Important}
	#wprmenu_bar .wprmenu_icon span {width:35px!important; height:5px!important; border-radius:4px}
	#wprmenu_bar span.wprmenu_ic_2 {top:10px!important}
	#wprmenu_bar span.wprmenu_ic_3 {top:20px!important}
	body {left:0!important}
	.hidelarge {display:block}	
	#bloghead {font-size:20px; text-align:center; height:100px; line-height:100px}
	.sidebarcstitle {font-size:16px; line-height:24px}
	#innerpage .two-third, #innerpage .one-third, #innerpage .width27, .blogmain, #sidebar, .width70, .width27 {width:100%; float:none;}
	#bloghead {font-size:28px; text-align:center}
	#innerwrapper .one-half, .width50 .one-half, .width50   {width:100%; float:none; margin:0 0 20px 0!important}
	.stat-number {font-size:40px}
	.plus {font-size:30px}
	.stat-title {font-size:16px; margin-top:0}
	.statsbar {margin-top:40px; margin-bottom:0px}
	.statsbar .one-fifth {width:31.33%; margin-bottom:20px}
	.statsbar .one-fifth:nth-child(3n) {margin-right:0!important}
	.ctabtn {font-size:19px}
	#innerwrapper .one-third:before, #breadcrumb:after, #innerwrapper .width27:before {display:block; content:""; clear:both}
	#innerwrapper .one-fourth {width:48.5%; margin-right:3%!important}
	#breadcrumb #pageshare {margin-top:10px; float:none}
	#pagecta {padding:20px; margin-top:10px}
	.ctahead2 {font-size:17px; line-height:28px}
	#innerwrapper .one-fifth {width:50%; float:none; margin-bottom:20px}
	#innerwrapper .three-fourth {width:100%; float:none; margin-bottom:20px}
	.industrywrap .one-third {width:48.5%; margin-right:3%!important}
	.industrywrap .one-third:nth-child(2n) {margin-right:0!important}
	.ilink {font-size:16px}
	#cswrapper .one-third {margin-bottom:25px; float:none; width:100%}
	.morelink {float:none}
	.blogthumb {float:none; margin:0 0 20px 0}
	.blogthumb img {max-width:100%; height:auto}
	#blogbg .one-fourth {padding-bottom:40px}
	.scroll-back-to-top-wrapper {right:5px!important}
	.bcsep {margin:0}
	.downloadpdf {float:none; margin:0px 0 20px 0}
	#cstop span, #cstop span#tech, .clientname, .techname {width:100%; float:none}
	.clientname {margin-bottom:15px}
	#csshare {float:none; height:60px}
	#photoscroll .one-fourth {width:100%; margin-right:0!important}
	#photoscroll .flickity-viewport {min-height:auto!Important; margin-bottom:20px}
	.mfp-content .su-lightbox-content {width:96%!important; padding:10px!important; box-sizing:border-box!important}
	#photoscroll .flickity-page-dots .dot {width:7px!Important; height:7px!important; margin:0 4px!important}
	#photoscroll .one-fourth img {width:108%!important}
	.historywrapper {display:none}
	.historywrap {width:100%; padding:15px 30px 30px 30px; color:#fff; font-size:20px; line-height:35px; font-weight:300; position:relative; top:45px; right:20px; box-sizing:border-box}
	.historywrapper {width:100%}
	.historymobilewrapper {display:block}
	#contactpageform input[type="text"], #contactpageform input[type="email"], #contactpageform input[type="tel"], #contactpageform textarea {margin-bottom:0}
	.ctabtn a.su-button span {font-size:17px!important}
	.ctabtn2 {font-size:22px; width:90%}
	.ctahead {font-size:18px; line-height:30px}
	#contactpageform input[type="submit"] {float:none}
	#bimsupportvideo {height:auto; min-height:auto}
	.pageimage {float:none; margin-bottom:30px; margin-right:0}
	#banner .one-half {width: 100%; margin-right: 0!important; text-align: center!important; float: none}
	.flickity-page-dots {display: block; bottom: 0!important}
	#blogbg .wrapper{width: 100%}
	.topctabtn {display:inline-block; right:16%; font-size:12px; padding:0 8px}
	.servicesbanners, #servicebanner, #servicebanner .bannerslide{height:136px!important; width:100%;}
	#servicebanner .bannerslide img{height:100%!important;}
	.downloadpdf{right:0!important; top:25px!important; margin:0!important}
	hr.special{margin:10px 0 15px 0;}
	.info-title{width:42%}
	.info-desc{width:58%}	
	.relatedcs{padding:15px;}
	.relatedcs ul li{width:100%; margin-bottom:10px}
	.relatedcs ul li a{height:auto; min-height:inherit; padding:15px;}
	.blogpost ul li{ display:inline-block; border:1px solid #ddd; padding:10px; box-sizing:border-box; margin-bottom:30px; width:100%; margin-right:0px;}
	.blogpost ul li:nth-child(9){margin-bottom:0}
	#bimsupportvideo {height:auto; min-height:275px; width:100%!important; margin:20px 0px;}
	.bimbanner {width:100%; margin:0 auto 30px;}	
	.bimbanner .bannerslide .one-third, .bimbanner .bannerslide, .bannerslide img {height:150px!important; }
	.bimbanner .bannerslide .one-third{width:31.33%!important; float:left!important; margin-right:3%;}
	.bimbanner .bannerslide .one-third:nth-child(3n){margin-right:0}
	.homebanner, .bannerslide, .homebanner .bannerslide img{height:400px!important; width:100%}
	.bannerheading{font:24px/34px 'Oswald', sans-serif!important; font-weight:300!important}
	.bannertext {font-size:16px!important; line-height:26px!important; margin:-3% auto 20px auto!important; font-weight:300!important; /*width:85%;*/}
	.bannerbtn {padding:10px 25px; font-size:16px; font-weight:600; }
	.bannerslide .wrapper{width:100%}
	.csbox {width:100%; float:none; margin:0 auto 0 auto}
	.csboxin{width:100%; float:none; margin:10px auto 15px auto}	

	.featuredpostimg{width:100%; height:170px;}
	#innerwrapper .one-half+ .featurepostcontent{margin:0 0 0 0!important; padding:0 20px 20px 20px; box-sizing:border-box}
	span.postinfo{float:none; display:block}
	.featuredposttitle{font:300 24px/38px 'Open Sans',sans-serif; margin-bottom:10px;}
	
	.homebanner {width: 100%; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/banner-cad-360.jpg) no-repeat center top; background-size: 100% 100%;}
	.homebanner .wrapper {position:relative; top:20px; transform:none; text-align:center;}
	/*.blogimg{position:relative; float:left; width:38%; margin-right:2%;}
	.blogtitle{margin-top:0px; padding:0; float:left; width:60%; margin-bottom:0; clear:right;}
	.postdate{padding:10px 25px; margin-top:0; position:relative; float:left; clear:left; line-height:14px;}
	.blogimg img{height:100px;}
	.dateicon{margin-right:5px; display:inline-block!important}*/
	.blog-carousel .one-fourth{width:100%; margin-bottom:35px;}
	.blog-carousel .one-fourth:nth-child(4){margin-bottom:0px;}	
}


@media all and (max-width: 1200px) {
	
	.home-services { padding-left: 55%; }
	.box { top: 75px; width: calc(60% - 80px); height: auto; }
	
}

@media all and (max-width: 1000px) {

	.box { top: 97px; left: 20px; width: calc(60% - 86px); }
	.home-services { padding-left: 0; }	
	#servicelist { padding-left: 55% }
	#servicelist li { margin-top: 10px; }
	.servicetitle { font-size: 18px; padding: 0 25px 0 20px; }
	.home-services .bigtitle { text-align: center; }
}
@media all and (max-width: 750px) {
	.box { width: calc(60% - 87px); }
}

@media all and (max-width: 630px) {
	.home-services { padding-right:0; }
	#servicelist { padding-left: 0; }	
	#servicelist .box { display:none; }	
}

.thepost p em{ font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; }
.thepost h2, .thepost h3, .thepost h4{ margin-top: 15px;}
.thepost h2{ font-size:32px; font-weight: 700!important; line-height:42px;}
.thepost h3{ font-size:26px; font-weight: 400!important; line-height:32px;}
.thepost h4{ font-size:24px; font-weight: 400!important; line-height:30px;}
.thepost h2.special, .thepost h3.special, .thepost h4.special{ color:#007abd; margin-bottom: 12px;}
.thepost h4.benefit{color: #007abd; font-weight: 700!important; font-size: 24px; border-bottom: 1px solid #007abd; padding: 14px 0 ; margin:0px 0 15px 0; position: relative; }
.thepost h3.benefit{color: #4a4a4a; font-weight: 700!important; font-size: 24px; border-bottom: 1px solid #4a4a4a; padding: 14px 0 ; margin:0px 0 15px 0; position: relative; }
.thepost blockquote.blockquotes{color:#242e3e; padding:10px; background:#f0f8ff url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/left-quote-mark.png) no-repeat right 10px bottom 10px; font-weight:normal;   font-style: italic; font-family:Cambria, "Times New Roman", "serif"; box-sizing:border-box; font-size:17px; line-height:1.4; margin-top:0; background-size:6%; border:0; width:46%; margin-left:30px;}
.thepost blockquote.special2{ font-size:17px; line-height:24px; padding:10px; width:46%; margin-right:0!important }
.thepost blockquote.special{ color: #242e3e; padding:10px 20px; background: #f0f8ff; font-weight: normal; font-style: italic; font-family: Cambria, "Times New Roman", "serif"; box-sizing: border-box; font-size: 20px; line-height: 32px; margin-top:0; }
.right{float:right; margin-left: 20px!important;}
.left{float:left; margin-right: 20px!important; }
.highlightul{ position:relative; margin-left: 0!important; }
.highlightul li{ list-style:none!important; }
.figurebox{ transition-property: box-shadow; transition-duration: 0.3s; transition-timing-function: cubic-bezier(.57,.21,.69,1); padding: 10px 15px !important;
color: #242e3e; margin-bottom: 20px!important; border-right: 1px solid rgba(0,0,0,0.2); box-sizing: border-box; line-height: 28px!important; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 3px solid rgba(0,0,0,0.2); font-size: 18px!important; font-weight: 500;}
.figurebox span{font-weight:700; margin-top:15px; color:#000; font-size:18px;}
.postcs{background: #F0F7F7 url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/csimg.png) no-repeat right -100px bottom -100px;padding:15px;box-sizing: border-box;border: 1px solid #ddd;position: relative;background-size: 40% auto;margin: 20px 0;}
.postcs a, .redtxt{color: #ed6c5d;text-transform: uppercase;letter-spacing: 2px;font-size: 13px;font-weight: 700;}
.postcshead{ color:#000000!important; border-bottom:1px solid #ddd; padding-bottom:15px; font-size:22px!important; font-weight: 700!important}
.sourceline{position: relative;display: inline-block;font-size: 13px;margin-top: 10px;line-height: normal;font-family: Cambria, "Times New Roman", "serif";font-style: italic}
.thepost p{font-size: 17px!important;line-height: 32px!important;}
.infobox{position:relative; width: 39%; color: #242e3e;font-size: 20px;line-height: 30px;border-left: 5px solid #007abd;padding:10px 20px;background: #f2f2f2;font-weight: normal;font-style: italic;font-family: Cambria, "Times New Roman", "serif";box-sizing: border-box;margin: 10px 15px 10px 0px;}
.post-specialline{font-family: "Oswald", Sans-serif!important;font-size: 24px!important;font-weight: 300;color: #06090a;line-height: 40px!important;padding: 15px 40px;margin: 40px 0;border-left: solid 5px #007abd;background-color: rgba(235, 243, 255, 0.5);}
#responsiveimg{position:relative; width:370px; float:right; margin:15px;}

.relevantblog{font-size:20px!important; font-weight:700; color:#000; margin-top:20px; display:block; padding:15px 0;}
.relevantblog a{color:#ed6c5d; font-weight:400; text-decoration:underline; letter-spacing:0.8px;}
.postbenefits{box-shadow:0px 0 12px rgba(0,0,0,0.1); padding:20px 15px 20px 105px; border-top-left-radius:10px; color:#242e3e; margin-top:15px!important;margin-bottom: 15px!important; box-sizing:border-box; line-height:28px!important; font-size:18px!important; font-weight:500;}
.postbenefits span{font-weight:700; margin-top:15px; color:#000; font-size:18px;}
.money{background:url("https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/money.png"); border-left:1px solid rgba(131, 228, 210, 0.70); border-top:5px solid rgba(131, 228, 210, 0.70);}
.customer{background: url("https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/customer.png"); border-left:1px solid rgba(9, 191, 240, 0.50); border-top:5px solid rgba(9, 191, 240, 0.50);}
.discount{background: url("https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/offer.png"); border-left:1px solid #FED9B9; border-top:5px solid #FED9B9;}
.margin{background: url("https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/margin.png"); border-left:1px solid #f38929; border-top:5px solid #f38929;}

.money, .customer, .discount, .margin {background-repeat:no-repeat; background-position:top 50% left 25px; background-size:10% }
.rightimg{width:54%;float:right;position:relative;margin-left:20px;}
.leftimg{width:50%;float:left;position:relative;margin:10px 20px 0 0; }
.responsiverightimg{width:auto;float:right;position:relative;margin-left:20px;}

.email-block {padding:30px; background:-webkit-linear-gradient(211.59deg,#005aab 0%,rgba(54,123,232,0) 87.87%),#033e5e; background:linear-gradient(238.41deg,#005aab 0%,rgba(54,123,232,0) 87.87%),#033e5e; position:relative; text-align:center; color:#fff; margin-top:0; font-weight:300; font-size:26px!important; line-height: 38px!important; display:flex; justify-content:center; align-items:center; z-index: 0!important;}
.cut {height:100%; width:100%; min-height:100%; position:absolute; right:0; top:0; background:url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/bg-cut.png) 100% 0 no-repeat; background-size:contain; z-index:2; background-blend-mode:overlay; mix-blend-mode:overlay; opacity:.2;}
.email-block .text {z-index:9999999; position:relative; top:0; width:60%; float:left; text-align:left }
.emailblock{ position:relative; float:left; width:36%; padding:10px; font-size: 20px; font-weight:400; background:#f38929; color:#ffffff; -webkit-transition: .3s ease; transition:.3s ease; z-index:99999999999; border:none; cursor:pointer; text-transform:uppercase; letter-spacing:1.5px; display:block; margin-left:20px}

.ctabox-2{color:#252525; text-align:left; font-weight:600; font-style:normal; padding:17px 15px 17px 20px; margin:30px auto; border: 1px solid #d9d9d9; border-bottom:4px solid #d9d9d9; border-bottom-right-radius: 10px;  display:flex; justify-content:center; align-items:center; z-index: 0!important;background:#f1f1f1}
.ctabox-2 p{font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-size:20px!important; font-weight: 700; line-height: 1.6!important; margin: 0 0 0 0}
.ctabox-2 p span{font-weight:700}
.ctabox-2 a{padding:15px 15px 17px 45px; font-weight:600; border-radius:5px; line-height:1.5; background:#007abd url(cta-mail.png) no-repeat left 17px top 21px; border-width:5px!important; position:relative; display:inline-block; color:#fff; text-shadow:2px 1px 2px rgba(0, 0, 0, 0.50); font-size:18px; cursor:pointer; box-shadow:inset 0 0 5px 5px rgba(0,0,0,0.15);}
.ctabox-2 a:hover{box-shadow:none;text-shadow:none;}

.videobox{float:right; width:47%; margin-left:3%}
.videobox iframe{width:100%; height:250px}

/*Updated on 03012020 - Hitech iSolutions partners with Tacton Systems to deliver powerful CPQ Solutions*/
.width50 {width:50%!important; box-sizing:border-box}
@media only screen and (max-width: 639px) {
	.width50 {width:100%!important;}
}
@media only screen and (min-width: 640px) and (max-width: 1169px) {
	.width50 {width:50%!important;}
}


@media all and (max-width: 750px) {
    .infobox{width: 100%; margin: 14px 0!important}
    .thepost h2.special, .thepost h3.special, .thepost h4.special{line-height: normal; margin: 20px 0 10px 0}
    .thepost h2.special{font-size:22px;}
    .thepost h3.special{font-size:20px;}
    .thepost h4.special, .thepost h4.benefit{font-size:18px;margin-top:0!important}
    .figurebox{font-size:17px!important; line-height: normal!important; padding: 10px 15px !important}
    .thepost blockquote.blockquotes, .thepost blockquote{padding:50px 20px 20px 20px; background:#f0f8ff url(left-quote-mark.png) no-repeat left 20px top 15px; font-size:20px; line-height:30px; margin-top:30px; background-size: 10%; width: 100%}
    .thepost blockquote.special2{width:100%; background: #efefef; font-size: 17px; line-height: 27px;}
    .thepost blockquote.special{background:#f0f8ff!important;padding:15px!important; }
    .postcs{padding: 10px 15px;background:#F0F7F7 url(https://www.hitechcaddservices.com/wp-content/themes/hitechcaddtheme/images/csimg.png) no-repeat right -35px bottom -35px}
    .thepost p{font-size: 17px!important;line-height: 32px!important;}
    #responsiveimg{width: 100%; max-width: 100%; float:none; text-align:center; margin:0 auto;}
    .rightimg{width: 100%}
    
    .email-block{flex-direction: column; font-size: 18px!important; line-height: 30px!important; }
    .email-block .text, .emailblock{width: 100%}
    .emailblock{margin: 15px auto 0 auto!important; box-sizing: border-box!important}
    .videobox{float:none; width:100%; margin-left:0%}
    .responsiverightimg{width:100%;float:none;position:relative;margin-left:0;}
    .thepost h3.benefit{font-size: 20px; padding:0 0 5px 0; margin:20px 0;}
}
@media all and (max-width:512px) {
.leftimg{width:100%}
}
.thepost > .social-rocket-inline-buttons{margin-top: 15px;}
@media all and (min-width: 783px){
    .thepost > .social-rocket-inline-buttons{display: none!important;}
}

/* 03 - 08 - 2019 */
.clearfix { *zoom:1; }
.clearfix:before, .clearfix:after { display:table; clear:both; content:""; line-height:0; }
.thepost h2.special, .thepost h3.special, .thepost h4.special{letter-spacing:-1px}

/*Importance of Federated BIM CSS*/
.sidecs{ background:rgba(240, 248, 255, 0.5); border:2px solid rgba(204, 204, 204, 0.63); box-sizing:border-box; padding:10px 15px; line-height:26px; box-shadow:5px 5px 0 rgba(0, 0, 0, 0.1); }
.csheadalt{ font-weight:600; margin-bottom:5px!important; border-bottom:1px solid rgba(0,0,0,0.1); }
.sidecs p{font-size:15px!important; line-height:25px!important; color:#262626;}
.sidecs a{ color:#ed6c5d; font-size:14px; font-weight:700;}
.sidecs p, .sidecs a{font-family:Cambria; font-style:italic;}
.bim-model-img{width:290px; text-align:center; position:relative; float:right}
.bim-model-img img{width:100%}
.sourceline-alt{display:block; font-style:italic; color:#454545; font-family:Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', 'serif'; font-size:14px}
@media only screen and (min-width:340px) and (max-width:580px){
    .bim-model-img{margin:0 auto; float:none}
}
@media only screen and (min-width:581px) and (max-width:768px){
    .bim-model-img{width:250px}
}

@media only screen and (min-width: 481px) and (max-width:768px) {
    .rightimg{margin:10px!important; float:right; width:50%!important}       
}
@media only screen and (min-width:359px) and (max-width:768px){
.thepost h3{font-size:20px!important; line-height:normal}    
}

/*How CAD shop drawings address engineering behind shopfitting*/
.special-boxs{ background:rgba(241, 241, 241, 0.40); padding:10px; box-sizing:border-box; margin-right:5px;}
.image-container-box {position:relative; float:right; margin:5px 0px 5px 30px;}
.image-container-box img{border-radius:50%; }
@media all and (max-width:479px) {
    .postcs > .leftimg, .postcs > .alignright, .rightimg, .image-container-box img {margin:0 auto 15px auto!important; display: block; width:100%; float:none}
    .image-container-box{width:50%; float:none; margin:0 auto 0 auto; }
}

/*Have You Chosen the Right CAD Drafting Outsourcing Company? - 06112019*/
.contenttable{border:1px solid #d0d0d0; margin:10px auto; padding:10px; box-sizing:border-box; border-radius:5px; }
.contenttable ul{margin:0 0 0 0;}
.contenttable ul li{position:relative; padding:0 0 0 25px; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; list-style:none }
.contenttable ul li a{ color:#0274be;}
.contenttable ul li a:hover{ color:#303037; text-decoration: underline}
.contenttable ul li:before{ height:15px; width:15px; content:'\25E2'; position:absolute; left:0; top:8px; background-color:#d1d1d1; text-align:center; color:#fff; font-size:10px; line-height:15px; }
.contenttable ul li:hover:before{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); transform: scale(1.1); } 
.contenttable p{margin:0 auto 15px auto}
.contenttable p:last-child{margin-bottom:0!important}
.infographicbtn{font-size:24px; font-weight:400; color:#023150; background:rgba(0, 111, 198, 0.10); display:block; padding:22px; box-sizing:border-box; font-family:Cambria; font-style:italic; letter-spacing:-1px; line-height:30px; border:1px solid rgba(2, 116, 190, 0.3); border-radius:5px; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1); }
.infographicbtn:hover{background-color:#023150; color:#fff}
.info-box{background:#fefefe; border:2px solid #dedede; margin-top:0!important;  padding:15px 20px; color:#133153!important; font-size:18px!important; line-height:26px!important; position:relative; font-weight:400!important; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"!important; font-style:italic!important; text-shadow:1px 1px 3px #e9e9e9; margin:20px auto!important; display:block;}

#que1, #que3, #que5, #que7, #que9, #que11{ background-color:rgba(241, 241, 241, 0.4) }
.benefixbox{margin-left:45px;position:relative; border-top-left-radius:0}
.benefixbox.alt{margin-left:0!important;position:relative; border-top-left-radius:5px}
.benefixbox p:last-child{margin-bottom:0}
.benefithead{ color:#000; font-weight:400; font-size:22px!important; display:block; border-bottom:1px solid #d0d0d0; padding-bottom:10px; letter-spacing:-0.5px;margin-bottom:10px }
h2.benefithead{ color:#000; font-weight:400; font-size:22px!important; display:block; border-bottom:1px solid #d0d0d0; padding-bottom:10px; letter-spacing:-0.5px;margin-bottom:10px; margin-top:0!important }
.benefixboxnumber{position:absolute;left:-45px;top:-1px;height:45px;width:45px;background:#d1d1d1; text-align:center; line-height:45px;color: #4a4a4a; border-top-left-radius:5px; border-bottom-left-radius:5px}
/*.benefixbox#que1:before{content:'1'}*/
.normal-listing{margin:0 0 15px 20px!important}
.normal-listing li{position:relative!important; list-style:disc!important; padding-left:0!important}
.normal-listing li:before{display:none!important}
.sliding-wrp{ display:none;}
.show-slide-wrp, .hide-slide-wrp{font-weight:500; color:#208fee; font-size:17px; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"!important; font-style:italic!important; text-shadow:1px 1px 3px #e9e9e9;cursor: pointer; transition:all 0.9s}
.show-slide-wrp:hover, .hide-slide-wrp:hover{color:#303037}

@media only screen and (min-width: 340px) and (max-width: 479px) {
    .leftimg, .rightimg, .contenttable ul{margin-top:15px!important}    
}
.fl{float:left; }
.fr{float:right;}
.width25 {width:25%;}

.emailblockwhite{position:relative; float:left; width:36%; padding:10px; font-size:20px; font-weight:400; background:#FFFFFF; color:#033e5e; -webkit-transition:.3s ease; transition:.3s ease; z-index:99999999999; border:none; cursor:pointer; text-transform:uppercase; letter-spacing:0; display:block; margin-left:20px;}

@media all and (max-width: 750px) {
    .email-block{flex-direction: column; font-size: 18px!important; line-height: 30px!important; }
    .email-block .text, .emailblockwhite{width: 100%!important}
    .emailblockwhite{margin: 15px auto 0 auto!important; box-sizing: border-box!important} 
}
@media all and (max-width: 750px) {
	.leftresponsiveimg{width:65%;margin:0 auto;float:none;display:flex;image-rendering:optimizeSpeed;image-rendering:optimizeQuality;}
}

.cta-box { width:100%; margin:40px auto; max-width:100%; padding:35px 75px; border:5px solid #def3ff; display:block; box-sizing:border-box; clear:both; text-align:center; }
.cta-box p { font-size:28px!important; line-height:40px!important; color:#000; margin-top:0; letter-spacing:-.02em; font-weight:400;}	
.cta-box a { padding:25px 35px 25px; font-weight:500; text-transform:uppercase; letter-spacing:.5px; background:#000; color:#fff; text-decoration:none; line-height:normal; display:inline-block; margin:10px auto 0 auto; transition:cubic-bezier(.19,.53,.39,.87) .3s; word-break:break-all; vertical-align:middle; font-size:22px; }
.cta-box a:hover { text-decoration:underline}
@media only screen and (max-width:639px) {
	.cta-box{padding:15px; border:3px solid #def3ff;}
	.cta-box p { font-size:24px!important; line-height:38px!important;}
	.cta-box a { padding:20px; font-size:17px; word-break:normal; }
}
.lightpoint-box{ border: 1px solid #cbcbcb; display: flex; flex-direction: column; position: relative; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border-radius: 0.25rem; margin:15px auto 20px; box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%) !important; }
.lightpoint-box-title{ padding: 0.75rem 1rem; border-radius: calc(0.5rem - 5px) calc(0.5rem - 5px) 0 0; background-color: #fff; border-bottom: 1px solid #cbcbcb;}
.lightpoint-box-title h3{ margin: 0 0 0 0; font-size: 20px; line-height: 30px; color: #2c3652; text-shadow: 0 0 1px rgb(241 245 250 / 10%); }
.lightpoint-box-details{ position:relative; padding:1rem 1rem;}
.lightpoint-box-details p:last-child{margin-bottom:0}
.lightpoint-box-image{height: 200px; width: 300px; background: #e7e7e7; padding: 10px; box-sizing: border-box; border: 1px solid #cbcbcb; float: right; margin: 0px 0px 15px 15px; border-radius: calc(0.5rem - 5px); display:flex; flex-direction:row; align-items:center; justify-content:center; text-align:center }
@media only screen and (min-width:310px) and (max-width:574px){
.lightpoint-box-image{height:auto; width:100%; padding:5px; float:none; margin: 0 auto 15px auto; }
.lightpoint-box-image img{display:block; margin:0; width:100%; }
}
@media only screen and (min-width:575px) and (max-width:1023px){
.lightpoint-box-image{height:auto; width:50%; padding:5px; float:right; margin:10px auto 10px 10px; }
.lightpoint-box-image img{display:block; margin:0; width:100%; }
}
@media only screen and (min-width:575px) and (max-width:1023px){
.lightpoint-box-image{height:auto; width:50%; padding:5px; float:right; margin:10px auto 10px 10px; max-width:300px; }
.lightpoint-box-image img{display:block; margin:0; width:100%; }
}
.highlight-line{width: 100%; border: solid 1px #ccc; box-sizing: border-box; padding: 10px 16px; border-left: 5px solid #1d7abd; font-style: italic; color: #262626; background: #fefefe; font-family: cambria;}

.csimg-wrap .one-half img, .csimg-wrap .one-third img{background:#fff; border:1px solid #dedede; padding:5px; box-sizing:border-box; display:block; height:auto; width:100%;}
@media only screen and (min-width:310px) and (max-width:574px){
	.csimg-wrap .one-half, .csimg-wrap .one-third{width:100%; margin:0 auto 20px;}
	.csimg-wrap .one-half:only-child,.csimg-wrap .one-half:last-child, .csimg-wrap .one-third:only-child, .csimg-wrap .one-third:last-child{margin:0 auto 0;}
}
.image-point{margin:0 auto 15px;background:#fefefe;display:inline-block;width:100%;border:1px solid rgba(204, 204, 204, 0.63);box-sizing:border-box;padding:10px 10px 0px 10px;border-radius:5px;}	
.list-item ul li{list-style:circle}
.imageborder{padding:5px;border:1px solid #dedede;box-sizing:border-box;width:100%;height:auto;}
.imgcaption{margin:0 auto;background:#f2f2f2;display:block;width:100%;border:1px solid rgba(204, 204, 204, 0.63);box-sizing:border-box;text-align:center;font-size:14px;line-height:30px;}
.table-of-content{max-width:100%;padding:12px 20px;border:1px solid #d9d9d9;background:#fafafa;margin-bottom:17px}
.table-of-content p{font-size:17px;font-weight:700;border-bottom:1px solid #d9d9d9;padding-bottom:10px;line-height:1;}
.table-of-content ul{position:relative;margin-left:20px;margin-top:0;margin-bottom:0;}
.table-of-content ul li{line-height:1;margin-bottom:3px;}
.table-of-content ul li:last-of-type{margin-bottom:0;}
.table-of-content ul li a{color:#0645ad;font-size:16px;line-height:26px;}
.table-of-content ul li a:hover{text-decoration:underline}
.faq-accordion{margin:0 auto;width:100%;position:relative;}
.question{border:1px solid #ddd;border-radius:5px;margin-bottom:10px;}
.question.active{background-color:#e9f8ff;}
.question-title{padding:10px;cursor:pointer;display:flex;align-items:center;position:relative;font-size:20px!important;margin:5px 0 0px 0!important;line-height:30px!important;}
.question-title::before{content:"+";margin-right:5px;position:absolute;right:15px;}
.question.active .question-title::before{content:"-";}
.question-content{display:none;padding:0px 10px 10px 10px;}
.question-content p, .question-content ul li{font-size:17px!important;line-height:27px!important;}
.question.active .question-content {display:block;}

.pickpoint{position:relative;padding:25px;box-sizing:border-box;margin:15px auto 25px;border-right:5px solid;background:#f3f3f3;-webkit-box-shadow:0 5px 35px rgb(0 0 0 / 10%);-moz-box-shadow:0 5px 35px rgba(0,0,0,.1);-ms-box-shadow:0 5px 35px rgba(0,0,0,.1);-o-box-shadow:0 5px 35px rgba(0,0,0,.1);box-shadow:0 5px 35px rgb(0 0 0 / 10%);-webkit-clip-path:polygon(20px 0,100% 0,100% 100%,0 100%,0 20px);clip-path:polygon(20px 0,100% 0,100% 100%,0 100%,0 20px);}
.pickpoint p{font-size:clamp(17px, 8vw, 21px)!important;color:#222;line-height:1.3!important;font-family:'Times New Roman';font-style:italic;font-weight:700;}
.pickpoint span{font-size:15px;color:#a3a3a3;line-height:1.3!important;float:right;}
.pickpoint a, .postfwimage a, .posthalfimage a{font-size:15px;color:#185abc;line-height:1.3!important;font-weight:600;margin:5px;}
.postfwimage{position:relative;width:100%;margin:15px auto;padding:5px;background:#ffffff;border:1px solid #ddd;box-sizing:border-box;object-fit:cover;object-position:center;}
.posthalfimage{position:relative;width:100%;margin:15px auto;padding:5px;background:#ffffff;border:1px solid #ddd;box-sizing:border-box;object-fit:cover;object-position:center;max-width:500px;}
.postfwimage img, .posthalfimage img{position:relative;width:100%;object-fit:cover;object-position:center;display:block;}
.postfwimage span, .posthalfimage span{display:block;border-radius:4px;padding:10px;background:rgb(243, 251, 255);margin:0 auto;overflow:hidden;width:100%;box-sizing:border-box;text-align:center;margin-top:10px;font-size:15px;color:#a3a3a3;line-height:1.3!important;border:1px solid #dedede;}
.post_cs{background:#F0F7F7;padding:15px;box-sizing:border-box;width:100%;display:block;margin-bottom:20px;border:1px solid rgba(0,0,0,0.2);border-radius:4px;}
.post_cs p.post_cs_head{font-size:clamp(18px, 8vw, 20px)!important;color:#1d3c3c;display:block;border-bottom:1px solid rgba(0,0,0,0.3);line-height:1.4!important;letter-spacing:-0.4px;padding-bottom:15px;font-weight:700;}
.post_cs p{color:#222;font-weight:400;}
.cs4thumbbox_wrap, .cs2thumbbox_wrap{display:flex;flex-direction:row;align-items:normal;justify-content:center;flex-wrap:wrap;margin-top:10px;}
.cs4thumbbox_wrap .csthumbbox{width:calc(25% - 22px);padding:5px;border:1px solid #ddd;background:#ffffff;border-radius:5px;margin:5px;}
.cs2thumbbox_wrap .csthumbbox{width:calc(50% - 22px);padding:5px;border:1px solid #ddd;background:#ffffff;border-radius:5px;margin:5px;}
.csthumbbox img{display:block;width:100%;}
.csthumbbox span{display:block;width:100%;margin-top:5px;background:#f0f7f7;padding:10px 15px;box-sizing:border-box;font-size:15px;line-height:20px;text-align:center;color:#000;}
@media only screen and (min-width:310px) and (max-width:574px){
.cs4thumbbox_wrap .csthumbbox, .cs2thumbbox_wrap .csthumbbox{width:calc(100% - 22px);padding:5px;border:1px solid #ddd;background:#ffffff;border-radius:5px;margin:5px;}
}

.company_logo{float:right;width:200px;height:auto;max-height:150px;position:relative;margin:10px 0 12px 12px;padding:5px;border:1px solid #dedede;border-radius:4px;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;object-fit:contain;}
@media only screen and (min-width:200px) and (max-width:359px){.company_logo{float:none;width:100%;height:auto;max-height:none;margin:10px auto 12px auto;max-width:200px}}
@media only screen and (min-width:360px) and (max-width:574px){.company_logo{float:right;width:150px;height:auto;max-height:none;max-width:150px}}

/*15062024*/
.faq-accordion{width:100%;margin:20px auto;}.faq-accordion-item{margin-bottom:8px}.faq-accordion-item:last-child{border-bottom:none;margin-bottom:0}.faq-accordion-header{background:#e6eaee;padding:15px;text-align:left;width:100%;outline:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;border-radius:5px;border:1px solid rgb(119 119 125 / 20%);font-size:18px;color:#023A51;line-height:1;font-weight:600;font-family:'Source Sans 3', sans-serif;}.faq-accordion-content{max-height:0;overflow:hidden;padding:0 15px;background:#fff;transition:max-height 0.3s ease, padding 0.3s ease;}.faq-accordion-item.active .faq-accordion-header{border-radius:5px 5px 0px 0px;border-bottom:0;}.faq-accordion-item.active .faq-accordion-content{max-height:200px;padding:15px;border-radius:0px 0px 5px 5px;border:1px solid rgb(119 119 125 / 20%)}.faq-accordion-header .faq-sign{position:relative;width:35px;height:35px;background:#ffffff;padding:10px;box-sizing:border-box;border-radius:50%;border:1px solid rgb(119 119 125 / 20%)}.faq-accordion-header .faq-sign::before, .faq-accordion-header .faq-sign::after{content:'';position:absolute;top:50%;left:50%;width:10px;height:2px;background-color:#000;transition:transform 0.6s ease, opacity 0.6s ease}.faq-accordion-header .faq-sign::before{transform:translate(-50%, -50%) rotate(90deg)}.faq-accordion-header .faq-sign::after{transform:translate(-50%, -50%)}.faq-accordion-item.active .faq-sign::before{opacity:0}.faq-accordion-content p, .faq-accordion-content ul li{color:#3a505a;font-weight:400;font-family:'Source Sans 3', Segoe UI, SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:17px;line-height:28px}.faq-accordion-content ul{margin-left:20px}

.gated_box{border-radius:8px;padding:35px 30px;background-color:#ebf3ff;border:1px solid rgb(0 122 189 / 41%);position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;margin:25px 0px 35px;box-sizing:border-box;border-bottom:5px solid #007abd}
.gated_box_thumb{width:40%;height:auto}
.gated_box_thumb a{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.gated_box_thumb a img{display:block;width:100%;height:auto}
.gated_box_content{width:60%;padding-left:30px;height:auto;color:#373a3c;box-sizing:border-box}
.gated_box_content p.gated_box_content_head{font-size:clamp(18px,8vw,28px)!important;font-family:"Source Sans 3",sans-serif;line-height:1.3!important;display:block;color:#000;font-weight:600}
.gated_box_content ul{position:relative;list-style:none}
.gated_box_content ul li{position:relative;margin-bottom:5px;line-height:26px;list-style:none}
.gated_box_content ul li:before{content:"";position:absolute;height:8px;width:8px;background:#007abd;left:-18px;top:10px}
.gatedbtn{background:#007abd;color:#fff;display:inline-block;padding:12px 28px;font-size:20px;transition:all .3s ease}
.gatedbtn:hover{color:#fff;background:#043d5b}
@media only screen and (min-width: 200px) and (max-width:574px) {.gated_box{width:100%;margin:20px auto 30px;max-width:94%}.gated_box_thumb{width:100%;max-width:300px;margin-bottom:30px}.gated_box_content{width:100%;padding:0 0 0 0}.gated_box_content p.gated_box_content_head{margin-bottom:15px}.gatedbtn{margin-top:20px}}
@media only screen and (min-width: 575px) and (max-width:800px){.gated_box{width:100%;margin:20px auto 30px;justify-content:flex-start;padding:40px}.gated_box_thumb{width:100%;max-width:60%;margin:0 0 20px 0}.gated_box_content{width:100%;padding:0 0 0 0}.gated_box_content 
.gatedbtn{margin-top:30px;}}
@media only screen and (min-width: 801px) and (max-width:1169px){.gated_box{width:100%;margin:30px 0px;}.gated_box_content{padding-left:20px;}.gatedbtn{margin-top:20px}}


/*#disqus_thread iframe:first-child{display:none!important;visibility:hidden!important;opacity:0!important;z-index:-999999!important;}*/

div#disqus_thread iframe[sandbox] {max-height:0px!important;display:none!important;visibility:hidden!important;opacity:0!important;z-index:-999999!important;}

/*26032025*/
.image_box{position:relative;border:solid 1px #d3e3fd;padding:10px;box-sizing:border-box;margin:10px auto 15px;border-radius:5px;box-shadow:1px 1px 16px rgb(221 221 221/63%)}
.image_box img{display:block;width:100%;position:relative;height:auto!important;margin:0 auto!important;border-radius:5px}
.image_box span{position:relative;display:block;width:100%;height:auto;color:#464646;font-weight:400;font-size:15px;text-align:center;background:#edeff6;padding:6px 15px 8px;box-sizing:border-box;border:1px solid #d3e3fd;border-radius:5px;letter-spacing:-.3px;text-decoration:none;font-family:'Source Sans Pro', 'Open Sans', sans-serif;margin-top:10px;line-height:1.2}
.image_box span a{display:inline-block;color:#000}
.stylish-listing{position:relative;margin:12px auto 12px 0!important;list-style:none!important}
.stylish-listing li{position:relative;list-style:none!important;margin-bottom:12px!important;padding-left:36px!important;margin-left:0!important}
.stylish-listing li::before{content:"";position:absolute;left:0;top:4px;height:24px;width:24px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%2334A853" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-4-4 1.4-1.4 2.6 2.6 6.6-6.6L18 9l-8 8z"></path></svg>') no-repeat center;background-size:contain;}
.stylish-listing li:last-child{margin-bottom:0}
.rr_box{position:relative;background:#f8f8ff;width:100%;margin:30px auto;border-radius:8px;overflow:hidden;padding:20px 20px 20px 80px;font-size:17px;font-style:italic;box-sizing:border-box;}
.rr_box::before{content:"\01D48A";font-weight:700;background:#007abd;color:#fff;padding:.88rem 1.5rem;margin-right:1rem;position:absolute;left:0;top:0;height:100%;display:grid;place-items:center;box-sizing:border-box;font-size:20px;}
.rr_box a{font-weight:500;text-decoration:none;color:#ff7a18;}
.rr_box:hover a{text-decoration:underline;}
.csimgreset{display:block;width:100%;border:1px solid #ddd;padding:10px;box-sizing:border-box;background:#fff;text-align:center;max-width:392px;}
.download_resource{padding:28px;background-color:#f8f8ff;border-radius:8px;margin-bottom:20px;box-sizing:border-box;border:1px solid #d0d0ff;position:relative;font-family:"Source Sans 3", sans-serif;}
.download_resource p.download_resource_head{font-size:20px!important;font-weight:700!important;color:#000000!important}
.download_resource_content_btn{border-radius:6px;display:inline-block;font-size:17px;line-height:1.6;padding:12px 20px;background-color:#007abd;border:1px solid #007abd;color:#fff;text-decoration:none;transition:all .2s ease 0s;box-shadow:0 2px 14px 0 rgba(0, 0, 0, .1);font-weight:700;vertical-align:middle;cursor:pointer;text-align:center;margin-top:10px}
.download_resource_thumb{width:300px;height:auto;float:right;margin:0px 0px 15px 15px}
.download_resource_thumb a, .download_resource_thumb a img{display:block;width:100%;height:auto;object-fit: cover;object-position:center center}

.stepboxs{padding-left:35px;box-sizing:border-box}.stepbox{position:relative;margin-bottom:40px;transition:all 0.3s ease;background-color:#eaf4ff;padding:5px 25px;border-radius:6px;box-sizing:border-box}/*.stepbox::before{content:attr(data-step);position:absolute;left:-32px;top:0;width:36px;height:36px;background:#007abd;color:#ffffff;border-radius:50%;text-align:center;font-weight:bold;line-height:36px;box-shadow:0 0 0 4px #ffffff;transition:transform 0.3s ease;z-index:2;font-size:16px}.stepbox::after{content:'';position:absolute;left:-15px;top:39px;width:2px;height:calc(103% - 0px);background:#007abd}*/.stepbox:last-child::after{content:none}.stepboxhead strong{display:block;font-size:18px;color:#003f6f;margin-bottom:8px}.stepboxhead{font-size:15px;color:#333;}.image_box{position:relative;border:solid 1px #d3e3fd;padding:10px;box-sizing:border-box;margin:10px auto 15px;border-radius:5px;box-shadow:1px 1px 16px rgb(221 221 221/63%)}.image_box img{display:block;width:100%;position:relative;height:auto!important;margin:0 auto!important;border-radius:5px}.image_box span{position:relative;display:block;width:100%;height:auto;color:#464646;font-weight:400;font-size:15px;text-align:center;background:#edeff6;padding:6px 15px 8px;box-sizing:border-box;border:1px solid #d3e3fd;border-radius:5px;letter-spacing:-.3px;text-decoration:none;font-family:'Source Sans Pro', 'Open Sans', sans-serif;margin-top:10px;line-height:1.2}.image_box span a{display:inline-block;color:#000}.img-thumbnail{width:100%;display:block;height:auto!important;position:relative;padding:5px;border:1px solid #dedede;border-radius:5px;box-sizing:border-box;margin-bottom:20px;}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background:#000}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}ul{padding-left:0}