@import 'font-awesome.min.css';
html, body {height: 100%;}

body{ font-family: 'open_sansregular'; font-size:15px; line-height:20px; color:#74529e;}
.pageWrap {min-height: 100%;margin-bottom: -21px;}
.pageWrap:after {content: "";display: block;}
.footerWrap, .pageWrap:after {height: 21px;}
.footerWrap {background: #800080;}
a:hover{ text-decoration:none;}
.textAlign_left{ text-align:left !important;}

/*Header*/
.headerWrap{ width:100%; position:relative; display:block;border-bottom: 1px solid #ccc; background: rgba(255, 255, 255, 0.9);}
.topStrip,.footerBdr{ width:100%; height:20px; background:#800080;}
.logo{ width:300px; display:block; margin:12px 0px;}
.logo img{ width:100%; height:auto;}

.navbar-inverse{background-color:transparent;border: none;margin-bottom:0;}
.navbar-inverse .navbar-nav>li>a{ color: #75519c;font-size: 16px; padding: 35px 0px;display: block; padding-left:40px;}
.navbar-inverse .navbar-nav>li>a.active{ text-decoration:none; color:#2FB8B5;}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {color: #2FB8B5;background-color: transparent;}
.navbar-toggle{margin-top:20px;margin-right: 0;}
.navbar-inverse .navbar-toggle {border-color: #333;background-color: #333;}

.hmBoxes{ margin-top:160px; margin-bottom:50px; display:block;}
.hmBoxWrap{ border:1px solid #800080; width:100%; height:220px; border-radius:10px; overflow:hidden; margin-bottom:30px;background: rgba(36, 182, 179, 0.9);}
.hmBoxContent a{ font-size:30px; font-weight:100; text-align:center; line-height:40px; display:block; color:#fff; padding:70px 0px;font-family: 'NidusSans'; }
.hmBoxContent a:hover{ text-decoration:none; color:#fff;}
.hmBoxWrap:hover{border: 1px solid #800080;
    background: rgba(117, 82, 157, 1);}

.hmPhoneNmbr{     background: url(../../images/contact-icon.png) no-repeat left center;
    height: 80px;
    width: 630px;
    margin: 0 auto;
    margin-bottom: 50px;
    background-size: 80px;}
.hmPhoneNmbr span{display: block;
    padding-left: 110px;
    font-size: 58px;
    line-height: 80px;
    font-weight: bold;
    color: #75529d;}

.content{ margin-top:20px; margin-bottom:20px;}
.mainTitle h1{font-size: 40px;font-weight: 600;margin: 0px;margin-bottom: 20px; color:#34b6b4;}
.content p{ line-height:25px; margin-bottom:20px; font-size:15px;}

.servicesBoxWrap{ width:100%; position:relative; margin-top:30px;}
.srvcBoxWrap{ width:100%; position:relative;margin-bottom:30px;}
.srvBox_Text h2{ text-align:center; font-size:28px; margin:0px; margin-bottom:20px; color:#74529e; font-weight:500;}
.srvBox_Text p{ text-align:justify;}

.srvReadMore{ float:right; font-weight:600; background:url(../../images/read-more-arrow.png) no-repeat right center; padding-right:25px; color:#74529e;}
.srvReadMore:hover{ text-decoration:underline;color:#74529e;}
.Srvboder_Right{padding-right: 25px;padding-left: 25px;background: url(../../images/vertical-line.jpg) repeat-y right center;background-size: 3px;}
.Srvboder_btm{padding-right: 25px;padding-left: 25px;background: url(../../images/horizontal-line.jpg) repeat-x bottom center;background-size: 3px;}
.boder_Bottom{border-bottom:2px dotted #74529e;}

/*Services*/
.servicesBox_wrap{ /*margin-top:20px;*/}
.srvBox{ width:100%; position:relative; height:auto;}
.pdgLR25{padding-right:25px; padding-left:25px;}
.svrc_bordrRight{ background:url(../../images/vertical-line.jpg) no-repeat right top; background-size:4px 80%;}
.svrc_bordrbtm{ margin-bottom:30px; padding-bottom:30px; background:url(../../images/horizontal-line.jpg) no-repeat bottom left; background-size:100% 4px;}
.svrc_bordrbtm0{margin-bottom:30px; padding-bottom:30px;}

.contctImg{ width:350px; margin:0 auto;}
.contctImg img{ width:100%; height:auto;}
.contNmbr{background:url(../../images/contact-icon.png) no-repeat left center; background-size:90px; height:90px; position:relative; margin-top:90px; padding-left:130px;}
.contNmbr span{display: block;font-size: 58px;line-height: 90px; font-weight:bold; color:#75529d;}

.sidbarLeft{background: url(../../images/vertical-line.jpg) repeat-y right center;background-size: 3px;}
.sidbarRight{background: url(../../images/vertical-line.jpg) repeat-y left center;background-size: 3px; margin-left:-3px;}

.sidebar h2{margin: 0px;font-size: 25px;font-weight: bold;border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;color: #74529e;}
.sdBarLinks{ margin:0px; padding:0px; list-style:none;}
.sdBarLinks li a{ color:#74529e; font-size:16px; line-height:25px;}
.sdBarLinks li ul{ list-style:none; margin:0px; margin-left:-10px;}
.sdBarLinks li ul li:before{  content: "";}
.sdBarLinks li a:hover{color:#34b6b4;}


/*technical solutions*/
.titleWrap{border-bottom: 1px solid #e1e1e1;background-color: rgba(36, 182, 179, 0.17);background-repeat: no-repeat;background-size: contain;background-position: center center;}
.titleh1 h1{ font-size:22px; font-weight:400; margin:0px; padding:0px 0px 20px 0px; text-transform:capitalize;}
.breadcrumbs{ width: 100%;margin-top: 0px;font-size: 13px;text-align: left; padding:20px 0px;}
.breadcrumbs a{ background:url(../../images/breadcrumb_arrow.png) no-repeat right center; padding-right:15px; margin-left:10px; color:#74529e;text-transform:capitalize;}
.breadcrumbs a:hover{ text-decoration:underline;}
.breadcrumbs span{ padding-left:5px;    color: #74529e;text-transform:capitalize;}

.ts_serviceBox_icon{ border-radius:50%; height:94px; width:94px; margin:0 auto;border: 2px solid #e1e1e1; color:#74529e; }
.ts_serviceBox_icon i{font-size: 40px;padding: 26px 25px;color: #74529e;}
.ts_serviceBox_title a{    text-align: center;display: inherit;color: #24B6B3;font-weight: 500;font-size: 20px;margin-top: 15px;margin-bottom: 15px;}
.ts_serviceBox p{ text-align:center; font-size:14px;}
.ts_serviceBox:hover .ts_serviceBox_icon{ background:#74529e; }
.ts_serviceBox:hover .ts_serviceBox_icon i{color:#fff;}
.ts_serviceBox:hover .ts_serviceBox_title a{ text-decoration:none;}
.ts_serviceBox:hover .ts_serviceBox_title a:hover{color: #74529e;}

.topheadingWithbdr{border-bottom: 2px solid #24b6b3;margin-bottom: 20px; margin-left:15px; margin-right:15px;}
.topheadingWithbdr h2{    margin: 0px;font-size: 20px;text-align: left;padding-bottom: 15px;}
.topheadingWithbdr1{border-bottom: 2px solid #24b6b3;margin-bottom: 20px; }
.topheadingWithbdr1 h2{    margin: 0px;font-size: 20px;text-align: center;padding-bottom: 15px;}	
.services_small dl{margin:0;} 
.services_small dt{width:40px;height:40px;}
.services_small dt i{font-size:32px;color:#74529e;}
.services_small dd{margin-left:60px;}
.services_small .content{margin-top:10px;}
.services_small h4{ font-size:16px; font-weight:600;}
.services_small h4 a{ font-size:16px; color:#74529e;cursor: text;}
.services_small .wrapper{border-radius: 50%;-webkit-border-radius:50%;-moz-border-radius:50%;width: 40px;height: 40px;}
.services_small .wrapper i{font-size: 18px;float: left;text-align: center;width: 100%;line-height: 40px;}
.services_small.align_right dt{float:right;}
.services_small.align_right dd{margin-right: 60px;margin-left: 0;}
.services_small.align_right h4{text-align:right;}
.services_small.align_right .content{text-align:right;}


.list ul{margin:0; padding:0; list-style: none;}
.list li.simple{width:100%;position:relative;padding-left:25px;font-size:14px;float:left;line-height:22px;padding-bottom:10px;}
.list li.simple:last-child{padding-bottom:0;}
.list li.simple:first-child:last-child{padding-bottom:10px;}
.list li.simple i{position:absolute;left:0;top:0;font-size:16px;line-height:22px;}
.list li.titledesc{float:left;width:100%;margin-bottom:20px;}
.list li.titledesc:last-child{margin-bottom:0;}
.list li.titledesc dl{margin:0;padding:0;}
.list li.titledesc dl dt{width:45px;height:45px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.list li.titledesc dl dt .circle{width: 36px;height: 36px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;float: left;margin-left: 2px;margin-top: 2px;}
.list li.titledesc dl dt i{font-size:16px;text-align: center;width:100%;line-height:36px;float:left;}
.list li.titledesc dl dd{ margin-left:50px;}
.list li.titledesc dl  p{margin:0;padding:0;margin-top:5px;}
.list li.titledesc dl dt i.steadysets-icon-checkmark{font-size: 30px;padding-left: 7px;margin-top: -5px;}
.list li.titledesc h6{font-weight:600;} 
.texth3center{ font-size: 20px;text-align: center;margin: 30px 0px;}

.subtitleh2 {font-size: 18px;font-weight: 100;padding-bottom: 5px;color: #74529e;margin:0px;}
.linksHref {color: #74529e;text-decoration: none;}
.listtext {list-style: square;margin-left: -15px;margin-bottom: 10px;}
.listtext li {float: left;width: 40%;margin: 0px 0px 8px 5px;padding-left: 25px;color: #74529e;display: block;position:relative}
.listtext li:before {position:absolute;content: "\f00c";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;left: 0;top: 2px;color:#24B6B3;}
.clear {clear: both;}
.halfcolm1 {width: 100%;margin-right: 22px;padding: 12px;border: 1px solid #E0E0E0;border-radius: 5px;margin-bottom: 20px;}
.one-edge-shadow {-webkit-box-shadow: 0 8px 6px -6px rgb(165, 165, 165);-moz-box-shadow: 0 8px 6px -6px rgb(165, 165, 165);box-shadow: 0 8px 6px -6px rgb(165, 165, 165);}
.halfcolm1  .subtitleh3 {font-size: 16px;font-weight: 100;padding-bottom: 10px;color: #74529e;margin:0}
.halfcolm1 p {text-align: justify;}
.hgt280{ min-height:340px;}
.hgt400{ min-height:470px;}
.hight250{ min-height:250px;}
.halfcolm1 .listtext li {width:100%}
.listtextbig {list-style: square;margin-left: 15px;margin-bottom: 15px;}
.listtextbig li {float: none;margin: 0px 0px 8px 5px;padding-left: 25px;color: #74529e;display: block;position:relative}
.listtextbig li:before {position:absolute;content: "\f00c";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	left: 0;top: 2px;color:#24B6B3;}
.list1{}
.list1 li {float: left;width: 100%;margin: 0px 0px 8px 5px;padding-left: 25px;color: #74529e;display: block;position:relative}
.list1 li:before {position:absolute;content: "\f00c";display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	left: 0;top: 2px;color:#24B6B3;}


.clientBox_wrap{    background: #74529e;border: 1px solid #ededed;border-bottom: 3px solid #ededed;max-width: 400px;
margin: 0 auto; margin-bottom:30px;}
.clientBox_img{ height:250px; overflow:hidden; width:100%;}
.clientBox_img img{ width:100%;}
.portfolioBox_img{width: 100%;height: 260px;overflow: hidden;border: 1px solid #ededed;}
.portfolioBox_img div {background-size:100%;display: inline-block;width: 100%;height: 260px;background-position: center top;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -ms-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
  background-repeat: no-repeat;
  image-rendering: auto;
}
.portfolioBox_img:hover div {
  background-position: center bottom;
  -webkit-transition: all 10s;
  -moz-transition: all 10s;
  -ms-transition: all 10s;
  -o-transition: all 10s;
  transition: all 10s;
  background-repeat:no-repeat;
}
.clientBox_text h4{margin: 0px;font-size: 20px;text-align: center;padding-top: 15px;}
.clientBox_text h4 a{color:#fff}
.clientBox_text p{text-align: center;line-height: 20px;margin-bottom: 15px;padding-top: 5px;color: #fff;}

.containerForm {
  width: 100%;
  overflow: hidden;
  background: white;
  border-radius: 5px;
}

.message, .contact, .name, .footer, header, footer, textarea {
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  clear: both;
  overflow: hidden;
}

header, footer {
  border-radius: 5px 5px 0 0;
    background: rgb(116, 82, 158);
}
header h2, footer h2 {
    font-size: 16px;
    color: rgb(255, 255, 255);
    line-height: 25px;
    margin: 0px;
    padding-left: 20px;
    padding: 20px 10px 20px 20px;
}

.first, .last {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0 0 0 20px;
  border: 1px solid rgb(116, 82, 158);
  height: 50px;
}

.last {
  width: 50%;
  border-left: 0;
}

.email, textarea {
  height: 50px;
  width: 100%;
  line-height: 50px;
  padding: 0 0 0 20px;
  border-top: 0;
  border-left: 1px solid rgb(116, 82, 158);
  border-right: 1px solid rgb(116, 82, 158);
  border-bottom: 1px solid rgb(116, 82, 158);
}

textarea {
  height: 150px;
}

footer {
  border-radius: 0 0 5px 5px;
  padding-left: 0;
  padding-right: 20px;
}
footer .submitBtn {
  height: 30px;
    background: #fff;
    border-radius: 5px;
    border: 0;
    margin: 10px 0;
    color: #800080;
    float: right;
    padding: 0 20px 0 20px;
    transition: all linear .2s;
}
footer .submitBtn:hover {
  background:#f1f1f1;
}
footer .submitBtn:focus {
  outline: none;
}

.first:focus, .last:focus, .email:focus, textarea:focus, textarea:focus {
  outline: none;
  background: rgba(116, 82, 158, 0.15);
  color: rgba(51, 51, 51, 0.9);
}

.letstalkImg{margin-top: 53px;}
.letstalkImg img{ width:360px; float:right;}
.numbercont{    font-size: 50px;
    text-align: right;
    margin-top: 65px;
    margin-right: 0px;}
.emailPhone{ margin-top:60px;}
.emailPhone p{ font-size:20px; line-height:25px; color:#74529e; margin-bottom:30px;}
.emailPhone p a{ color:#74529e;}
.emailPhone span{ font-size:25px;    color: #24b6b3;
    margin-right: 15px;}




#background {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background:#fff;
    background-size: cover;
}

.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: -50; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.01); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

.contentLink a{color: #74529e;}
.contentLink a:hover{ text-decoration:underline;}