/* Compiled Less CSS File */

/* Generated from "cad.css" */

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, td, video, tt, u, ul, var { background: transparent; border: 0 none; font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table, table td { padding: 0; border: none; border-collapse: collapse; }
img, object, embed { max-width: 100%; }
img { height: auto; width: auto; }
embed { vertical-align: top; }
.clearfix { float: none; clear: both; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
body { background-image: url("https://cdn.indiacadworks.com/images/page-top-bg.jpg"); background-repeat: repeat-x; background-color: #f4f4f4; font-family: Arial, Helvetica, sans-serif; position: relative; }
#wrapper { margin-right: auto; margin-left: auto; width: 1024px; }
.img-left { float: left; }
.img-right { float: right; }
header { float: left; /*height: 63px; margin-top: 10px;*/
width: 100%; }
header .logo { float: left; width: 260px; height: 52px; padding-top: 1px; }
.show_hide_menu { display: none; }
.show_hide_menu .lineBar { width: 30px; height: 4px; background-color: #939393; display: block; margin: 0; border-radius: 4px; }
/*
header .top-links { float: right; width: 763px; height: 60px; margin-top: 2px; }
header .top-links .smal-links { height: 25px; float: right; width: 580px; }
*/

header .top-links .smal-links > ul { margin: 0px !important; padding: 0px; float: right; }
header .top-links .smal-links > ul > li { display: inline; list-style: none; margin: 0px; padding: 0px; }
header .top-links .smal-links > ul > li.nav-search { float: right; }
header .top-links .smal-links > ul > li.nav-search > #searchbox input[type="search"] { height: 20px; margin-top: -5px; font-size: 0.875em; }
header .top-links .smal-links > ul > li > a { float: right; display: block; padding-left: 10px; padding-right: 10px; font-size: 12px; color: #737373; line-height: normal; text-decoration: none; border-right: 1px solid #737373; margin-top: 4px; }
header .top-links .smal-links li a:hover { color: #bbbe51; background-color: inherit; }
header .top-links .smal-links li.active a { color: #bbbe51; background-color: inherit; }
/*header .top-links .top-menus { float: left; width: 100%; font-size: 15px; line-height: 35px; color: #bbbe51; background-color: inherit; }*/

header .top-links .top-menus > ul#menu { list-style: none; margin: 0; padding: 0; display: inline-block; width: 100%; background-color: #6b645e; }
header .top-links .top-menus > ul#menu > li { position: relative; float: left; z-index: 20; text-align: center; padding: 3px 0px; }
header .top-links .top-menus > ul#menu > li > a { float: right; padding-right: 12px; padding-left: 11px; font-size: 12px; line-height: 30px; border-right: 1px solid #ABAAA8; color: #fff; text-transform: uppercase; text-decoration: none; background-color: inherit; }
header .top-links .top-menus > ul#menu > li:last-child > a { border: 0; }
header .top-links .top-menus > ul#menu > li:hover { background-color: #f5f5f5; color: #000; }
header .top-links .top-menus > ul#menu > li:hover a { color: #bbbe51; }
header .top-links .top-menus > ul#menu > li .selected { color: #FFF; background-color: #7A8E0D; padding-top: 3px; padding-bottom: 3px; margin-top: -3px; margin-left: -2px; padding-left: 11px; }
header .top-links .top-menus > ul#menu > li a.selected > ul { left: -2px; }
header .top-links .top-menus > ul#menu > li > ul { position: absolute; top: 21px; left: 0; background: #fff; visibility: hidden; display: none; list-style: none; background-color: #fff; box-shadow: 1px 1px 3px #8C8C8C; }
header .top-links .top-menus > ul#menu > li:hover > ul { visibility: visible; display: list-item; }
header .top-links .top-menus > ul#menu > li > ul.navCol { position: absolute; top: 21px; left: 200px; border-left: 1px solid #fff; }
header .top-links .top-menus > ul#menu > li > ul > li { border: 0px solid #aaa; border-top: none; padding-top: 0px; margin: 0; }
header .top-links .top-menus > ul#menu > li:hover > ul > li a { color: #000; }
header .top-links .top-menus > ul#menu > li > ul > li .selected { padding: 6px 10px; margin: 0; }
header .top-links .top-menus > ul#menu > li > ul > li > a { display: block; padding: 0px; background-color: #f5f5f5; font-style: normal; font-size: 12px; color: #000; text-transform: none; line-height: normal; padding-bottom: 6px; padding-top: 6px; padding-left: 10px; padding-right: 10px; width: 180px; text-align: left; }
header .top-links .top-menus > ul#menu > li > ul > li > a:hover { color: #bbbe51; text-decoration: none; }
header .top-links .top-menus > ul#menu > li > ul > ul { left: 148px; top: -1px; }
h1, h2, h3, h4, h5, h6 { line-height: 1.5em; color: #231f20; font-weight: normal; font-variant: normal; margin-top: 5px; }
a { text-decoration: none; }
a:hover { color: #666; text-decoration: underline; }
/*.container a:hover { color: #fff; background-color: #92aa42; }*/

ul.mainNav, ul.headNav { list-style: none; }
.fr { float: right; }
.fl { float: left; }
.margin0 { margin: 0; }
.ui-helper-hidden-accessible { display: none; }
/*a:link { color: #549600; }*/

/* a:visited, #form-input-container span.policy a:visited{ color:#99004c;} */

#content-conatiner { /*
    width: 1024px;
    font-size: 13px;
    float: left;
    color: #333333;
*/
}
#content-conatiner p { color: #333333; margin: 0 0 1.2em; font-size: 13px; line-height: 20px; }
#content-conatiner .homeAbout { width: 71%; float: left; padding: 0px 20px 10px 20px; background: #fff; }
#content-conatiner .form { float: right; width: 240px; height: 100%; margin-bottom: 10px; position: relative; }
#indexMainContent .form { padding: 0px 15px 15px 10px; width: 225px; background: #fff; }
#content-conatiner .form h2 { background-image: url("https://cdn.indiacadworks.com/images/icon-contact.png"); background-repeat: no-repeat; background-position: left 0px; font-size: 1.8em; padding-left: 35px; }
#content-conatiner .indexblk .form h2 { margin-bottom: 5px; }
#indexMainContent #homesmallform .form-input-text { width: 210px; background-color: #F4F4F4; }
#indexMainContent #homesmallform .ui-combobox-input { width: 210px; background-color: #F4F4F4; }
#indexMainContent #homesmallform { width: 230px !important; }
#form-input-container { font-size: 12px; color: #333333; display: inline-block; }
#homesmallform { position: relative; }
#homesmallform .form-input-text { /*    width: 230px; margin: 0 auto; padding: 3px 0px 3px 10px; margin-bottom: 10px; border: 1px solid #E2E2E2; color: #666; font-size: 11px; height: 22px; border-radius: 5px; box-shadow: inset 1px 1px 2px #dcdcdc; font-family: Helvetica, Arial, sans-serif; display: block; */
}
#homesmallform .form-Combo { float: left; width: 242px; margin-bottom: 10px; border: none; height: 22px; border: 1px solid #E2E2E2; color: #666; font-size: 11px; }
#homesmallform .form-textarea { float: left; width: 180px; border: 1px solid #E2E2E2; padding: 5px; margin-bottom: 7px; border: none; height: 40px; }
textarea#styled { width: 180px; height: 65px; border: 1px solid #E2E2E2; padding: 10px; }
#form-input-container span { float: left; width: 20px; line-height: 20px; padding-bottom: 5px; }
#form-input-container span.policy { color: #333333; width: 80px; font-size: 12px; margin-top: 4px; }
#form-input-container span.policy a { text-decoration: none; color: #549600; font-size: 12px; margin-left: 0px; }
#form-input-container span.policy a:hover { text-decoration: underline; color: #549600; }
#aboutus_background { /*    width: 100%*/
}
.innerBanner { float: right; margin-top: -40px; }
.innerBanner img { padding-left: 19px; /*background-color: #F5F5F5;*/
padding-top: 20px; }

/*#left-include .sidenavigation { float: left; width: 221px; height: auto; border-right: 4px solid #95b001; overflow: hidden; }*/

/*#left-include .sidetabs { width: 200px; float: right; padding-left: 10px; padding-top: 20px; padding-bottom: 10px; }*/

#left-include .sidetabs ul { margin: 0px; padding: 0px; }
/*#left-include .sidetabs li { list-style: none; margin: 0px; padding: 0px; border-bottom: 1px solid #ededed; display: inline-block; float: right; width: 200px; }*/

/*#left-include .sidetabs li a { font-size: 14px; text-decoration: none; float: right; clear: right; text-align: right; padding: 8px 10px 8px 0px; }*/

/*#left-include .sidetabs #sticker li { text-decoration: none; width: 200px; line-height: normal; float: right; clear: right; text-align: right; border-bottom: 1px solid #f5d3a0; }*/

/*#left-include .sidetabs #sticker li a { padding: 5px 0px; margin: 5px 10px 3px 0px; font-size: 13px; }*/

#left-include .sidetabs #sticker #exclusive { display: inline-block; }
#left-include .sidetabs #sticker #exclusive li a { background: url("https://cdn.indiacadworks.com/images/lt-icons.png") no-repeat left 3px; padding-left: 32px; }
#left-include .sidetabs #sticker #exclusive li:nth-child(2) a { background-position: left -34px; }
#left-include .sidetabs #sticker #exclusive li:nth-child(3) a { background-position: left -72px; padding-left: 40px; }
#left-include .sidetabs #sticker #exclusive li:nth-child(4) a { background-position: left -110px; }
#left-include .sidetabs #sticker #exclusive li:nth-child(5) a { background-position: left -146px; }
#left-include .sidetabs #sticker li a.link { /*
    color: #6B635E;
    position: relative;
*/
background: #96cb25; color: #fff; }
#left-include .sidetabs #sticker li a.link:before { background-position: 0% 100% !important; }
#left-include .sidetabs #sticker .arrow li a:before { /*
    content: "";
    position: absolute;
    top: 3px;
    right: -12px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #95B13C;
*/
position: absolute; content: ""; background: url("../images/hover-arrow.png") no-repeat; background-size: cover; background-position: 0% 0%; width: 7px; height: 5px; top: 0; bottom: 0; margin: auto; left: 25px; border: none }
/*
#left-include .sidetabs #sticker li:hover { background-color: #6B645E; }
#left-include .sidetabs #sticker li:hover a { color: #fff; text-decoration: none; }
*/

#left-include .sidetabs li a:hover { color: #666; background-color: inherit; text-decoration: underline; }
#left-include .sidetabs li a.link { font-weight: bold; color: #666; }
#sideContainer { width: 225px; float: left; height: auto; }
#left-include .sidetabs #sticker h2 { text-align: right; background-color: #E8E7E7; border: 1px solid #D5D5D5; display: block; clear: both; font-size: 1.1em; font-weight: bold; margin-top: 0px; padding: 0px 8px 0px 0px; margin-bottom: 5px; }
#left-include .sidetabs #sticker li:last-child { border-bottom: 0px; }
#left-include .sidetabs #sticker h2 a { /*color:  #6B635E; */
color: #549600; display: block; padding: 5px 0px 5px 0px; }
#left-include .sidetabs #sticker h2:hover a { color: #6b635e; }
#left-include .sidetabs #sticker h2 a.link { color: #6B635E; }
#left-include .recent_pro { width: 200px; padding-right: 15px; float: right; height: auto; margin-bottom: 16px; padding-top: 10px; }
#left-include .recent_pro h2 { font-weight: normal; font-size: 18px; color: #e67304; padding-top: 20px; text-align: right; padding-top: 0px; }
#left-include .recent_pro .txt-field { color: #696a6b; font-size: 11px; width: 200px; height: 17px; border: 1px solid #c5c6c8; margin-bottom: 5px; }
#left-include .recent_pro .txt-area { width: 200px; color: #696a6b; height: 50px; font-size: 11px; border: 1px solid #c5c6c8; margin-bottom: 5px; }
/*main container starts*/

#mainContainer { width: 770px; float: left; margin-top: -35px; }
#mainContentArea { float: left; /*
    width: 525px; 
    border-left: 1px solid #ededed;
    height: auto; 
    padding-left: 20px;
*/
font-size: 13px; font-weight: normal; line-height: 18px;/*    margin-bottom: 10px;*/
}
#mainContentArea #projects { overflow: hidden; height: 518px; margin: 0; }
/*

#mainContentArea #viewlink1 {
    display: block;
    text-align: center;
    cursor: pointer;
    
    background: -webkit-linear-gradient(bottom, #839a32 0%, #aac186 99%);
   
    background: -moz-linear-gradient(bottom, #839a32 0%, #aac186 99%);
 
    background: -o-linear-gradient(bottom, #839a32 0%, #aac186 99%);

    background: -ms-linear-gradient(bottom, #839a32 0%, #aac186 99%);
   
    background: -linear-gradient(bottom, #839a32 0%, #aac186 99%);
    padding: 2px 0px;
    color: #FFF;
    box-shadow: 0px 2px 10px 2px #ccc;
    border-radius: 10px;
    width: 200px;
    margin: 0 auto;
}

#mainContentArea #viewlink1:hover {
    background: -webkit-linear-gradient(top, #839a32 0%, #aac186 99%);
  
    background: -moz-linear-gradient(top, #839a32 0%, #aac186 99%);
 
    background: -o-linear-gradient(top, #839a32 0%, #aac186 99%);
 
    background: -ms-linear-gradient(top, #839a32 0%, #aac186 99%);

    background: -linear-gradient(top, #839a32 0%, #aac186 99%);
    box-shadow: 0px 2px 10px 2px #646464;
}
*/


#mainContentArea .view-more { font-size: 12px; margin-left: 15px; letter-spacing: 1px; text-transform: uppercase; background: #a7c48a; padding: 5px 10px; border-radius: 0; display: block; max-width: 121px; width: 100%; margin: auto; text-align: center; }
#mainContentArea .view-more:hover { background: #809867; }
/*#mainContentArea h1 { color: #549600; padding-top: 10px; margin: 0px; padding-bottom: 10px; line-height: 28px; font-weight: bold; }*/

#mainContentArea h2 { font-weight: normal; font-size: 20px; color: #231f20; line-height: normal; padding: 0px; margin: 0px; padding-bottom: 6px; }
#mainContentArea h3 { font-weight: bold; line-height: none; }
/* #mainContentArea h3 { padding: 0px; margin: 0px; font-weight: normal; font-size: 15px; color: #231f20; line-height: normal; padding-top: 5px; padding-bottom: 4px; background-position: 0px 8px; } */


/*#mainContentArea ul ul li { background: url("https://cdn.indiacadworks.com/images/arrow-01.gif") no-repeat 0px 6px; padding-left: 10px; }*/

/*List Accordion*/

#listAccordion { margin-bottom: 10px; }
#mainContentArea #doubleList ul { margin: 0px; width: 48%; display: inline-block; }
#mainContentArea #doubleList ul.accordion1:first-child { margin-right: 10px; }
#mainContentArea ul.accordion1 { margin-left: 10px; }
/*Benefits List*/

#mainContentArea ul.tick { list-style: none; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 30px; }
#mainContentArea ul.tick li { padding-bottom: 6px; padding-left: 15px; color: #333333; background-image: url("https://cdn.indiacadworks.com/images/bullet-1.png"); background-repeat: no-repeat; text-align: left; background-position: 0px 4px; }
#mainContentArea p { padding-bottom: 15px; margin: 0px; color: #333333; text-align: left; }
#mainContentArea p.bp { padding-bottom: 0px; }
#mainContentArea h2, #subContainer h2 { font-weight: normal; font-size: 20px; color: #231F20; line-height: normal; padding: 0px; margin: 0px; padding-bottom: 6px; }
#mainContentArea h3, #subContainer h3 { font-weight: bold; line-height: normal; font-size: 13px; margin-top: 8px; margin-bottom: 10px; }
#mainContentArea .secBlock { display: inline-block; width: 100%; clear: both; margin-bottom: 1%; }
#mainContentArea .secBlock .sectionBlocks { float: left; width: 100%; background-color: #ffffff; border: 1px solid #eeeded; padding: 15px; margin-bottom: 15px; height: auto; overflow: hidden; }
/*
#mainContentArea .secBlock .sectionBlocks.last {
    height: auto;
    width: 93.7%;
}
*/

/*
#mainContentArea .secBlock .sectionBlocks:nth-child(2n) {
    float: right;
}
*/

#mainContentArea .secBlock .sectionBlocks p { padding-bottom: 10px; }
#mainContentArea .secBlock .sectionBlocks a { text-decoration: none; }
#mainContentArea .secBlock .sectionBlocks:hover { -webkit-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); -ms-transform: scale(1.02); box-shadow: 0px 0px 10px #122911; }
#mainContentArea .secBlock .sectionBlocks:hover p { font-size: 13px; }
#mainContentArea .secBlock .sectionBlocks a h3 { color: #549600; }
#mainContentArea .secBlock .sectionBlocks .more { width: 100%; display: block; clear: both; text-align: center; font-weight: bold; color: #549600; }
/*
#subContainer {
    width: 76%;
    display: inline-block;
    margin: 10px 0px 0px;
    float: right;
}
*/

/*
#secBlock {
    display: inline-block;
    width: 100%;
    clear: both;
    margin-bottom: 1%;
}
*/

#secBlock .sectionBlocks { /*    float: left;*/
/*
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #ffffff;
*/
/*    border: 1px solid #eeeded;*/
/*
    padding: 0 10px 0px 70px;
    margin-bottom:20px;
    height: auto;
    overflow: hidden;
    margin-right: 0;
    position: relative;
    border-radius: 5px;
*/
}
#geoSpatial #secBlock .sectionBlocks { width: auto; margin-right: 0; min-height: 65px; height: auto; padding-left: 65px; }
#geoSpatial #secBlock .sectionBlocks:after { content: ">>"; position: absolute; right: 2%; bottom: 0px; color: #549600; font-weight: bold; font-size: 11px; }
#secBlock .sectionBlocks a { color: #96cb25; display: inline-block; }
#secBlock .sectionBlocks a:hover { color: #809867;/*
    background: #95AD53;
    background: -moz-linear-gradient(top, #95ad53 0%, #80944a 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #95ad53), color-stop(99%, #80944a));
    background: -webkit-linear-gradient(top, #95ad53 0%, #80944a 99%);
    background: -o-linear-gradient(top, #95ad53 0%, #80944a 99%);
    background: -ms-linear-gradient(top, #95ad53 0%, #80944a 99%);
    background: linear-gradient(to bottom, #95ad53 0%, #80944a 99%);
*/
}
#geoSpatial #secBlock .sectionBlocks:hover:after, #geoSpatial #secBlock .sectionBlocks:hover h3 { color: #fff; }
#geoSpatial #secBlock .sectionBlocks:hover p { color: #000; }
#geoSpatial #secBlock .sectionBlocks h3 { float: left; width: 27%; text-align: center; margin-top: 15px; }
#geoSpatial #secBlock .sectionBlocks:before { top: 5%; }
#geoSpatial #secBlock .sectionBlocks p { float: right; width: 70%; padding-top: 5px; position: relative; font-size: 0.875em; }
#geoSpatial #secBlock .sectionBlocks p:after { content: ""; position: absolute; left: -10px; top: 2px; border-left: 1px solid #EEEDED; height: 90%; }
#geoSpatial #secBlock .sectionBlocks .more { width: 20%; left: 2%; bottom: 2%; }
#geoSpatial #secBlock .sectionBlocks:before { background: url("https://cdn.indiacadworks.com/images/gis-sprite.png") no-repeat -2px 8px; }
#geoSpatial #secBlock .sectionBlocks:nth-child(2):before { background-position: -2px -48px; }
#geoSpatial #secBlock .sectionBlocks:nth-child(3):before { background-position: -2px -104px; }
#geoSpatial #secBlock .sectionBlocks:nth-child(4):before { background-position: -2px -165px; }
#geoSpatial #secBlock .sectionBlocks:nth-child(5):before { background-position: -2px -230px; }
#geoSpatial #secBlock .sectionBlocks:nth-child(6):before { background-position: 0px -294px; }
#geoSpatial #secBlock .sectionBlocks:nth-child(7):before { background-position: 0px -350px; }
#geoSpatial #secBlock .sectionBlocks:nth-child(8):before { background-position: 0px -423px; }
#geoSpatial #secBlock .sectionBlocks:nth-child(9):before { background-position: 0px -490px; }
#secBlock .sectionBlocks:before { /*
    content: "";
    position: absolute;
    left: 4px;
*/
/*    top: 20%;*/
/*
    top: 0;
    
    height: 60px;
    width: 65px;
    background: url("https://cdn.indiacadworks.com/images/civil-sprite.png") no-repeat -2px 8px;
*/
}
#secBlock .sectionBlocks:nth-child(2):before { background-position: 10px -40px; }
#secBlock .sectionBlocks:nth-child(3):before { background-position: 10px -97px; }
#secBlock .sectionBlocks:nth-child(4):before { background-position: 10px -155px; }
#secBlock .sectionBlocks:nth-child(5):before { background-position: 9px -222px; }
#secBlock .sectionBlocks:nth-child(6):before { background-position: 12px -294px; }
#secBlock .sectionBlocks:nth-child(7):before { background-position: 9px -376px; }
#secBlock .sectionBlocks:nth-child(8):before { background-position: 10px -463px; }
#secBlock .sectionBlocks:nth-child(9):before { background-position: 10px -541px; }
#secBlock .sectionBlocks.last { height: auto; width: 100%; }
/*
#secBlock .sectionBlocks:nth-child(3n) {
    float: right;
    margin-right: 0;
}
*/

/*
#secBlock .sectionBlocks:nth-child(2),
#secBlock .sectionBlocks:nth-child(5),
#secBlock .sectionBlocks:nth-child(8) {
    margin-right: 0;
}
*/

#secBlock .sectionBlocks p { padding-bottom: 10px; font-size: 11px; line-height: 16px; color: #646464; }
#secBlock .sectionBlocks a { text-decoration: none; display: inline-block; height: 100%; width: 100%; }
/*
#secBlock .sectionBlocks:hover {
    background-color: #fcfff2;
}
*/

#secBlock .sectionBlocks h3 { margin-top: 0; margin-bottom: 12px; }
#secBlock .sectionBlocks .more { background-color: #e6e6e6; width: 40%; padding: 5px 0px; text-align: center; font-weight: bold; color: #549600; position: absolute; bottom: 4%; left: 28%; border-radius: 5px; }
#secBlock .sectionBlocks:hover .more { background: #95AD53; background: -moz-linear-gradient(top, #95ad53 0%, #80944a 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #95ad53), color-stop(99%, #80944a)); background: -webkit-linear-gradient(top, #95ad53 0%, #80944a 99%); background: -o-linear-gradient(top, #95ad53 0%, #80944a 99%); background: -ms-linear-gradient(top, #95ad53 0%, #80944a 99%); background: linear-gradient(to bottom, #95ad53 0%, #80944a 99%); color: #FFF; box-shadow: 0px 3px 3px 0px #4E4E4E; }
#benefitBlockWrap, #sampleBlkWrap { display: inline-block; clear: both; background-color: #fafafa; border: 1px solid #e6e6e6; margin: 10px 0px; width: 100%; font-size: 12px; }
#benefitBlockWrap .benefitBlk, #sampleBlkWrap .sampleBlk { width: 49.9%; float: left; border-right: 1px solid #e6e6e6; }
#sampleBlkWrap .sampleBlk #gallery3 { padding: 7% 0; display: inline-block; }
#benefitBlockWrap .benefitBlk:last-child, #sampleBlkWrap .sampleBlk:last-child { float: right; border-right: 0px; }
#benefitBlockWrap .benefitBlk .innerWrap, #sampleBlkWrap .sampleBlk .innerWrap { padding: 15px 20px; }
#benefitBlockWrap ul.tick, #sampleBlkWrap ul.tick { padding-left: 0; }
#benefitBlockWrap ul.tick li, #sampleBlkWrap ul.tick li { line-height: 18px; padding-bottom: 10px; background: url("https://cdn.indiacadworks.com/images/article-arrow.png") no-repeat left 1px; padding-left: 22px; }
#benefitBlockWrap p, #sampleBlkWrap p { line-height: 18px; font-size: 12px; }
#benefitBlockWrap .benefitBlk h2, #sampleBlkWrap .sampleBlk h2 { background-color: #f0f0f0; padding: 10px 0px 10px 20px; border-bottom: 1px solid #e6e6e6; font-size: 17px; font-weight: bold; }
#sampleBlkWrap #gallery3 .holder3 { width: 100px; height: 100px; border: 3px double #CCC; margin-left: 0; }
#sampleBlkWrap .holder3 .thumb { width: 100%; height: 100%; }
#sampleBlkWrap .more { display: inline-block; text-align: right; clear: both; font-weight: bold; margin-top: 10px; width: 100%; }
#secBlock .contactBtn { margin: 0 auto; width: 26%; display: block; clear: both; }
#contactSubmit { background: url("https://cdn.indiacadworks.com/images/submit.png") no-repeat; border: none; width: 108px; height: 32px; cursor: pointer; margin-right: 10px; float: right; border: 0px solid red; }
.contactBtn { clear: both; display: block; font-size: 0px; }
#mainContentArea .coloumn2 { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
#mainContentArea .coloumn3 { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; }
#mainContentArea .coloumn4 { column-count: 4; -moz-column-count: 4; -webkit-column-count: 4; }
#mainContentArea .width48 { width: 48%; }
#mainContentArea .green-tick { background-image: url("https://cdn.indiacadworks.com/images/right-tick.png"); line-height: 18px; background-repeat: no-repeat; background-position: 0px 0px; padding-left: 44px; color: #333333; margin-bottom: 20px; box-shadow: 0 8px 6px -6px #cccccc; padding-bottom: 15px; }
#mainContentArea #testimonial_wrap { margin: 0; }
#mainContentArea #testimonial_wrap .testimonial-block { position: relative; padding: 0; background-image: none; }
/*#mainContentArea #testimonial_wrap .testimonial-block .middle-bg { background-color: #ededed; float: left; height: auto; line-height: 18px; color: #2a2a2a; text-align: justify; border-radius: 10px; padding: 10px 15px; box-shadow: 0px 1px 5px #d3d3d3; position: relative; }*/

/*#mainContentArea #testimonial_wrap .testimonial-block .middle-bg span { background-image: url("https://cdn.indiacadworks.com/images/testimonial-quotes.gif"); padding-left: 32px; color: #dd6206; background-repeat: no-repeat; font-weight: bold; }*/

/*#mainContentArea #testimonial_wrap .testimonial-block .middle-bg::before { content: " "; display: block; position: absolute; border: 12px solid transparent; border-top-color: #E0E0E0; border-right-color: #E0E0E0; bottom: -25px; left: 40px; }*/

#mainContentArea #testimonial_wrap .testimonial-block .middle-bg p { padding-bottom: 5px; }
#mainContentArea #testimonial_wrap .testimonial-block .name { font-weight: bold; margin-bottom: 20px; clear: both; padding-top: 22px; }
#mainContentArea .form-border { float: left; border: 10px solid #f6f5f5; width: 460px; height: auto; margin-bottom: 10px; }
#mainContentArea .form-container { border-left: 1px solid #e0dfdf; border-top: 1px solid #e0dfdf; padding: 10px; }
#mainContentArea .form-container h2 { background-image: url("https://cdn.indiacadworks.com/images/icon-contact.png"); background-repeat: no-repeat; color: #444444; font-size: 14px; font-weight: bold; padding-left: 40px; height: 28px; padding-top: 10px; width: 120px; }
#mainContentArea .label { color: #535353; width: 180px; float: left; padding-right: 10px; margin-right: 10px; margin-top: 4px; text-align: right; border-right: dotted 1px #535353; }
#mainContentArea .txt-field { border-bottom: 1px #CEE0ED solid; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-left: 1px #CEE0ED solid; border-right: 1px #CEE0ED solid; border-top: 1px #CEE0ED solid; box-shadow: 0 0 5px #CEE0ED; color: #475d6d; height: 20px; padding: 2px 5px 2px 5px; width: 200px; margin-bottom: 14px; }
#mainContentArea span.policy { display: block; color: #333333; width: 80px; font-size: 12px; margin: 0 auto; margin-top: 4px; clear: both; text-align: center; }
#mainContentArea span.policy a { text-decoration: none; color: #549600; font-size: 12px; }
#mainContentArea span.policy a:hover { text-decoration: underline; color: #549600; }
#mainContentArea .list-menu { border-bottom: 1px #CEE0ED solid; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-left: 1px #CEE0ED solid; border-right: 1px #CEE0ED solid; border-top: 1px #CEE0ED solid; box-shadow: 0 0 5px #CEE0ED; color: #475d6d; height: 20px; padding: 2px 5px 2px 5px; width: 214px; margin-bottom: 14px; }
#mainContentArea .txt-area { border-bottom: 1px #CEE0ED solid; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-left: 1px #CEE0ED solid; border-right: 1px #CEE0ED solid; border-top: 1px #CEE0ED solid; box-shadow: 0 0 5px #CEE0ED; color: #475d6d; height: 80px; padding: 2px 5px 2px 5px; width: 200px; font-size: 12px; margin-bottom: 14px; }
#mainContentArea .btn-contact { margin-bottom: 10px; outline: none; }
input.submit { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border-top-color: #AD64E0; border-top-style: solid; border-top-width: 1px; color: #FFFFFF; margin-top: 10px; text-shadow: 1px 1px #000000; text-transform: uppercase; width: 100px; }
input.submit:hover { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; }
input.submit:active { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; }
#right-include { font-size: 12px; font-weight: normal; float: right; width: 240px; padding-left: 10px; }
#right-include .sample-works { width: 215px; float: left; height: auto; margin-bottom: 16px; }
#right-include .sample-works .sample { background-color: #999999; width: 62px; height: 60px; float: left; margin-left: 4px; margin-right: 4px; }
#right-include .sample-works .more { margin-top: 6px; float: right; color: #e67304; font-size: 12px; }
#right-include .sample-works .more a { padding-top: 6px; color: #e67304; text-decoration: underline; }
#right-include .sample-works .more a:hover { color: #000; text-decoration: none; background-color: inherit; }
#right-include .sample-works h2 { font-weight: normal; font-size: 18px; color: #e67304; padding-top: 20px; border-bottom: 1px solid #ededed; padding-top: 0px; }
#right-include .recent_pro, #right-include .rightCaseBlk { float: left; height: auto; margin-bottom: 2px; font-size: 13px; color: #333333; }
#right-include .recent_pro h2, #right-include .rightCaseBlk h2 { font-weight: normal; font-size: 18px; margin-top: 10px; line-height: 28px; border-bottom: 1px solid #EDEDED; }
#right-include .recent_pro .more, #right-include .rightCaseBlk .more { margin-top: 6px; float: right; color: #e67304; font-size: 12px; }
#right-include .recent_pro ul, #right-include .rightCaseBlk ul { list-style: none; padding: 0px; margin: 0px; }
#right-include .recent_pro li { background: url("https://cdn.indiacadworks.com/images/right-tick-2.png") no-repeat; padding-left: 20px; padding-bottom: 10px; }
#right-include .rightCaseBlk li { background: url("https://cdn.indiacadworks.com/images/logo-bullet.png") 0px 0px no-repeat; padding-left: 20px; padding-bottom: 10px; }
#right-include span.policy { display: block; float: left; color: #549600; width: 80px; font-size: 12px; margin-top: 4px; }
#right-include span.policy a { text-decoration: none; color: #549600; font-size: 12px; }
#right-include span.policy a:hover { text-decoration: underline; color: #549600; }
#links_with_arrow { float: left; width: 400px; margin: 0px; padding: 0px; margin-top: 5px; clear: left; }
#links_with_arrow ul { margin: 0px; padding: 0px; }
#links_with_arrow li { list-style: none; display: inline; float: left; }
#links_with_arrow li a { font-size: 11px; text-decoration: none; color: #6f6e6e; letter-spacing: -0.5px; background: url("https://cdn.indiacadworks.com/images/green-arrow.png") right center no-repeat; padding: 3px 14px 4px 8px; }
#links_with_arrow li a:hover { font-size: 11px; color: #e67304; }
footer { width: 100%; clear: both; background-color: #1f2020; color: #FFF; font-weight: normal; font-style: normal; font-variant: normal; }
/*footer::before { content: ""; position: absolute; border: 1px solid #404141; width: 99.7%; bottom: 55px; }*/

footer .footer-container { margin: 0 auto; width: 1024px; min-height: 220px; }
footer .footer-container .bx-wrapper { height: 110px; margin-top: 5px; overflow: hidden; }
.footerBlk1 { float: left; width: 300px; margin-right: 25px; color: #8c8c8c; overflow: hidden; }
.footerBlk1 blockquote { background-image: url("https://cdn.indiacadworks.com/images/blockquote.png"); background-repeat: no-repeat; background-position: top left; padding-left: 25px; margin: 0; }
.footerBlk1 blockquote strong { display: block; margin-top: 10px; }
.footerBlk2 { float: left; margin-right: 50px; font-size: 13px; }
.footerBlk3 { float: right; width: 200px; margin-right: 0px; }
.footerBlk3 ul { color: #8C8C8C; font-size: 12px; line-height: 18px; margin: 0; }
.footerBlk3 ul li { background: url("https://cdn.indiacadworks.com/images/icw-sprite.png") no-repeat -110px -27px; padding: 0px 0px 0px 10px; }
footer .footer-container h3 { color: #FFF; text-transform: uppercase; font-size: 17px; margin: 1em 0 0.4em; }
footer .footer-container .footerBlk2 ul { margin: 0px 5px 10px 0px; display: inline-block; }
footer .footer-container .footerBlk2 ul li { margin: 0px 0px 5px; }
footer .footer-container .footerBlk2 a { background: url("https://cdn.indiacadworks.com/images/icw-sprite.png") no-repeat -110px -27px; padding: 0px 0px 0px 10px; }
footer .footer-container .footerBlk2#feature a { background: url("https://cdn.indiacadworks.com/images/feature-sprite-footer.png") no-repeat 0px 0px; padding-left: 20px; }
footer .footer-container .footerBlk2#feature li:nth-child(2) a { background-position: 0px -22px; }
footer .footer-container .footerBlk2#feature li:nth-child(3) a { background-position: 0px -46px; }
footer .footer-container .footerBlk2#feature li:nth-child(4) a { background-position: 0px -68px; }
footer .footer-container .footerBlk1 ul { font-size: 12px; height: 110px; }
footer .footer-container .footerBlk1 ul li { margin: 0px; }
footer .footer-container .ftBottom { width: 100%; clear: both; float: left; height: 30px; font-size: 12px; color: #8c8c8c; padding-top: 8px; margin-top: 10px; }
footer .footer-container .ftBottom #social { float: right; }
footer .footer-container .ftBottom #social ul { margin: 0; }
footer .footer-container .ftBottom #social ul li { float: left; margin-right: 10px; }
footer .footer-container .ftBottom #social ul li a { display: block; height: 25px; width: 25px; background-image: url("https://cdn.indiacadworks.com/images/icw-sprite.png"); background-repeat: no-repeat; background-position: -2px -77px; }
#wrapper .last { margin-right: 0; float: right; }
#content-conatiner #servBlk { clear: both; display: inline-block; margin-bottom: 1.5%; width: 100%; position: relative; }
#content-conatiner #servBlk h2 { margin: 0; text-align: center; padding: 10px 0px; text-transform: uppercase; font-weight: 600; margin-bottom: 0.5%; background-color: #fff; }
#content-conatiner #servBlk .servBlk1 { margin-top: 10px; box-shadow: 0px 0px 5px 1px #E8E8E8; box-sizing: content-box; background-color: #fff; position: relative; padding-bottom: 10px; clear: both; }
#content-conatiner #servBlk .servBlkWrap { float: left; width: 19.2%; margin-right: 1%; }
#content-conatiner #servBlk .servBlkWrap:last-child { float: right; margin-right: 0; }
#content-conatiner #servBlk .servBlk1 .title { color: #50883f; text-align: center; padding: 8px 0px 5px; font-weight: bold; font-size: 17px; display: block; }
#content-conatiner #servBlk .servBlk1 p { line-height: 18px; padding: 10px 15px; margin: 0px; background-color: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color: #8e8e8e; text-align: center; }
#content-conatiner #servBlk .servBlk1 .textClick { display: block; text-align: center; background: #76b031; background: -moz-linear-gradient(top, #76b031 0%, #72a92f 50%, #6da22d 52%, #6a9d2c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b031), color-stop(50%, #72a92f), color-stop(52%, #6da22d), color-stop(100%, #6a9d2c)); background: -webkit-linear-gradient(top, #76b031 0%, #72a92f 50%, #6da22d 52%, #6a9d2c 100%); background: -o-linear-gradient(top, #76b031 0%, #72a92f 50%, #6da22d 52%, #6a9d2c 100%); background: -ms-linear-gradient(top, #76b031 0%, #72a92f 50%, #6da22d 52%, #6a9d2c 100%); background: linear-gradient(to bottom, #76b031 0%, #72a92f 50%, #6da22d 52%, #6a9d2c 100%); color: #ffffff; padding: 6px 15px; border: 1px solid #64922d; border-radius: 3px; margin: 0 auto; width: 70px; clear: both; }
/*#content-conatiner #servBlk .servBlk1:hover { box-shadow: 5px 5px 10px #CCC; -moz-transform: scale(1.02); -webkit-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); -ms-transform: scale(1.02); }*/

#serviceLinks { margin-bottom: 1.5%; }
#serviceLinks .servLinkBlk { display: inline-block; width: 20%; text-align: center; border-bottom: 1px solid #e0e0df; border-right: 1px solid #e0e0df; padding: 20px 0px 20px 50px; font-size: 16px; background: #fff; float: left; position: relative; }
#serviceLinks .servLinkBlk:before { background: url(/images/service-link-icons.jpg) no-repeat 0px 0px; width: 55px; height: 45px; content: ""; position: absolute; left: 25px; top: 12px; }
#serviceLinks .servLinkBlk:nth-child(2):before { background-position: 5px -50px; }
#serviceLinks .servLinkBlk:nth-child(3):before { background-position: 9px -105px; top: 8px; }
#serviceLinks .servLinkBlk:nth-child(4):before { background-position: 9px -155px; top: 8px; }
#serviceLinks a { display: block; }
#serviceLinks a:hover { /* color: #515151; */
}
#exclusiveService { min-height: 145px; margin-bottom: 15px; background-color: #fff; }
#exclusiveService h2 { /*text-align: center; margin: 0; padding-top: 10px; text-transform: uppercase; font-size: 17px; font-weight: 600;*/
}
#exclusiveService .exceBlk { display: inline-block; width: 17.8%; text-align: center; font-size: 17px; font-weight: bold; color: #6b635e; text-transform: uppercase; padding: 5px 0px; border-right: 1px solid #e5e5e4; margin: 15px 0.9% 20px 0.9%; }
#exclusiveService .exceBlk:last-child { margin-right: 0; border: 0px; }
#exclusiveService .exceBlk:hover { background: #8fa833; }
#exclusiveService .exceBlk span { display: block; color: #8fa833; }
#exclusiveService .exceBlk a { color: #6b635e; display: block; text-decoration: none; }
#exclusiveService .exceBlk span.image { width: 125px; height: 90px; background: url("https://cdn.indiacadworks.com/images/exclusive-links.png") left -422px no-repeat; margin: 0 auto; margin-top: 7px; }
#exclusiveService .exceBlk:nth-child(2) span.image { background-position: left -11px; }
#exclusiveService .exceBlk:nth-child(3) span.image { background-position: left -112px; }
#exclusiveService .exceBlk:nth-child(4) span.image { background-position: left -217px; }
#exclusiveService .exceBlk:nth-child(5) span.image { background-position: left -313px; }
#exclusiveService .exceBlk:hover a, #exclusiveService .exceBlk:hover span { color: #ffffff; }
.effect2, .effect3, .effect4 { position: relative; }
.effect2:before, .effect2:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }
.effect2:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; }
.effect3:before { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }
.effect4:after { z-index: -1; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); }
#content-conatiner #servBlk .servBlk1 a:hover { text-decoration: none; }
#content-conatiner #servBlk .serImg { display: block; background-color: #fff; background: url("https://cdn.indiacadworks.com/images/end-2-end-cad.jpg") no-repeat center 4px; height: 70px; }
#content-conatiner #servBlk .servBlkWrap:nth-child(2) .serImg { background-position: center -128px; }
#content-conatiner #servBlk .servBlkWrap:nth-child(3) .serImg { background-position: center -63px; }
#content-conatiner #servBlk .servBlkWrap:nth-child(4) .serImg { background-position: center 0px; }
#content-conatiner #servBlk .servBlkWrap:nth-child(5) .serImg { background-position: center -191px; }
#content-conatiner #servBlk .servBlkWrap:nth-child(6) .serImg { background-position: center -260px; }
#wrapper #content-conatiner #servBlk .titleHead p { border: 0px; background-color: #f2f2f2; color: #000; font-weight: bold; text-align: center; }
#content-conatiner #caseBlk { float: left; width: 420px; background-color: #ffffff; position: relative; padding-left: 5%; }
#content-conatiner #caseBlk .bx-next, #content-conatiner #caseBlk .bx-prev { top: 47%; background: #e3e3e3; border-radius: 50%; width: 30px; height: 30px; position: absolute; text-indent: 0; font-size: 0px; }
#content-conatiner #caseBlk .bx-prev { left: 4%; }
#content-conatiner #caseBlk .bx-next { right: -8%; }
#content-conatiner #caseBlk .bx-next:before, #content-conatiner #caseBlk .bx-prev:before { content: "<"; font-size: 20px; position: absolute; top: 2px; color: #080808; font-family: monospace; }
#content-conatiner #caseBlk .bx-prev:before { left: 9px; }
#content-conatiner #caseBlk .bx-next:before { right: 9px; content: ">"; }
#content-conatiner #whitepaperBlk { position: relative; margin-left: 40px; }
#content-conatiner #whitepaperBlk .bx-next, #content-conatiner #whitepaperBlk .bx-prev { top: 48%; background: #e3e3e3; border-radius: 50%; width: 30px; height: 30px; position: absolute; text-indent: 0; font-size: 0px; }
#content-conatiner #whitepaperBlk .bx-prev { left: -12%; }
#content-conatiner #whitepaperBlk .bx-next { right: -10%; }
#content-conatiner #whitepaperBlk .bx-next:before, #content-conatiner #whitepaperBlk .bx-prev:before { content: "<"; font-size: 20px; position: absolute; top: 2px; color: #080808; font-family: monospace; }
#content-conatiner #whitepaperBlk .bx-prev:before { left: 9px; }
#content-conatiner #whitepaperBlk .bx-next:before { right: 9px; content: ">"; }
#wrapper #content-conatiner #indexMainContent { padding: 0px; width: auto; }
#wrapper #content-conatiner .indexblk, .boxwrap { clear: both; display: inline-block; width: 100%; margin-bottom: 7px; }
#wrapper #content-conatiner .boxwrap { width: 98%; padding: 15px 10px; background-color: #fff; }
#wrapper #content-conatiner .indexblk .view_link, .boxwrap .view_link { text-align: right; display: block; padding-right: 20px; font-size: 14px; padding-top: 6px; margin-bottom: 10px; clear: both; }
#content-conatiner #feature .featBlk { float: left; width: 220px; margin-right: 50px; text-align: center; }
#content-conatiner #feature .featBlk .texth3 { text-align: center; font-size: 18px; position: relative; bottom: 15px; margin: 0; padding: 0; display: none; height: 0px; text-shadow: 1px 1px 2px #3F3F3F; }
#content-conatiner #feature .featBlk:hover .texth3 { background-color: #8FA834; transition: height 2s; -moz-transition: height 2s; -webkit-transition: height 2s; -o-transition: height 2s; height: 22px; display: block; color: #fff; }
#content-conatiner #feature .featBlk a:hover { text-decoration: none; }
#content-conatiner #feature .featBlk .featIMG { background-color: transparent; border: 4px solid white; box-shadow: 0px 1px 2px 2px #EBEBEB; height: 65px; display: block; background-image: url("https://cdn.indiacadworks.com/images/feature-sprite.png"); background-repeat: no-repeat; }
.bx-prev { position: absolute; bottom: 5px; right: 50px; width: 25px; height: 30px; text-indent: -999999px; background-image: url("https://cdn.indiacadworks.com/images/prv-nxt.png"); background-repeat: no-repeat; background-position: left -30px; }
.bx-next { position: absolute; bottom: 5px; right: 10px; width: 25px; height: 30px; text-indent: -999999px; background-image: url("https://cdn.indiacadworks.com/images/prv-nxt.png"); background-repeat: no-repeat; background-position: left 0px; }
#content-conatiner #caseIndex { display: inline-block; width: 100%; }
#content-conatiner #caseIndex a { font-size: 1em; display: block; line-height: 1.4em; }
#content-conatiner #smapleImgs { display: inline-block; width: 100%; background-color: #ffffff; margin-bottom: 1.5%; position: relative; padding-bottom: 10px; }
#content-conatiner #smapleImgs #sampleCaseWrap { /* width:900px;padding-left: 70px;*/
}
#content-conatiner #smapleImgs ul { margin: 0; }
#content-conatiner #smapleImgs ul li { display: inline-block; text-align: center; }
#content-conatiner #smapleImgs ul li a { display: block; }
#content-conatiner #smapleImgs ul li img { border: 1px solid #ccc; padding: 2px; width: 165px; height: 90px; margin-bottom: 10px; }
#content-conatiner #smapleImgs .view_link { position: absolute; right: 10px; top: 10px; }
#content-conatiner #smapleImgs .bx-next, #content-conatiner #smapleImgs .bx-prev { top: 42%; background: #e3e3e3; border-radius: 50%; width: 30px; height: 30px; position: absolute; text-indent: 0; font-size: 0px; }
#content-conatiner #smapleImgs .bx-prev { left: 2%; }
#content-conatiner #smapleImgs .bx-next { right: 1%; }
#content-conatiner #smapleImgs .bx-next:before, #content-conatiner #smapleImgs .bx-prev:before { content: "<"; font-size: 20px; position: absolute; top: 2px; color: #080808; font-family: monospace; }
#content-conatiner #smapleImgs .bx-prev:before { left: 9px; }
#content-conatiner #smapleImgs .bx-next:before { right: 9px; content: ">"; }
#content-conatiner #whitePaper { display: block; width: 45%; float: right; background-color: #ffffff; margin-bottom: 1%; padding: 5px 10px; }
#content-conatiner #whitePaper h2 { text-align: left; }
#content-conatiner #whitePaper ul { margin: 0 auto; }
#content-conatiner #whitePaper ul li { display: inline-block; margin-bottom: 10px; }
#content-conatiner #whitePaper ul li img { float: left; padding: 4px; width: 70px; height: 70px; margin: 0px 10px 0px 0px; background-color: #F0F0F0; }
#content-conatiner #whitePaper ul li p { margin: 0px; font-size: 1em; margin-top: 7px; }
#content-conatiner #whitePaper #whitepaperBlk { width: 75%; }
#caseBlk h2 /*, #smapleImgs h2*/

{ text-align: left; width: 94%; margin: 0 auto; margin-top: 7px; margin-bottom: 12px; text-transform: uppercase; font-weight: 600; font-size: 17px; position: relative; color: #000; padding-left: 0; margin-left: 0; }
#caseBlk h2 { text-align: left; }
#whitePaper h2 { text-transform: uppercase; font-weight: bold; font-size: 17px; position: relative; color: #000; margin: 0; margin-bottom: 30px; text-align: center; }
#content-conatiner ul#caseIndex li { padding: 10px 0px; border-bottom: 1px dotted #B8B8B8; display: inline-block; margin: 0px 10px; }
#content-conatiner ul#caseIndex li .testiImgIndex { float: left; padding: 2px; border: 1px solid #ebebeb; margin: 0px 10px 0px 0px; width: 70px; height: 70px; }
 #content-conatiner #caseIndex::-webkit-scrollbar, #content-conatiner #smapleImgs ul::-webkit-scrollbar, #content-conatiner #indFeat ul::-webkit-scrollbar {
 width: 7px;
}
 #content-conatiner #caseIndex::-webkit-scrollbar-track, #content-conatiner #smapleImgs ul::-webkit-scrollbar-track, #content-conatiner #indFeat ul::-webkit-scrollbar-track {
 background-color: #ebebeb;
 border: 1px solid #DDD;
 border-radius: 10px;
}
 #content-conatiner #caseIndex::-webkit-scrollbar-thumb, #content-conatiner #smapleImgs ul::-webkit-scrollbar-thumb, #content-conatiner #indFeat ul::-webkit-scrollbar-thumb {
 background-color: rgba(0, 0, 0, 0.2);
 border-radius: 10px;
}
 #content-conatiner #caseIndex::-webkit-scrollbar-corner, #content-conatiner #smapleImgs ul::-webkit-scrollbar-corner, #content-conatiner #indFeat ul::-webkit-scrollbar-corner {
 background-color: black;
}
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #b46868; position: relative; }
.jspDrag { background: rgba(0, 0, 0, 0.2); position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
* html .jspCorner { margin: 0 -3px 0 0; }
.ui-menu { background-color: #FFF; }
.ui-menu .ui-menu-item { font-size: 13px; margin-bottom: 2px; padding-left: 10px; }
.ui-menu .ui-menu-item a { display: block; color: #666; }
.ui-autocomplete { position: absolute; cursor: default; max-height: 200px; overflow-y: scroll; overflow-x: hidden; box-shadow: 0px 5px 5px #CCC; border-radius: 0px 0px 10px 10px; }
.ui-combobox-input { width: 230px; margin: 0 auto; display: block; border: 1px solid #EBEBEB; color: #666; height: 25px; background-color: white; padding-left: 10px; margin-bottom: 10px; font-size: 11px; border-radius: 5px;/*    box-shadow: inset 1px 1px 2px #dcdcdc;*/
}
.ui-button { border: none; margin: 0px; position: absolute; padding: 0px; /*    top: 125px;*/
top: 0; right: 10px; width: 25px; height: 20px; background-color: transparent; }
.ui-button-text { position: relative; margin: 0px; padding: 0px; height: 20px; top: -20px; }
.ui-icon-triangle-1-s { background-image: url("https://cdn.indiacadworks.com/images/arrows.png"); background-repeat: no-repeat; background-position: 6px -14px; height: 20px; width: 5px; }
#gallery-container { float: left; width: 768px; border-left: 1px solid #ededed; height: auto; padding-left: 30px; font-size: 12px; font-weight: normal; }
#gallery-container h1 { font-size: 24px; color: #549600; letter-spacing: -0.3px; padding-top: 10px; line-height: 28px; margin: 0px; padding-bottom: 10px; font-weight: normal; }
#gallery-container ul { clear: both; display: inline-block; height: 110px; overflow: hidden; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; padding-left: 5px; }
#gallery-container ul li { width: 125px; height: 113px; background-image: url("https://cdn.indiacadworks.com/images/polaroid.png"); float: left; margin-right: 15px; }
#gallery-container ul li.doubleimage { width: 235px; height: 101px; box-shadow: 0px 2px 6px #5C5C5C; background: none; margin-bottom: 15px; }
#gallery-container ul li .thumb { margin-top: 8px; margin-left: 8px; }
.clearFloat { clear: both; }
#gallery-container .height20p { height: 20px; }
#gallery-container .viewlink { float: right; cursor: pointer; display: block; text-align: center; background-color: #fff; font-size: 14px; position: relative; right: 40%; color: #666666; padding: 5px 50px; border: 1px solid #ccc; margin-top: 10px; }
#gallery-container2 { float: left; width: 100%; height: auto; padding-left: 0px; font-size: 12px; font-weight: normal; margin-bottom: 10px; }
#gallery-container2 h2 { font-weight: normal; font-size: 18px; padding-top: 10px; border-bottom: 1px solid #ededed; padding-top: 0px; line-height: 28px; }
#gallery3 { width: 100%; }
#gallery3 .holder3 { width: 62px; height: 62px; float: left; border: 1px solid #cccccc; margin-right: 10px; margin-left: 4px; }
.holder3 .thumb { width: 60px; height: 60px; margin-top: 0px; margin-left: 0px; background-color: #fff; }
.holder3 .title { width: 140px; height: 40px; margin-left: auto; margin-right: auto; margin-top: 15px; overflow: hidden; }
.title h3 { margin: 0; font-size: 14px; overflow: hidden; color: #333; }
.holder3 img { border: none; }
#gallery-container2 .more { margin-top: 6px; float: right; color: #e67304; font-size: 12px; }
#gallery-container2 .more a { display: block; padding-top: 3px; }
.banner-container { float: left; height: 100%; width: 100%; margin: 0px; padding: 0px; font-weight: normal; background-color: #8fa833; overflow: hidden; position: relative; background-size: cover; }
.read-more { display: block; width: 95px; height: 28px; background: url("https://cdn.indiacadworks.com/images/png-images.png") no-repeat; background-position: 0px -121px; margin-left: 250px; margin-top: 0px; float: left; }
.read-more:hover { background-position: 0px -150px; }
.read-more span { position: absolute; top: -999em; }
#mainContentArea .articlesPage { width: 100%; height: auto; margin: 0; display: block; clear: both; }
#mainContentArea .articlesPage .articlesBox { display: inline-block; padding: 15px; background: #fff; border-bottom: 1px solid #95b001; width: 92%; margin-bottom: 20px; clear: both; }
#mainContentArea .articlesPage .articlesBox .articlesImg { width: 160px; height: 130px; float: left; border-right: 1px solid #95b001; background: url("https://cdn.indiacadworks.com/images/article-icons.png") no-repeat center 15px; }
#mainContentArea .articlesPage .articlesBox:nth-child(2) .articlesImg { background-position: center -100px; }
#mainContentArea .articlesPage .articlesBox:nth-child(3) .articlesImg { background-position: center -210px; }
#mainContentArea .articlesPage .articlesBox:nth-child(4) .articlesImg { background-position: center -325px; }
#mainContentArea .articlesPage .articlesBox:nth-child(5) .articlesImg { background-position: center -430px; }
#mainContentArea .articlesPage .articlesBox:nth-child(6) .articlesImg { background-position: center -550px; }
#mainContentArea .articlesPage .articlesBox .articlesImg span { display: block; text-align: center; text-transform: uppercase; color: #595959; font-weight: bold; font-size: 16px; padding-top: 80px; }
#mainContentArea .articlesPage .articlesBox .articlesText { float: left; width: 60%; }
#mainContentArea .articlesPage .articlesBox ul { margin-left: 10px; }
#mainContentArea .articlesPage .articlesBox ul li { background: url("https://cdn.indiacadworks.com/images/article-arrow.png") no-repeat left 1px; padding-left: 20px; }
#mainContentArea .caseStudyPage, #mainContentArea .whitePaperPage { width: 100%; height: auto; }
#mainContentArea .caseStudyPage .caseStudyBox { padding: 10px; margin-bottom: 20px; border-bottom: 1px solid #95b001; background-color: #ffffff; display: inline-block; clear: both; height: 80px; width: 96%; position: relative; }
#mainContentArea .caseStudyPage .caseStudyBox .caseStudyText { width: 72%; position: absolute; top: 22px; bottom: 0px; right: 10px; margin: auto; }
#mainContentArea .caseStudyPage .caseStudyBox .caseStudyImg { background-repeat: no-repeat; width: 70px; height: 70px; float: left; padding: 5px; background-color: #F0F0F0; margin-left: 10px; }
#mainContentArea .caseStudyPage .caseStudyBox .caseStudyText .more { text-align: left; margin: 0px; font-weight: bold; }
#mainContentArea .whitePaperPage .whitePaperBox { padding: 10px; margin-bottom: 35px; border-bottom: 1px solid #95b001; background-color: #ffffff; display: inline-block; clear: both; height: 80px; width: 96%; position: relative; }
#mainContentArea .whitePaperPage .whitePaperBox .pubDate { position: absolute; top: -15px; right: 0px; background-color: #e1e1e1; padding: 0.5% 2%; box-shadow: -2px 3px 5px #999999; }
#mainContentArea .whitePaperPage .whitePaperBox .whitePaperText { width: 72%; position: absolute; top: 22px; bottom: 0px; right: 10px; margin: auto; }
#mainContentArea .whitePaperPage .whitePaperBox .whitePaperImg { background-repeat: no-repeat; width: 70px; height: 70px; float: left; padding: 5px; background-color: #F0F0F0; margin-left: 10px; }
#mainContentArea .whitePaperPage .whitePaperBox .whitePaperText .more { text-align: left; margin: 0px; font-weight: bold; }
#serviceTabs { display: block; clear: both; }
#serviceTabs .ui-widget-header { display: inline-block; clear: both; }
#serviceTabs.ui-tabs .ui-tabs-nav { width: 100% !important; padding: 0 !important; border: 0px !important; margin: 0 0 0.8em 0 !important; }
#serviceTabs #engineeringTabs li { float: left; position: relative; top: 0; margin: 0 10px 0 0; padding: 0; white-space: nowrap; background: none; background-color: #ededed; box-shadow: 0px 0px 5px #a3a3a3; width: 19%; }
#serviceTabs #engineeringTabs li:nth-child(2) { width: 16%; }
#serviceTabs.ui-tabs .ui-tabs-nav li:last-child, #serviceTabs #engineeringTabs li:last-child { margin: 0; }
#serviceTabsData.ui-tabs .ui-tabs-nav li a { padding: 0.5em 0.3em 0.5em 0.3em; }
#serviceTabs.ui-tabs .ui-tabs-nav li a { padding: 0.5em 0 0.5em 0; font-size: 12px; font-weight: bold; display: inline-block; width: 100%; text-align: center; color: #000; }
#serviceTabs.ui-tabs .ui-tabs-nav li a span { display: inline-block; line-height: 1.4em; }
#serviceTabs .ui-state-active a { background-color: #ffffff; outline: none; color: #549600 !important; }
#serviceTabs.ui-tabs .ui-tabs-panel { background: none; }
#wrapper #content-conatiner #mainContentArea .socialIcons { padding: 5px 0px 8px 0px; display: block; margin: 0px 0px 5px 0px; }
#wrapper #content-conatiner #mainContentArea .shareText { font-size: 18px; }
#featureBlk { clear: both; width: 78%; display: inline-block; margin: 10px 0px; float: right; }
#featureBlk ul li { float: left; width: 180px; margin-left: 3.2%; position: relative; }
#featureBlk ul li:first-child { margin: 0; }
#featureBlk ul li a { display: block; text-align: center; box-shadow: 0px 0px 10px #CCC; }
#featureBlk ul li .featImg { background-image: url("https://cdn.indiacadworks.com/images/feature-sprite.png"); display: block; height: 65px; border: 4px solid #fff; margin-top: 5px; }
#featureBlk ul li .featText { font-size: 18px; position: absolute; bottom: 0px; width: 100%; color: white; background-color: #8FA834; display: none; text-shadow: 1px 1px 2px #3F3F3F; }
#featureBlk ul li:hover .featText { display: block; }
/****************************************Thank you page***************************************/

#thankyou #mainContentArea { width: 75%; }
.thankPage { margin: 0 auto; text-align: center; }
.thankPage h2 { line-height: 1.5em; }
.thankPage .photoBox { width: 63%; margin: 0 auto; border: 1px solid #ccc; padding: 5px; color: #0D40E0; font-size: 1.1em; line-height: 1.5em; text-align: left; margin-bottom: 3%; display: inline-block; }
ul#thank-socail { clear: both; padding-top: 5px; margin: 0 auto; width: 100%; margin-bottom: 50px; }
ul#thank-socail li { background-image: none; float: left; padding: 0; margin: 0% 6% 5% 0%; }
ul#thank-socail li:last-child { margin-right: 0; }
ul#thank-socail li:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -ms-transform: scale(1.1); }
#thankyou #subscribeConfirm { padding: 3px 0px; text-align: center; display: block; margin: 0 auto; background-color: #C0BFBF; color: #C8070E; }
/*****************************************Shadow Effects***************************************/

.boxeffect2 { position: relative; }
.boxeffect2:before, .boxeffect2:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }
.boxeffect2:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; }
#sticker { /* position:fixed; */
    /*border-right: 4px solid #95B001; */
display: inline-block; clear: both; }
/****************************************404 Page****************************************************/

ul#errorMap { width: 450px; margin: 0 auto; margin-top: 50px; }
ul#errorMap li { background-image: none; font-size: 18px; margin: 0; margin-bottom: 10px; text-align: center; float: left; padding-left: 0; margin-right: 20px; }
ul#errorMap li a { padding: 10px 0px; color: #FFF; display: block; background-color: #5088C7; width: 200px; box-shadow: 0px 0px 5px #666; background: #a6bd83; background: -moz-linear-gradient(top, #a6bd83 0%, #819833 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a6bd83), color-stop(100%, #819833)); background: -webkit-linear-gradient(top, #a6bd83 0%, #819833 100%); background: -o-linear-gradient(top, #a6bd83 0%, #819833 100%); background: -ms-linear-gradient(top, #a6bd83 0%, #819833 100%); background: linear-gradient(to bottom, #a6bd83 0%, #819833 100%); }
ul#errorMap li a:hover { background-color: #7CA647; box-shadow: 0px 1px 5px #000; background: -webkit-linear-gradient(top, #fafafa 7%, #858783 99%); background: -moz-linear-gradient(top, #fafafa 7%, #858783 99%); background: -o-linear-gradient(top, #fafafa 7%, #858783 99%); background: -ms-linear-gradient(top, #fafafa 7%, #858783 99%); background: -linear-gradient(top, #fafafa 7%, #858783 99%); color: #333; }
ul#error-socail { clear: both; padding-top: 50px; margin: 0 auto; width: 100%; margin-bottom: 50px; }
ul#error-socail li { background-image: none; float: left; margin-left: 0px; }
ul#error-socail li:last-child { margin-right: 0; }
ul#error-socail li:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -ms-transform: scale(1.1); }
.ajax-file-upload-statusbar { border: 1px solid #0ba1b5; margin-top: 10px; margin-right: 10px; margin: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 5px 5px 5px 5px; }
.ajax-file-upload-filename { width: 100%; height: auto; margin: 0 5px 5px 10px; color: #807579; }
.ajax-file-upload-progress { margin: 0 10px 5px 10px; position: relative; width: 250px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; display: inline-block; }
.ajax-file-upload-bar { background-color: #0ba1b5; width: 0; height: 20px; border-radius: 3px; color: #ffffff; }
.ajax-file-upload-percent { position: absolute; display: inline-block; top: 3px; left: 48%; }
.ajax-file-upload-red { -moz-box-shadow: inset 0 39px 0 -24px #e67a73; -webkit-box-shadow: inset 0 39px 0 -24px #e67a73; box-shadow: inset 0 39px 0 -24px #e67a73; background-color: #e4685d; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; color: #fff; font-family: arial; font-size: 13px; font-weight: normal; padding: 4px 15px; text-decoration: none; text-shadow: 0 1px 0 #b23e35; cursor: pointer; vertical-align: top; margin-right: 5px; }
.ajax-file-upload-green { background-color: #77b55a; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0; padding: 0; display: inline-block; color: #fff; font-family: arial; font-size: 13px; font-weight: normal; padding: 4px 15px; text-decoration: none; cursor: pointer; text-shadow: 0 1px 0 #5b8a3c; vertical-align: top; margin-right: 5px; }
.ajax-file-upload { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding: 15px 20px; cursor: pointer; line-height: 20px; height: 25px; margin: 0 10px 10px 0; display: inline-block; background: #fff; border: 1px solid #e8e8e8; color: #888; text-decoration: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-box-shadow: 0 2px 0 0 #e8e8e8; -webkit-box-shadow: 0 2px 0 0 #e8e8e8; box-shadow: 0 2px 0 0 #e8e8e8; padding: 6px 10px 4px 10px; color: #fff; background: #2f8ab9; border: 0; -moz-box-shadow: 0 2px 0 0 #13648d; -webkit-box-shadow: 0 2px 0 0 #13648d; box-shadow: 0 2px 0 0 #13648d; vertical-align: middle; }
.ajax-file-upload:hover { background: #3396c9; -moz-box-shadow: 0 2px 0 0 #15719f; -webkit-box-shadow: 0 2px 0 0 #15719f; box-shadow: 0 2px 0 0 #15719f; }
.ajax-upload-dragdrop { border: 2px dotted #a5a5c7; color: #dadce3; text-align: left; vertical-align: middle; padding: 10px 10px 0 10px; }
#generalform .files { display: inline-block; width: 50%; }
#generalform .add { display: block; text-align: center; margin-top: 10px; }
.anchorContainer { float: right; box-shadow: 0px 0px 5px 1px #E8E8E8; border: 2px solid #FFF; background-color: #fff; }
.anchorContainer a { padding: 0px 5px; float: left; }
.anchorContainer a:first-child { border-right: 1px solid #EDEDED; }

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 767px) and (min-width: 270px) {
body { background-image: none; }
header { margin: 0; }
h1 { margin: 0.5em 0; line-height: normal; }
#wrapper,  #content-conatiner,  .banner-container,  footer .footer-container,  #aboutus_background,  #wrapper #content-conatiner .indexblk,  #gallery-container { width: 100%; display: inline-block; height: auto; position: relative; overflow: hidden; }
#gallery-container { padding: 0px; border: 0; }
#gallery-container ul { height: auto !important; }
#gallery-container .height20p { height: auto; }
#gallery-container div { width: 100% !important; }
#gallery-container .viewlink { display: none; }
#content-conatiner .homeAbout { width: auto; padding: 10px; height: auto; display: block; margin: 0 auto; float: none; background: #fff; }
#wrapper #content-conatiner #indexMainContent { margin: 0px; }
#content-conatiner #servBlk { background: #fff; margin-bottom: 15px; box-shadow: 0px 4px 5px #EFEFEF; }
header .logo { padding: 0; height: auto; }
.show_hide_menu { position: absolute; right: 20px; top: 25px; }
section#content-conatiner { width: 96%; margin: 0 auto; display: block; float: none; clear: both; }
#mainContentArea { border: 0; }
#mainContentArea ul { margin-left: 5px; }
#mainContentArea ul.tick { padding-left: 5px; }
#searchbox { float: none; clear: both; background: #75AE30; padding: 5px 15px; display: inline-block; margin-top: 10px; width: 93%; }
#searchbox input[type="search"] { width: inherit; display: inline-block; border: 1px solid #B4B4B4; padding: 5px; }
/*.banner-container,*/
#content-conatiner .form,  .benefitSec { display: none; }
/*header .top-links { display: none; float: none; width: auto; height: auto; margin: 0px 0px 10px 0px; }*/
header .top-links .top-menus > ul#menu > li { float: none; padding: 0px; }
header .top-links .top-menus > ul#menu > li > a { float: none; display: block; text-align: left; }
header .top-links .top-menus > ul#menu > li > ul { display: none; }
.anchorContainer { display: none; }
#wrapper #content-conatiner .boxwrap { display: block; padding: 10px 15px; background: #f1efef; }
#wrapper #content-conatiner .indexblk { background: none; min-height: inherit; }
#content-conatiner #caseBlk,  #content-conatiner #whitePaper { width: auto; padding: 5px 10px; float: none; margin: 0 auto; border: 1px solid #dddddd; position: relative; }
#content-conatiner #caseBlk .accordionButton:before,  #content-conatiner #whitePaper .accordionButton:before { content: "+"; position: absolute; right: 0px; top: 0px; }
#content-conatiner #caseBlk .accordionButton.on:before,  #content-conatiner #whitePaper .accordionButton.on:before { content: "-"; }
#content-conatiner #smapleImgs .view_link { position: relative; right: -25px; }
#content-conatiner #whitePaper #whitepaperBlk { width: 100%; }
#whitePaper h2 { text-align: center; }
.smal-links { background: #95b13d; background: -moz-linear-gradient(top, #95b13d 0%, #b5d451 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #95b13d), color-stop(100%, #b5d451)); background: -webkit-linear-gradient(top, #95b13d 0%, #b5d451 100%); background: -o-linear-gradient(top, #95b13d 0%, #b5d451 100%); background: -ms-linear-gradient(top, #95b13d 0%, #b5d451 100%); background: linear-gradient(to bottom, #95b13d 0%, #b5d451 100%); display: inline-block; width: 100%; }
#mainContentArea .secBlock .sectionBlocks { height: auto; width: auto; }
#geoSpatial #secBlock .sectionBlocks h3,  #geoSpatial #secBlock .sectionBlocks p { width: auto; }
#geoSpatial #secBlock .sectionBlocks p:after { display: none; }
#subContainer,  #secBlock .sectionBlocks,  #benefitBlockWrap .benefitBlk,  #sampleBlkWrap .sampleBlk,  #secBlock .contactBtn { width: auto; }
#secBlock .sectionBlocks { height: auto; }
#secBlock .sectionBlocks .more { position: relative; padding: 5px 5px; left: 0px; bottom: 0px; }
.smal-links > ul { margin: 0.3em 0; display: inline-block; }
.smal-links > ul > li { float: right; border-right: 1px solid #000; }
.smal-links > ul > li:first-child { border: 0px; }
.smal-links > ul > li a { display: block; color: #000000; padding: 0 0.4em; font-size: 0.75em; }
#content-conatiner #smapleImgs ul { width: 90%; margin: 0 auto; }
#content-conatiner #smapleImgs ul li { width: 20%; padding: 0; }
#content-conatiner #whitePaper ul li { width: 100%; }
#mainContentArea,  #content { width: 100% !important; float: none !important; display: inline-block; padding: 0 !important; margin: 0 !important; }
.links_with_arrow { padding: 0px; margin-top: 10px; background: transparent; }
/*#mainContentArea #doubleList ul { width: auto; }*/
#caseBlk h2,  #whitePaper h2 { margin: 0; width: auto; cursor: pointer; background: #fff; }
#content-conatiner #smapleImgs { margin-bottom: 3%; display: inline-block; padding-bottom: 1%; }
#content-conatiner #smapleImgs #sampleCaseWrap { width: auto; padding: 0px; }
#sampleCaseWrap .bx-viewport { width: 165px !important; margin: 0 auto; }
#content-conatiner #servBlk h2 { line-height: normal; border-bottom: 1px solid #ccc; background: transparent; font-size: 16px; width: 88%; margin: 0 auto; }
#content-conatiner #servBlk .servBlkWrap { width: auto; float: none !important; margin: 0px; }
#content-conatiner #servBlk .servBlk1 .title { text-align: left; }
#content-conatiner #servBlk .servBlk1 { padding: 0px 10px 10px 18%; box-shadow: none; }
#content-conatiner #servBlk .servBlk1 p { text-align: left; padding: 0px; }
#content-conatiner #servBlk .servBlk1 .textClick { display: none; }
#content-conatiner #servBlk .serImg { position: absolute; height: 40px; width: 40px; left: 4%; top: 28%; border-radius: 50%; background: #74ad30 url(/images/mobi-index-icons.png) 0px 0px no-repeat; }
#content-conatiner #servBlk .servBlkWrap:nth-child(2) .serImg { background-position: 6px 5px; }
#content-conatiner #servBlk .servBlkWrap:nth-child(3) .serImg { background-position: 8px -29px; }
#content-conatiner #servBlk .servBlkWrap:nth-child(4) .serImg { background-position: 6px -71px; }
#content-conatiner #servBlk .servBlkWrap:nth-child(5) .serImg { background-position: 9px -115px; }
#content-conatiner #servBlk .servBlkWrap:nth-child(6) .serImg { background-position: 7px -158px; }
#content-conatiner #servBlk .servBlk1 a { display: block; }
#content-conatiner #servBlk .servBlk1 .secondLink { display: none; }
#serviceLinks .servLinkBlk { padding: 20px 15px 20px 65px; width: 120px !important; text-align: left; border-top: 1px solid #e0e0df; }
#serviceLinks .bx-wrapper { margin: 0 auto; }
#serviceLinks .servLinkBlk:before { left: 2% !important; }
#serviceLinks .bx-pager { margin: 0 auto; width: 10%; }
#serviceLinks .bx-pager .bx-pager-item { float: left; margin: 6px 3px; }
#serviceLinks .bx-pager .bx-pager-item a { font-size: 0px; height: 10px; width: 10px; background: #CACACA; border-radius: 50%; }
#serviceLinks .bx-pager .bx-pager-item a.active { background: #74ad30; }
#featureBlk ul li { width: 30%; }
#featureBlk { width: 100%; }
#mainContentArea .secBlock .sectionBlocks .more { text-align: right; }
.contactBtn img { display: none; }
.contactBtn,  #secBlock .contactBtn { width: 35%; display: block; clear: both; position: relative; background: #76b031; background: -moz-linear-gradient(top, #76b031 0%, #71a82f 64%, #6da22d 67%, #6a9d2c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b031), color-stop(64%, #71a82f), color-stop(67%, #6da22d), color-stop(100%, #6a9d2c)); background: -webkit-linear-gradient(top, #76b031 0%, #71a82f 64%, #6da22d 67%, #6a9d2c 100%); background: -o-linear-gradient(top, #76b031 0%, #71a82f 64%, #6da22d 67%, #6a9d2c 100%); background: -ms-linear-gradient(top, #76b031 0%, #71a82f 64%, #6da22d 67%, #6a9d2c 100%); background: linear-gradient(to bottom, #76b031 0%, #71a82f 64%, #6da22d 67%, #6a9d2c 100%); border: 1px solid #64922d; border-radius: 4px; margin: 0 auto; padding: 5px 0px; font-size: 15px; text-align: center; text-transform: uppercase; color: #fff; }
.contactBtn a { display: block; height: 100%; padding: 5px; color: #fff; }
#mainContentArea .coloumn2,  #mainContentArea .coloumn3,  #mainContentArea .coloumn4 { column-count: auto; -moz-column-count: auto; -webkit-column-count: auto; }
footer .footer-container { min-height: 100%; }
footer .footer-container .ftBottom { float: none; height: auto; padding-top: 0px; }
footer .footer-container .ftBottom span,  .footerBlk1,  .footerBlk2,  .footerBlk3,  footer::before/*,  #aboutus_background*/,  .innerBanner,  aside#left-include,  #right-include { display: none; }
footer .footer-container .ftBottom #social li span { display: block; }
footer .footer-container .ftBottom #social ul li:first-child { padding: 0 !important; width: 35%; }
#mainContentArea .form-border { width: 100%; display: inline-block; border: 1px solid #F6F5F5; }
#mainContentArea .form-container div:first-child { width: 100% !important; }
#mainContentArea .label { width: 20%; }
#mainContentArea .txt-field,  #mainContentArea .txt-area { width: 60%; }
#mainContentArea .form-container input[type="image"],  #mainContentArea span.policy { margin: 0 auto !important; width: 30%; display: block; float: none !important; clear: both; padding: 1% 0; }
#mainContentArea .list-menu { width: 64%; }
.optionGroup { font-weight: bold !important; }
.optionChild { padding-left: 15px; }
/* select optgroup{{} */
optgroup .optionGroup { margin-left: -15px; }
table { width: 100% !important; }
#featureBlk ul li .featImg { /*  background-size:100%; */
height: 30px; }
#featureBlk ul li:nth-child(1) .featImg { background-position: -30px -30px !important; }
#featureBlk ul li:nth-child(2) .featImg { background-position: -62px -88px !important; }
#featureBlk ul li:nth-child(3) .featImg { background-position: -85px -155px !important; }
#content-conatiner ul#caseIndex li .testiImgIndex { width: 50px; height: 50px; }
#featureBlk ul li .featText { font-size: 12px; }
#mainContentArea .articlesPage .articlesBox .articlesImg span { padding: 1% 0; }
#mainContentArea .articlesPage .articlesBox .articlesImg,  .caseStudyPage h5 { height: auto; width: 100%; background: none; border: 0px; background: #95b13d; background: -moz-linear-gradient(top, #95b13d 0%, #b5d451 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #95b13d), color-stop(100%, #b5d451)); background: -webkit-linear-gradient(top, #95b13d 0%, #b5d451 100%); background: -o-linear-gradient(top, #95b13d 0%, #b5d451 100%); background: -ms-linear-gradient(top, #95b13d 0%, #b5d451 100%); background: linear-gradient(to bottom, #95b13d 0%, #b5d451 100%); }
.caseStudyPage h5 { margin: 0 0 10px 0; font-size: 1.4em; }
.caseStudyPage h5 a { color: #000000; padding-left: 2%; }
#mainContentArea .articlesPage .articlesBox { padding: 0px; margin-bottom: 10px; width: 100%; }
#mainContentArea .whitePaperPage .whitePaperBox .whitePaperImg { margin-left: 0px; padding: 1px; }
#mainContentArea .whitePaperPage .whitePaperBox .whitePaperText { top: 15px; width: 70%; height: auto; }
#mainContentArea .whitePaperPage .whitePaperBox { padding: 10px 0px; height: 85px; }
#mainContentArea .whitePaperPage .whitePaperBox .pubDate { top: -10px; }
#mainContentArea .width48 { width: auto; float: none; }
#exclusiveService { /* margin-bottom: 0px; padding: 10px;*/
}
#exclusiveService .exceBlk a { position: relative; padding: 10px 0px 10px 50px; }
#exclusiveService .exceBlk { width: 90%; display: block; text-align: left; border: 0px; margin: 10px auto !important; }
#exclusiveService .exceBlk br { display: none; }
#exclusiveService .exceBlk a span.image { position: absolute; background: url("https://cdn.indiacadworks.com/images/mobi-index-icons.png") no-repeat 0px 0px; width: 35px; height: 35px; top: 0px; left: 5px; margin: 0; }
#exclusiveService .exceBlk:nth-child(2) span.image { background-position: 0px -203px; }
#exclusiveService .exceBlk:nth-child(3) span.image { background-position: -1px -251px; }
#exclusiveService .exceBlk:nth-child(4) span.image { background-position: 0px -300px; }
#exclusiveService .exceBlk:nth-child(5) span.image { background-position: 0px -347px; }
#exclusiveService .exceBlk:nth-child(6) span.image { background-position: 0px -393px; }
#exclusiveService .exceBlk span { display: inline-block; }
#exclusiveService h2 { font-size: 16px;/*line-height: normal; border-bottom: 1px solid #ccc; background: transparent;  width: 88%; margin: 0 auto; padding-bottom: 10px;*/
}
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
#wrapper,  #content-conatiner,  .banner-container,  footer .footer-container,  #aboutus_background { width: 100%; display: inline-block; height: auto; }
section#content-conatiner { width: auto; }
/*
header .logo { width: 14%; }
header .top-links { width: 85%; height: auto; }
header .top-links .top-menus { width: 100%; }
header .top-links .smal-links { width: 80%; }
*/
header .top-links .top-menus > ul#menu > li > a { font-size: 11px; }
#content-conatiner .homeAbout { width: 68%; padding-right: 1%; }
#content-conatiner .form { margin-left: 0px; width: 25%; }
#content-conatiner #caseBlk { width: 310px; }
#content-conatiner #smapleImgs #sampleCaseWrap { width: auto; }
#serviceLinks .servLinkBlk { width: 18.5%; }
#content-conatiner #smapleImgs ul li { width: 17%; }
#content-conatiner #servBlk .servBlkWrap { width: 19.2%; }
#content-conatiner #servBlk .servBlkWrap:nth-child(3) .servBlk1 { height: auto; }
#exclusiveService .exceBlk { margin-left: 0.8%; margin-right: 0.8%; }
.anchorContainer { width: 65%; }
.anchorContainer a { width: 46%; }
#wrapper #content-conatiner .indexblk { width: 98%; padding-left: 1%; }
#mainContentArea { width: 48%; padding-left: 1%; }
#secBlock .sectionBlocks { width: 21.5%; height: 200px; }
#right-include { width: 25%; padding-left: 0; }
#left-include { /*        width: 25%;*/
/*        float: none;*/
}
#left-include .sidenavigation { width: auto; }
#left-include .sidetabs { padding-left: 0px; }
#right-include .form { width: auto; }
#form-input-container form { width: auto !important; }
.form-input-text,  .ui-combobox-input { width: 90%; }
.innerBanner img { padding: 0px; }
#aboutus_background .heading { font-size: 12px; text-align: left; padding: 15px 15px; }
#gallery3 .holder3 { width: 25%; height: auto; }
.holder3 .thumb { width: auto; height: auto; }
.holder3 img { padding: 0 !important; }
#mainContentArea .articlesPage .articlesBox .articlesImg { width: 24%; }
#mainContentArea .articlesPage .articlesBox .articlesImg span { font-size: 11px; }
#serviceTabs #engineeringTabs li { width: 18%; }
#gallery-container { width: 70%; }
#mainContentArea .articlesPage .articlesBox .articlesText { float: right; width: 73%; margin-left: 0px; }
#subContainer { width: 74%; }
.footerBlk3 { display: none; }
#mainContentArea .secBlock .sectionBlocks { height: auto; }
#thankyou #mainContentArea { width: 70%; }
}

@media only screen and (min-width: 1101px) {
}

@media print {
* { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important; text-shadow: none !important; }
a,  a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
/*
       * Don't show links for images, or javascript/internal links
       */
.ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after { content: ""; }
pre,  blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group;/* h5bp.com/t */
}
tr,  img { page-break-inside: avoid; }
img { max-width: 100% !important; }
p,  h2,  h3 { orphans: 3; widows: 3; }
h2,  h3 { page-break-after: avoid; }
}