@font-face {
    font-family: 'keep_calm_medregular';
    src: url('../fonts/keepcalm-medium-webfont.eot');
    src: url('../fonts/keepcalm-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/keepcalm-medium-webfont.woff2') format('woff2'),
         url('../fonts/keepcalm-medium-webfont.woff') format('woff'),
         url('../fonts/keepcalm-medium-webfont.ttf') format('truetype'),
         url('../fonts/keepcalm-medium-webfont.svg#keep_calm_medregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lemonmilkregular';
    src: url('../fonts/lemonmilk-webfont.eot');
    src: url('../fonts/lemonmilk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lemonmilk-webfont.woff2') format('woff2'),
         url('../fonts/lemonmilk-webfont.woff') format('woff'),
         url('../fonts/lemonmilk-webfont.ttf') format('truetype'),
         url('../fonts/lemonmilk-webfont.svg#lemonmilkregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'HelveticaNeueLTCom-Lt';
    src: url('../fonts/HelveticaNeueLTCom-Lt_gdi.eot');
    src: url('../fonts/HelveticaNeueLTCom-Lt_gdi.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTCom-Lt_gdi.woff') format('woff'),
        url('../fonts/HelveticaNeueLTCom-Lt_gdi.ttf') format('truetype'),
        url('../fonts/HelveticaNeueLTCom-Lt_gdi.svg#HelveticaNeueLTCom-Lt') format('svg');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0-10FFFF;
}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('../fonts/robotocondensed-light-webfont.eot');
    src: url('../fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-light-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-light-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-light-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

.clr{clear:both; margin: 0px; padding:0px; font-size:0px; height:0px;}

a, a:hover, a:active, a:focus, .btn:hover, .btn:focus, .btn.focus {outline: 0 !important;}
input::-moz-focus-inner {border: 0;}
body { margin:0px; padding:0px; height:100%; background: #fff; color:#68287c !important;}
a{text-decoration:none;color:#4575b7;outline:0;}
a[href^="mailto"]{text-decoration:underline;color:#ccc;}
a[href^="mailto"]:hover{text-decoration:none;}
a:hover{text-decoration:none;}
*{outline:none; list-style: none;}
.noFocus:focus{outline:none;-moz-appearance:none;}
.clear{clear:both;}
a{outline:none;-moz-appearance:none;}
textarea:focus{outline:none;border:none!important;-moz-appearance:none;}
input:focus{outline:none;border:none!important;-moz-appearance:none;}
ul,li{margin:0;padding:0;}

.colpadding {padding:0px !important;}

#header_nav {position:fixed;}
header {border-bottom: 10px solid #5c2d78; padding-top: 20px; background-color: #fff; position: fixed; width: 100%; margin: 0; padding: 0; top: 0; left: 0; z-index: 999999; opacity:1;}  /* header properties for internal pages */
.logo{height: 136px; width: 143px;}
header.home{border-bottom:0px; margin-top:0px; position: fixed;}
.logo-internal {margin-top:;}
#top-section {margin-top:70px;}
.navbar-brand {height:auto; padding:5px; margin-left:14px;}
.navbar-brand img {margin-top:10px;}
.navbar-fixed-top {position: fixed;}
.navbar-inverse {background:none; border:0px;}
header.tiny {border-bottom:10px solid #5c2d78 !important;}
header.tiny .mainlogo {background: url("../images/logo-internal.jpg") no-repeat scroll left center; width:233px; height:66px; display:block; float:left;}

.breadcrumb{font-size: 12px; color:#68297a; position: relative; margin-top:115px; background: none !important; font-family: "HelveticaNeueLTCom-Lt",Helvetica,Arial,sans-serif;}
.breadcrumb a{color:#68297a; text-decoration: underline;}
.breadcrumb a:hover{color:#68297a; text-decoration: none;}

/* nav css here */
.menu { display: block; margin: 45px 0 0; float: right;}
.menu li { color: #68287C; display: inline-block; position: relative; z-index: 100; text-transform: uppercase; font-size: 14px; font-family: keep_calm_medregular;}
.menu li a {color:#68287C;text-transform:uppercase;font-size: 14px;transition: all 0.2s ease-in-out 0s;text-decoration: none;font-family:keep_calm_medregular;padding: 20px 20px;}
.menu ul {visibility: hidden;opacity: 0;margin: 10px 0 0;padding: 0;width: 150px;position: absolute;left: 15px;background: #fff;z-index: 99;transform: translate(0, 20px);transition: all 0.2s ease-out;}
.menu li ul li a{font-size: 11px;padding: 9px 5px;margin: 0 0 1px !important;}
.menu li ul li:last-child a{}
.menu li ul li a:hover{background: #6f3992;}

.menu ul:after { bottom: 100%; left: 0%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255,0) rgba(255, 255, 255,0) #68297A; border-width: 6px; margin-left: 0px;}
ul.sub-menu {margin-left: 0px;margin-top: 0;}
.menu ul li {display: block;float: none;background: none;padding: 0;}
.menu ul li a { font-size: 14px; font-weight: normal; display: block; color: #fff; background: #68297A; text-decoration: none;}
.menu ul li a:hover, .menu ul li:hover>a { background: #68297A; color: #fff;}
.menu li:hover>ul { visibility: visible; opacity: 1; transform: translate(0, 0);}
.menu ul ul { left: 169px; top: 0px; visibility: hidden; opacity: 0; transform: translate(20px, 20px); transition: all 0.2s ease-out;}
.menu ul ul:after { left: -6px; top: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(104, 41, 122, 0.5); border-right-color: #000; border-width: 6px; margin-top: -6px;}
.menu li>ul ul:hover { visibility: visible; opacity: 1; transform: translate(0, 0);}
.responsive-menu { display: none; width: 100%; padding: 20px 15px; background: #E95546; color: #fff; text-transform: uppercase; font-weight: 600;}
.responsive-menu:hover { color: #fff; text-decoration: none;}
/* nav css ends here */

.contact-menu{cursor:pointer;}

.social_icon { margin: 36px 0 0; text-align: right;}
.social_icon > ul { border: 1px solid #68297b; margin: 0; padding: 0; overflow:hidden; display: inline-block;}
.social_icon > ul li{ float:left; border-right:1px solid #68297b;}
.social_icon > ul li:last-child{ border-right:none;}

.jq-dropdown {
    position: absolute;
    z-index: 1039;
    display: none;
    color:#FFF;
}
.jq-dropdown.jq-dropdown-tip {
    margin-top: 8px;
}
.jq-dropdown.jq-dropdown-tip:before {
    position: absolute;
    top: -6px;
    left: 9px;
   /* content: ''; */
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ddd;
    display: inline-block;
}
.jq-dropdown.jq-dropdown-tip:after {
    position: absolute;
    top: -5px;
    left: 10px;
    /* content: ''; */
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    display: inline-block;
}

.phone-box{background:#68297a; width:420px; color:#FFF; overflow: hidden; padding:5px 10px; /* box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2); */
    -moz-box-shadow: 0 1px 10px 1px #35113f;
    -webkit-box-shadow: 0 1px 10px 1px #35113f;
    box-shadow: 0 1px 10px 1px #35113f;
    filter:progid:DXImageTransform.Microsoft.Glow(Color=#35113f,Strength=5);
}
.bodyhome .phone-dropdown {position: fixed; top:65px;}
body .phone-dropdown {position: relative; top:79px;}


.contact-menu{cursor:pointer;}
#writeform #post_top_form{ text-align:right;}
form#post_top_form .labelcaptcha{ display:inline-block; float:left;}
form#post_top_form .dropError, #post_bottom_form .dropError{color:#fff;}
form#post_top_form .dropSuccess, #post_bottom_form .dropSuccess{color:#fff;}
form#post_top_form .QapTcha .bgSlider {background:#fff;}
form#post_top_form .QapTcha .slide_text {color:#5c2d78;}

form#contact_us_form .form-control{color:#5c2d78 !important;}
form#contact_us_form .dropError{color:#68297a;}
form#contact_us_form .dropSuccess{color:#7f3295;}
#post_bottom_form .error {font-weight: normal;}
#post_bottom_form .form-control, #post_top_form .form-control {border: none;}


.social_icon {margin: 35px 0 0px 3px;text-align: right;float: right;}
.social_icon ul { border: 1px solid #68297b; margin: 0; padding: 0; overflow:hidden; display: inline-block;}
.social_icon ul li{ float:left; border-right:1px solid #68297b;}
.social_icon ul li:last-child{ border-right:none;}

.jq-dropdown {position: absolute; z-index: 1039; display: none; color:#FFF;}
.jq-dropdown.jq-dropdown-tip {margin-top: 8px;}
.jq-dropdown.jq-dropdown-tip:before {position: absolute; top: -6px; left: 9px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ddd; display: inline-block;}
.jq-dropdown.jq-dropdown-tip:after {position: absolute; top: -5px; left: 10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; display: inline-block;}

.phone-box{background:#68297a; width:420px; color:#FFF; overflow: hidden; padding:10px 5px; font-size:18px;
    -moz-box-shadow: 0 1px 10px 1px #35113f;
    -webkit-box-shadow: 0 1px 10px 1px #35113f;
    box-shadow: 0 1px 10px 1px #35113f;
    filter:progid:DXImageTransform.Microsoft.Glow(Color=#35113f,Strength=5);}

.phone-box a{color:#fff; text-decoration: underline;}
.phone-box a:hover{color:#fff; text-decoration: none;}
.phone-box a.active{color:#fff;}
.phone-box a:focus{color:#fff;}
.phone-box span{font-size:22px;}
.bodyhome .phone-dropdown {position: fixed; top:65px;}
body .phone-dropdown {position: relative; top:79px;}
.flag{width: 50%; float: left; margin: 10px 0px; font-size: 17px;}
ul.flags li{margin:8px 2px; font-size:16px;}
ul.flags li img{margin-right:10px;}
.writetous {text-transform:uppercase; line-height: 25px; padding: 11px 0 !important; text-align: right; font-size:16px;}
.writetous a{color:#5c2d78; background:#fff; padding:3px 6px; border-radius:0px;}
.writetous a:hover{color:#5c2d78; background:#fff; text-decoration:underline;}
#writeform {background:#68297a; width:420px; color:#FFF; overflow: hidden; padding:5px 10px; margin-top:5px;
    -moz-box-shadow: 0 1px 10px 1px #35113f;
    -webkit-box-shadow: 0 1px 10px 1px #35113f;
    box-shadow: 0 1px 10px 1px #35113f;
    filter:progid:DXImageTransform.Microsoft.Glow(Color=#35113f,Strength=5);
}
#writeform input, #writeform textarea{border-radius:0px; text-transform: uppercase; font-size:16px;}
#writeform .form-control::-moz-placeholder {color: #68297a; opacity: 1;}
#writeform .form-control:-ms-input-placeholder {color: #68297a;}
#writeform .form-control::-webkit-input-placeholder {color: #68297a;}
#writeform .form-control {color:#68297a;}
#writeform .form-group {margin-bottom:5px;}
#writeform .labelisd{float: left; margin-right: 5px; width: 60px;}
#writeform .labelemail{clear:both;}
#writeform .submit{border-radius: 0px; padding: 3px 13px; font-family: keep_calm_medregular; font-size: 16px; color: #5c2d78; text-transform: uppercase; margin: 0 0 0 0px; float:right;}
.icon-close {margin: 10px 0; text-align: right;}
.writetous a.btn-primary:hover, 
.writetous a.btn-primary:focus, 
.writetous a.btn-primary.focus, 
.writetous a.btn-primary:active, 
.writetous a.btn-primary.active, 
.writetous a.open .writetous a.dropdown-toggle.btn-primary {background-color: #FFF; border-color: #fff;  color: #68297a;}

#writeform_second { -moz-box-shadow: 0 1px 10px 1px #35113f; -webkit-box-shadow: 0 1px 10px 1px #35113f; box-shadow: 0 1px 10px 1px #35113f; filter:progid:DXImageTransform.Microsoft.Glow(Color=#35113f,Strength=5);}
#writeform_second{ background: #68297a; width: 420px; color: #FFF; overflow: hidden; padding: 5px 10px; margin-top: 20px; -moz-box-shadow: 0 1px 10px 1px #35113f; -webkit-box-shadow: 0 1px 10px 1px #35113f; box-shadow: 0 1px 10px 1px #35113f; bottom: 60px; margin-left: 52px; z-index:99999999999;}
#writeform_second .heading {text-transform: uppercase; color:#fff; font-family:lemonmilkregular; margin-bottom:10px; float:left;}
#writeform_second .head {font-size:18px;font-size:18px; font-family: "HelveticaNeueLTCom-Lt",Helvetica,Arial,sans-serif !important;}
#writeform_second .subhead {font-size:16px; font-size:15px; font-family: "HelveticaNeueLTCom-Lt",Helvetica,Arial,sans-serif !important;}
#writeform_second input, #writeform_second textarea{border-radius:0px; text-transform: uppercase; font-size:16px;}
#writeform_second .form-control::-moz-placeholder {color: #68297a; opacity: 1;}
#writeform_second .form-control:-ms-input-placeholder {color: #68297a;}
#writeform_second .form-control::-webkit-input-placeholder {color: #68297a;}
#writeform_second .form-control {color:#68297a; border-radius: 0; font-size: 14px !important;}
.labelcountry #writeform_second .form-control select{ padding: 0px 0px 0px 0px;}


#writeform_second .form-group {margin-bottom:5px;}
#writeform_second .labelisd{float: left; margin-right: 5px; width: 60px;}
#writeform_second .labelphone {width: 100%; float: left;}
#writeform_second .labelemail{clear:both;}
#writeform_second .submit {border-radius: 0; color: #5c2d78; float: right; font-family: keep_calm_medregular; font-size: 16px; margin: 0; padding: 3px 13px; text-transform: uppercase; border:0px;}
h1{font-family: lemonmilkregular !important; font-size:48px !important; color:#5b2d78 !important; font-weight:normal;}
h3{font-family: keep_calm_medregular !important; font-size:16px !important; text-transform:uppercase; font-weight:normal;}
h1.home-leftbox-text{line-height: 62px; margin-top: 0; font-family:roboto_condensedlight !important; font-weight:600;}
.right_site_title h1{color:#FFF!important;}
.site_title_description{ display:block; font-size:18px; color:#68287C; margin-top: 37px; line-height: 26px; padding-right: 75px; font-family: 'HelveticaNeueLTCom-Lt', Helvetica, Arial, sans-serif;}
.right_site_title { background: #68297a; padding: 25px; margin-top: 10px; overflow: hidden;}
.right_site_title h1{ color: #fff; display: block; font-size: 47px !important; line-height: 64px; margin-top: 86px; text-align: right; font-family:roboto_condensedlight !important; font-weight:600;}
.site_experince { background: #fff; float: right; min-width: 66%; text-align: right; padding:10px; font-weight:bold;}
.site_experince a{ float:right; width:150px; color:#68297A; text-transform: uppercase; font-size: 15px;}
#mid_section{ background: url(../images/banner.png) repeat-x center top; width:100%; min-height: 515px; max-height:515px; overflow:hidden; margin-top: 16px; background-size:cover;}
.mid_section_tabs ul{ margin-bottom:0px;}
.mid_section_tabs li { float: left; width: 50%;}
.mid_section_tabs li a{ float: left; width: 100%; min-height:258px; text-decoration: none;  border-left:1px solid #C9B4C7;background: rgba(0,0,0,0.05);}
.mid_section_tabs li a:hover{background:none;}
.mid_section_tabs li a.active{background:none;}
.mid_section_tabs li a h3{font-family: keep_calm_medregular; display: inline-block; background:#68287C; color:#fff; text-align: left; width:145px; padding:7px; margin:0px;}
.servicebox, .webbox, .mobilebox, .databox { background: /*url(../images/services_rightbg.png) no-repeat center top*/ rgba(253, 253, 253, 0.9); padding: 35px 70px; min-height: 515px; overflow: hidden; position: relative; color:#5c2d78;}
.servicebox h2, .webbox h2, .mobilebox h2, .databox h2{font-size:45px; color:#68287C; text-transform:uppercase; line-height: 35px; font-family:lemonmilkregular;}
.servicebox p, .webbox p, .mobilebox p, .databox p{ font-size:15px; color:#68287C; line-height: 26px; font-family:'HelveticaNeueLTCom-Lt' ,Helvetica,Arial,sans-serif; padding-left:10px;}
.servicebox ul, .webbox ul, .mobilebox ul, .databox ul {margin-top:20px; font-weight:bold;}
#mid_section .servicebox li, #mid_section .webbox li, #mid_section .mobilebox li{padding-left:18px; line-height:30px; background: url(../images/mid-right-arrow.png) no-repeat left; margin-left:15px;}
#mid_section .databox li {width:45%; float: left; padding-left:18px; line-height:30px; background: url(../images/mid-right-arrow.png) no-repeat left 5px; margin-left:15px;}
.servicebox a, .webbox a, .mobilebox a, .databox a{text-transform: uppercase; font-size:14px; color:#5c2d78;}
.listhead {font-weight: bold; margin: 0 auto; width: 91%; font-size: 18px;}
.bottom-border {
    border: 1px solid #cebcd4;
    padding: 0px;
    margin-top: 20px;
    }
.footermargin {margin-bottom:30px;}
.footer_section { float: left; margin-top: 0px; width: 30%;  margin-right: 3%;}
.footer_section h3{ border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px; background: #68297A; color:#fff; font-size: 18px; font-family:'HelveticaNeueLTCom-Lt', Helvetica, Arial, sans-serif !important; font-weight: bold; padding: 8px 0; text-align: center; text-transform: uppercase; width: 140px;}
.footer_section ul { margin-top: 20px;}
.footer_section ul ul { margin-top: 0px;}
.footer_section ul ul li{ margin-left: 10px;}
.footer_section ul li{ display:block;font-size:11px; color:#68297A; text-transform: uppercase; font-family:'HelveticaNeueLTCom-Lt' ,Helvetica,Arial,sans-serif; padding:2px 0px;}
.footer_section ul li a{ display:inline; color:#68297A;}

.footer_section_right{ float: left; margin-top: 75px; width:100%;}
.footer_section_right h3{ border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px; background: #68297A; color:#fff; font-family:'HelveticaNeueLTCom-Lt', Helvetica, Arial, sans-serif !important; font-size: 18px; font-weight: bold; padding: 8px 0; text-align: center; text-transform: uppercase; width: 140px; float:left;}
.footer_section_right a{ background: #fff; color:#68297A; border:1px solid #68297A; font-size: 16px; font-weight: bold; padding: 6px 0; text-align: center; text-transform: uppercase; width: 220px; margin:18px 0 0; float:right; border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px;}
.footer_section_right a:hover{ text-decoration:none; background: #68297A; color:#fff;}
.footer_address h4{ font-family:keep_calm_medregular; color:#5b2d78; font-size:14px; text-transform: uppercase; line-height:20px;}
.footer_section_right .btn-primary:hover,
.footer_section_right .btn-primary:focus,
.footer_section_right .btn-primary.focus,
.footer_section_right .btn-primary:active,
.footer_section_right .btn-primary.active,
.open .footer_section_right .dropdown-toggle.btn-primary {color: #fff; background-color: #68297a; border-color: none !important;}

.cd-top {display: inline-block; height: 65px; width: 45px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(183, 151, 90, 0.8) url(../images/back-to-top.jpg) no-repeat center 50%; visibility: hidden; opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1; z-index:999;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {background-color: #e86256; opacity: 1;}

.call-to-action{position: fixed; display: block; bottom: 40px; background:none; cursor: pointer;}
.call-to-action .btn {background: none;}
.inner {width:0px; height:40px; padding:10px;overflow:hidden; background:#68297a; color:#fff; border-radius: 5px;}
.inner ol{margin:0;}
.box{width:260px;overflow:hidden;}

.subscribe_box{ display: block; background:#fff; padding:0px; border:3px solid #68297a; margin-bottom: 23px;}
.subscribe-title {background:#68297a; padding:4px; margin-bottom:10px;}
.subscribe_box a{ display: inline-block; float:none; width:auto; background: none /*url(../images/subscribe_arrow_right.png) no-repeat right 8px */; color:#fff; margin: 0 0 0 10px; padding: 2px 20px 2px 0; text-decoration: none; cursor: pointer; border:0px;}
.subscriptionbox {padding:5px 15px; color:#FFF; font-weight:normal;overflow: hidden;}
.subscriptionbox .labelname{float: left;margin-right: 20px;width: 47%;}
.subscriptionbox .labelemail{ float: left; width: 48%;}
.subscriptionbox .form-control {border-radius: 0; height: 27px; padding: 0 4px;}
.subscriptionbox .submit{border-radius: 0px; padding: 2px 13px 5px; font-family: keep_calm_medregular; font-size:14px; color:#FFF; text-transform: uppercase; margin-left:15px;}
.subscribe-hint {font-size:12px;text-align: left; float: left; width: 100%; margin-top: -10px; padding: 0px;}
.subscribe_box a:hover{ color:#fff; background: none /*url(../images/subscribe_arrow_right.png) no-repeat right 8px */;}
form#newslatter_bottom_form .QapTcha .dropError {color:#fff;}
form#newslatter_bottom_form .QapTcha .dropSuccess {color:#fff;}
form#newslatter_bottom_form .error, form#post_top_form .error { font-weight: normal; color: #68297A; font-size: 16px;}
form#newslatter_bottom_form label.error, form#post_top_form label.error{ font-size: 13px;}

.copyright_wrapper{ background: #68297a; color: #fff; padding: 20px 0;}
.copyright_wrapper p{ font-size: 10px; line-height: 18px; margin-bottom: 0; text-align: center; text-transform: uppercase;}
.hovermargin{margin:20px;}
.aboutus {margin-top:0px; color:#68297a;}
.about-box2{background:#eeeaf1;}
.about-box-vision, .about-box-mission, .about-box-goal{padding:79px 40px; font-size: 16px; font-family: 'HelveticaNeueLTCom-Lt' ,Helvetica,Arial,sans-serif; width:75%;}
.about-box-vision, .about-box-goal {float:right;}
.about-box-vision, .about-box-goal {text-align:right;}
.about-box-image img {padding:0px; margin:0px; width:100%; height:auto;}
.aboutus p{font-size:36px;  font-family:'HelveticaNeueLTCom-Lt' ,Helvetica,Arial,sans-serif;}
#aboutus-mid_section { background: url(../images/bg_mid-aboutus.jpg) repeat-x center top; width:100%; max-height:500px; overflow:hidden; margin-top: 0px; background-size:cover; font-size:16px; color:#5c2d78;}
#aboutus-mid_section .mid_section_tabs li a{ float: left; width: 100%; min-height:250px; text-decoration: none; /* border-top:1px solid #C9B4C7; */ border-left:1px solid #C9B4C7;background: rgba(0,0,0,0.09); cursor: pointer;}
#aboutus-mid_section .mid_section_tabs li a:hover{background: rgba(0, 0, 0, 0);}
#aboutus-mid_section .mid_section_tabs li a h3{background: #68287c; color: #fff; display: inline-block; line-height: 23px; margin: 0;padding: 7px; text-align: left; width: 258px; text-transform: none; font-weight:normal; font-family:'HelveticaNeueLTCom-Lt' ,Helvetica,Arial,sans-serif !important; font-size: 22px !important;}
.SoftwareStrengths a, .Edgeoverothers a{padding-top:118px;}
.servicebox, .webbox, .mobilebox, .databox { background: /*url(../images/services_rightbg.png) no-repeat center top*/ rgba(253, 253, 253, 0.9); padding: 35px 70px; min-height: 515px; overflow: hidden; position: relative; color:#5c2d78;}
.servicebox h2, .webbox h2, .mobilebox h2, .databox h2{font-size:45px; color:#68287C; line-height: 35px; font-family:lemonmilkregular;}
.servicebox p, .webbox p, .mobilebox p, .databox p{ font-size:16px; color:#68287C; line-height: 28px; font-family:'HelveticaNeueLTCom-Lt' ,Helvetica,Arial,sans-serif; padding-left:10px;}
.servicebox ul, .webbox ul, .mobilebox ul, .databox ul {margin-top:20px; font-weight:bold;}
#aboutus-mid_section .servicebox li span, 
#aboutus-mid_section .mobilebox li span
{font-family: "HelveticaNeueLTCom-Lt",Helvetica,Arial,sans-serif; padding-left: 20px; line-height: 40px; font-size: 24px; background: url(../images/mid-right-arrow.png) no-repeat left; font-weight: normal; margin-bottom: 7px;}
#aboutus-mid_section .webbox li span, 
#aboutus-mid_section .databox li span
{font-family: "HelveticaNeueLTCom-Lt",Helvetica,Arial,sans-serif; padding-right: 22px;  background: url(../images/mid-right-arrow.png) no-repeat right; font-weight: normal; margin-bottom: 7px;}
#OurCompetenciesDiv ul, 
#DataStrengthsDiv ul{float:right; text-align:right; width:82%; right:52px;position: absolute; bottom: 55px;}
#SoftwareStrengthsDiv ul, 
#EdgeoverothersDiv ul{float:right; width:82%; right:39px;position: absolute; bottom: 55px;}
#OurCompetenciesDiv li, #SoftwareStrengthsDiv li, #DataStrengthsDiv li, #EdgeoverothersDiv li{background: url(../images/about-li-separator.jpg) repeat-x center; margin:0; }
#aboutus-mid_section .servicebox, #aboutus-mid_section .webbox, #aboutus-mid_section .mobilebox , #aboutus-mid_section .databox {padding:15px 38px;}
#aboutus-mid_section .servicesborderleft {border-left:2px solid #68287c; border-bottom:2px solid #68287c; height:435px; margin-top:20px;}
#aboutus-mid_section .servicesborderright {border-right:2px solid #68287c; border-bottom:2px solid #68287c; height:435px; margin-top:20px;}
#aboutus-mid_section .nobgCompetencies{display: inline-block; background: url(../images/about-li-separator2.jpg) repeat-x center; margin:15px 0;line-height: 40px; font-size: 24px;}
#aboutus-mid_section .nobgSoftware{display: inline-block; background: url(../images/about-li-separator2.jpg) repeat-x center; margin:10px 0;line-height: 40px; font-size: 24px;}
#aboutus-mid_section .nobgData{display: inline-block; background: url(../images/about-li-separator2.jpg) repeat-x center; margin:10px 0;line-height: 40px; font-size: 24px;}
#aboutus-mid_section .nobgEdge{display: inline-block; background: url(../images/about-li-separator2.jpg) repeat-x center; margin:3px 0;line-height: 40px; font-size: 20px;}
.listhead {font-weight: bold; margin: 0 auto; width: 95%; font-size: 19px;}
#OurCompetenciesDiv, #SoftwareStrengthsDiv, #DataStrengthsDiv, #EdgeoverothersDiv{display: none; position: relative; }
/* About Us classes ends here */


/* Contact Us classes starts here */
.contact-us{margin-top:0px; color:#5b2d78; font-family:'HelveticaNeueLTCom-Lt', Helvetica, Arial, sans-serif;}
.contact-box1 {padding:20px 0px 0 50px;}
.contact-box2 {padding:0 30px;}
.contact-box2 p{font-size:17px;}
.address-phone{font-weight:bold; font-size:19px;}
.contact-box1 .form-control{color:#5c2d78 !important; border: 1px solid #5c2d78; padding:15px; border-radius: 0px; box-shadow: none; height: auto; font-size:18px;}
.form-control::-moz-placeholder{ color:#5c2d78 !important;}
.contact-box1 .btn-default {background:#5c2d78; color:#fff; border-radius:0px; text-transform: capital; font-size:18px;}
.map {margin-top: 30px;}
.map img{width:100%; height: auto; margin-top:20px;}
.contact-box2 .listhead {font-weight: bold; margin: 20px auto 0px; width: 91%; font-size: 21px;}
.contact-box2 ul{ font-weight: bold; margin-top: 20px;}
.contact-box2 li{padding-left:18px; line-height:40px; background: url(../images/mid-right-arrow.png) no-repeat left 6px; margin-left:15px; font-size:18px;}
.contact-padding{padding:0px !important;}
form#contact_us_form .labelcaptcha { display:inline-block; width:200px;}
form#contact_us_form .QapTcha .dropError{color:#ab7ab9;}
form#contact_us_form .QapTcha .dropSuccess{color:#fff;}
#address {clear: both; display: block; margin-bottom:0px;}
#address { clear: both; display: block;}
#address strong{ display:block; color:#68297A; font-size: 20px; font-weight: bold; text-transform: uppercase;}
#contact_start p{ display:block; color:#68297A; font-size: 18px; margin:19px 0; text-transform: uppercase; padding-left:20px;}
#contact_start p span{ font-weight: bold;}
.address-india, .address-usa {text-align:center;}
#contact_start .contactflag{margin-bottom:20px !important;font-size:18px;}
#contact_start .contactflag img{width:auto !important; margin:0px !important;}
/* Contact Us classes ends here */

/* Coming soon page starts here */
.coming-soon {margin-top:0px; padding:0 30px !important;}
.coming-soon-box{ margin:30px auto; box-shadow:0 1px 10px 1px #b485c2; padding:30px; min-height:260px; text-align:center; font-size:20px;}
/* Coming soon page ends here */

/* How we do classes starts here */
.how-we-do-head h1{margin-left:556px; margin-top:0px;}
.how-bg{background:#f9f7fa;}
.we-gather, .we-define, .we-deliver {width: 486px; background-image: url(../images/bdr-top-how.jpg), url(../images/bdr-right-how.jpg); background-position: right top, right top; background-repeat: no-repeat, repeat-y; text-align:right; padding:10px; margin-left:-53px; float: right;}
.v-center {height:358px; display: table;}
.we-assess, .we-craft, .we-back { width: 486px; background-image: url(../images/bdr-top-how.jpg), url(../images/bdr-right-how.jpg); background-position: left top, left top; background-repeat: no-repeat, repeat-y; text-align:left; padding:10px; margin-left:88px;}
.how-bg img { margin-bottom:20px;}
.v-center span{display:table-cell; vertical-align:middle;}
.how-we-do-hbar-right{background: url(../images/how-we-do-hbar-right.png) no-repeat 430px center;}
.how-we-do-hbar-left{background: url(../images/how-we-do-hbar-left.png) no-repeat left center;}
.gather-img {text-align:center;}
.assess-img{text-align:center; /* padding:50px 0px; */}
.craft-img{text-align:center; /* padding:40px 0px; */}
.we-deliver-img, .we-define-img {text-align:center;}
.weback-img {text-align: center;
margin-top: 125px;
position: relative;
left: 124px;
right: 0;}
.we-gather p, .we-assess p, .we-define p, .we-craft p, .we-deliver p, .we-back p{font-size: 17px; margin: 5px 0; font-family: "HelveticaNeueLTCom-Lt",Helvetica,Arial,sans-serif !important;}
.we-gather h3, .we-assess h3, .we-define h3, .we-craft h3, .we-deliver h3, .we-back h3{font-size:23px !important; margin:3px 0px 15px 0px !important;}
.pbold {font-weight:bold;}
.line-right  {background: url(../images/line-right.png) no-repeat 432px 141px; z-index:99999; position: relative;}
.how-line-right {width: 78px; height:1px; background: #b494bb; z-index:99999; position: relative; top: 191px; margin:0 auto 0px 417px;}
.how-line-left {width: 78px; height:1px; background: #b494bb; z-index:99999; position: relative; top: 191px; margin:0 auto 0px 515px;}
.how-circle {width: 20px; height:20px; border-radius:10px; background: #682a7d; z-index:99999; position: relative; top: 180px; margin:0px auto; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: box-shadow .4s ease;
    -moz-transition: box-shadow .4s ease;
    -o-transition: box-shadow .4s ease;
    -ms-transition: box-shadow .4s ease;
    transition: box-shadow .4s ease;}
.how-circle:hover {
    -webkit-box-shadow: -6px -8px 10px #bd9fc3, -4px 7px 10px #bd9fc3, 6px -4px 10px #bd9fc3;
    -moz-box-shadow: -6px -8px 10px #bd9fc3, -4px 7px 10px #bd9fc3, 6px -4px 10px #bd9fc3;
    box-shadow: -6px -8px 10px #bd9fc3, -4px 7px 10px #bd9fc3, 6px -4px 10px #bd9fc3;
}
.how-circle-active {
    -webkit-box-shadow: -6px -8px 10px #bd9fc3, -4px 7px 10px #bd9fc3, 6px -4px 10px #bd9fc3;
    -moz-box-shadow: -6px -8px 10px #bd9fc3, -4px 7px 10px #bd9fc3, 6px -4px 10px #bd9fc3;
    box-shadow: -6px -8px 10px #bd9fc3, -4px 7px 10px #bd9fc3, 6px -4px 10px #bd9fc3;
}

/* How we do classes ends here */
#mobile-section{ background: url(../images/bg_mid-mobile.jpg) repeat-x center top; width:100%; min-height: 515px; max-height:515px; overflow:hidden; margin-top: 16px; background-size:cover;}
#web-section{ background: url(../images/bg_mid-web.jpg) repeat-x center top; width:100%; min-height: 515px; max-height:515px; overflow:hidden; margin-top: 16px; background-size:cover;}
#data-section{ background: url(../images/bg_mid-data.jpg) repeat-x center top; width:100%; min-height: 515px; max-height:515px; overflow:hidden; margin-top: 16px; background-size:cover;}

/* Services classes starts here */
.services-gateway {margin-top:0px; color:#5b2d78; font-family:'HelveticaNeueLTCom-Lt', Helvetica, Arial, sans-serif;font-size: 18px; line-height: 26px;}
.services-gateway .mainhead {font-size:20px; font-weight: bold;}
.service-box-margin {margin-top:82px;}
.services-box1, .services-box2 {padding:0 30px;}
.services-box2 ul{font-weight: bold; margin: 20px auto 20px 20px;}
.services-box2 li{background: url("../images/mid-right-arrow.png") no-repeat left center; font-size: 17px; line-height: 31px; margin-left: 15px; padding-left: 18px;}
.services-image {margin:70px 0px 20px 0px; text-align:center; background:#fff;}
.services-image-right {     background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #f0ebf2 50%, #f0ebf2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(50%,#f0ebf2), color-stop(100%,#f0ebf2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 50%,#f0ebf2 50%,#f0ebf2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ffffff 0%,#ffffff 50%,#f0ebf2 50%,#f0ebf2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ffffff 0%,#ffffff 50%,#f0ebf2 50%,#f0ebf2 100%); /* IE10+ */
background: linear-gradient(to right, #ffffff 0%,#ffffff 50%,#f0ebf2 50%,#f0ebf2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0ebf2',GradientType=1 ); /* IE6-9 */
padding:50px 0px 30px 0px; }
.main-services .ui a, .main-services .intranet a, .main-services .maintenance a, .main-services .digitization a, .main-services .cleansing a {padding-top: 118px;}
.main-services ul{ margin-bottom:0px;}
.main-services li { float: left; width: 25%;}
.main-services li a{ float: left; width: 100%; min-height:258px; text-decoration: none;  border/*-left:1px solid #C9B4C7; border-right: 1px solid #c9b4c7;*/  background: rgba(0,0,0,0.05);}
.main-services li.blank_div a:hover, .main-services li.blank2_div a:hover, .main-services li.blank3_div a:hover {cursor: default; background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;} 
.main-services li a:hover{background:none;}
.main-services li a h3{background: #68287c; color: #fff; display: inline-block; font-family: "HelveticaNeueLTCom-Lt",Helvetica,Arial,sans-serif !important; font-size: 22px !important; font-weight: normal; line-height: 23px; margin: 0; padding: 7px; text-align: left; text-transform: none; width: 258px;}
#services-section{ background: url(../images/banner.png) repeat-x center top; width:100%; min-height: 515px; max-height:515px; overflow:hidden; margin-top: 16px; background-size:cover;}
/* Services classes ends here */

.fliphover {background-color: #8f5f9c;color: #fff;height: 256px; padding:25px; font-size:24px; border:1px solid #7a4987; line-height:35px;}
form#newslatter_bottom_form .QapTcha {float:none;margin-top:3px; margin-left:0px; display:inline-block;}

 form#post_top_form .QapTcha {margin-top:3px;width:195px;}
.QapTcha .clr{clear:both}
 form#post_bottom_form .QapTcha { margin-top:3px; display: inline-block; margin-right:10px;}
 form#post_bottom_form .QapTcha .bgSlider {width: 160px; height: 23px; float: left; border-radius: 10px; background-color:#fff;}
form#post_bottom_form .bottom_form .slide_text {color:#68297a;}
.QapTcha .bgSlider {width: 100%; height: 23px; float: left; border-radius: 10px; background-color:#68297a; margin-top: 8px;}
.QapTcha .Slider {width: 28px; height: 27px; background: transparent url('../images/bg_draggable_qaptcha2.png') no-repeat; cursor: e-resize; position: relative; top: 0; left: 0; z-index: 9999; margin-top: -2px;}
#footer_start .QapTcha .Slider{ z-index:0;}
.QapTcha .TxtStatus {width:180px;margin-top:7px;text-align:left;color:#bb2828;font-family:Verdana;font-size:10px;clear:both}
.QapTcha .dropSuccess {color:#4e8b37;}
.QapTcha .dropError {color:#bb2828;} 
.QapTcha .slide_text{position: absolute; margin-top: -21px; margin-left: 27px; font-size:12px; color:#fff;}
.QapTcha2 {float:left;margin-top:8px;width:auto;}
.QapTcha2 .clr{clear:both}
.QapTcha2 .bgSlider {width: 190px; height: 23px; float: left; background-color: #68297a; border-radius: 10px;}
.QapTcha2 .Slider {width: 28px; height: 27px; background: transparent url('../images/bg_draggable_qaptcha2.png') no-repeat; cursor: e-resize; position: relative; top: 0; /left: 0; z-index: 9; margin-top: -2px;}
.QapTcha2 .TxtStatus {width:190px;margin-top:7px;text-align:left;color:#bb2828;font-family:Verdana;font-size:10px;clear:both}
.QapTcha2 .dropSuccess {color:#4e8b37;}
.QapTcha2 .dropError {color:#bb2828;} 
.QapTcha2 .slide_text{color: #fff; position: absolute; margin-top: -21px; margin-left: 32px; font-size:12px;}
/*-----------start- from here--------*/
.boxleft{position: absolute !important; float: left !important;}
.boxright{margin-top: 220px !important; float: right !important; clear:both !important;}
.border_changed{width: 486px; background-image: url(../images/bdr-top-how.jpg), url(../images/bdr-right-how.jpg); background-position: right top, right top; background-repeat: no-repeat, repeat-y; text-align: right; padding: 10px; margin-left: -53px; float: right;}

/* sitemap css starts here */
.sitemap h2
{background: #68287c; color: #fff; font-family: "HelveticaNeueLTCom-Lt",Helvetica,Arial,sans-serif !important; font-size: 15px !important; font-weight: normal; margin: 0; padding: 4px 7px; text-align: left; text-transform: none; width: 100px;}
.sitemap ul li {margin:5px; font-size:13px;}
.sitemap ul li a {color: #68297a;}
/* sitemap css ends here */
.captcha-box .btn.btn-default.submit {float: right;}
.captcha-box {text-align: right;}

/* 404 css starts here */
.page404 {margin-top:0px; color:#5b2d78; font-family:'HelveticaNeueLTCom-Lt', Helvetica, Arial, sans-serif; min-height:350px;}
/* .contact-box1 {padding:20px 0px 0 50px;}
.contact-box2 {padding:0 30px;} */
.page404 h1{margin-bottom:50px;}
.page404 p{font-size:17px;}
.page404 .form-control {
    border: 1px solid #5c2d78;
    border-radius: 0;
    box-shadow: none;
    color: #5c2d78 !important;
    font-size: 18px;
    height: auto;
    padding: 15px;
}
/* 404 css ends here */


.labelcaptcha_wrap{ text-align:right;}
.labelcaptcha_wrap button.btn{ float:right;}

.footer_address2 { margin-top: 20px;}
.labelsubmit { text-align: right;}

label.error{ color: #f00 !important; font-weight: normal;}
#writeform_second label.error{ color:#fff !important;}
.subscribe-title > span { color: #fff; margin-left:2px;}
.Slider.ui-draggable.ui-draggable-handle.ui-draggable-disabled{ background-position:3px 0;}
#writeform_second .Slider.ui-draggable.ui-draggable-handle.ui-draggable-disabled{ background-position:0px 0;}

.call-to-action .op_div{ position:absolute; left:0; bottom:0;}
.call-to-action .close_div{ position:absolute; left:0; bottom:0; margin-top:0 !important; top:15px;}

.flip_class{ border-left:none !important; border-bottom:none !important;}
.flip_class:nth-of-type(1), .flip_class:nth-of-type(5), .flip_class:nth-of-type(8){ border-left:1px solid #c9b4c7 !important;}
.flip_class:nth-of-type(5), .flip_class:nth-of-type(6), .flip_class:nth-of-type(7), .flip_class:nth-of-type(8), .blank_div, .blank2_div{ border-top:0px solid #c9b4c7 !important;}


.fa.fa-home, .fa.fa-tags, .fa.fa-camera{ display:none;}


/* new css 20/11/2015 */
.holiday-list{width: 93%;  background-color: #e9e9ef; border-radius: 4px; border-bottom: 2px solid #E4E4E4;  min-height: 512px;}    
.holiday-clndr{width:100%;  }
.color-month{ width:100%;  background-color: #4e83ba; background-image:url(../images/clndr.png); background-repeat:no-repeat; background-position: 52px 36px; height: 277px;margin-top: 30px;margin-bottom: 30px;}
.color-month h3{ font: 72px roboto_condensedlight !important; color:#fff;text-align: center;padding: 119px 0px;}

.holiday-list ul { padding:0px; margin:0px;}
.holiday-list ul li{ padding: 5px 20px 5px 20px; background-color: #ced5e2;margin: 0px 0px 5px 0px;font-size: 18px !important;font-family: HelveticaNeueLTCom-Lt !important; color: #5c2d78;}
.holiday-list ul li:hover{ background-color:#a5b7cc;}
.holiday-list h2 {  font-size: 26px; line-height: 20px;  text-align: center; font-family: HelveticaNeueLTCom-Lt; padding: 38px 0px 0px; text-transform: uppercase; color: rgb(91, 45, 120);margin-bottom: 36px;}
.event-days tr td { background: none !important;border: 0;height: auto;line-height: 15px;}
.careers-wrp ul{ padding:0px; margin:0px; }
.careers-wrp ul li{ background: url("../images/mid-right-arrow.png") no-repeat left center; font-size: 16px; line-height: 30px;  margin-left: 33px; padding-left: 18px; }
.careers-wrp h3{  font-size: 18px !important;text-transform: none;font-family: HelveticaNeueLTCom-Lt !important;font-weight: bold;margin: 35px 0px 10px 0px;}
.careers-wrp h4{ background: #eadef2;padding: 10px 42px 10px 42px;color: #5b2d78;line-height: 24px;margin: 30px 0px 30px 0px;font-size: 18px;}
.careers-wrp h2{  font-size: 20px !important;text-transform: none;font-family: HelveticaNeueLTCom-Lt !important;font-weight: 700;margin: 26px 0px 21px 0px;}
.read-more-wrp a { width:33px; height:31px; background-color:#5b2d78;display: inline-block; background-image:url(../images/Careers-more-btn.png); background-repeat:no-repeat;background-position: 6px 3px;}
.career-wrp-main{ width:100%;  border:3px solid #5b2d78;margin-top: 25px;}
.career-wrp-main h2 { background-color:#5b2d78; color:#fff;margin: 0;padding: 7px 13px 10px 13px; font-size: 22px !important;font-family: HelveticaNeueLTCom-Lt !important;margin: 0px 0px 8px 0px;font-weight: normal;}  
.career-wrp-main p{ font-size: 16px !important; font-family: HelveticaNeueLTCom-Lt !important; padding: 0px 13px; color:#5b2d78; margin: 0 0 10px !important;!important; }
.career-wrp-main p a{ color:#5b2d78;}
.careers-wrp p { font-size: 18px;font-family: HelveticaNeueLTCom-Lt !important;line-height: 24px;margin: 27px 0px 0px 0px;}
.cr-main { width: 100%; padding: 0px 15px 35px 15px;}
.mp{ margin:0px !important; padding:0px !important;}

/* new css 26/11/2015 */


.clock_1 {float: left; width:18% !important; margin: 0 !important;  } 
.clock_2 { float: left;width:18% !important; margin: 0 !important; }
.clock {float: left; width:28%! important; margin: 0 !important;}
.tool_tip span{ display: inline;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 11111;
    left: 0;
}
                                                
.tool_tip span:hover:after{
background: #333;
background: rgba(0,0,0,.8);
border-radius: 5px;
bottom: 85px;
color: #fff;
content: attr(title);
left: 0%;
padding: 0px 5px;
position: absolute;
z-index: 98;
padding:10px 20px;
line-height:51px;
width:150px;
font:12px arial;
}
                                                
.tool_tip span:hover:before{
border: solid;
border-color: #333 transparent;
border-width: 6px 6px 0 6px;
content: "";
left: 50%;
position: absolute;
z-index: 99;
bottom: 80px;
 }
.jq-dropdown label.error { color: #FFF !important; float: left;}
.jq-dropdown select{  border-radius: 0px !important; font-size: 16px; padding: 0px 0px 0px 5px;}
.labelcountry select{  text-transform: none !important; padding: 0px 0px 0px 6px; height: 56px !important; background-color: #fff !important;} 
.select-n select{color: #68297A !important;}
.new-sub{margin: 5px 0px 0px 0px !important;}
#writeform textarea.form-control {height: 80px !important;}
#writeform .form-control { height: 30px;}
.listhead-new{    
font-weight: bold;
margin: 0 auto;
width: 100%;
font-size: 22px;
margin: 0px 0px 10px 0px;}


















/*15/4/2016 SUNITA CSS */

.our-work-box{width: 100%; margin: 0px 0px -17px 2px;}
.work-bg{width: 100%;margin:1px;}
.work-box { width: 49.8%; float: left; margin-left: 0px; padding: 1px;  margin-bottom: 1px;}
.work-box img{ width: 100%; height: auto;}
span.roll { background: rgba(0, 0, 0, 0.83); position: absolute; width: 49.6%; z-index: 10; float: left; height: 322px; margin-left: 0px; opacity: 0.97;} 
span.roll:hover {opacity: 0; -webkit-transition:1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s;  }



.view-project{
    background: #cec2d2;
    color: #68297b;
    font-size: 22px;
    font-family: roboto_condensedlight;
    font-weight: bold;
    text-align: center;
    float: left;
    margin: 250px 0px 0px 95px;
    padding: 7px 20px;
    width: 340px;
    position: absolute;
    z-index: 99;
    display: none;
    }

.work-box:hover .view-project{ display:block !important; opacity: 0.97 !important;}


.our-work-box .carousel-control.left{
    background-image: url(../images/prv.png);
    background-repeat: no-repeat;
    top: 45%;
    margin-left: 1.2%;
    opacity: 1;
   z-index: 9999;
    }
.our-work-box .carousel-control.right{
    background-image: url(../images/nxt.png);
    background-repeat: no-repeat;
    top: 45%;
    opacity: 1;
  z-index: 9999;
    }

.clint-speak{
width: 100%;
margin-top: 18px;
height: 370px;
overflow: hidden;
}

.clint-speak h3{ font-size: 22px !important; font-family: roboto_condensedlight !important; font-weight: 600;}

.clint-speak p{color: #5b2d78 !important;font-family: 'HelveticaNeueLTCom-Lt', Helvetica, Arial, sans-serif !important;font-size: 18px !important;line-height: 26px !important;text-align: left;}

.clint-names{float: right;text-align: left;}

.clint-names h2{
    float: left;
    margin: 0;
    float: left;
    margin: 0;
    font: 16px HelveticaNeueLTCom-Lt;
    color: #5b2d78;
}
.clint-names h4{
    float: left;
    margin: 0;
    color: #5b2d78;
    font-family: 'HelveticaNeueLTCom-Lt', Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 19px;
}
.clint-names h5{
    margin: 0;
    font: 16px HelveticaNeueLTCom-Lt;
    color: #5b2d78;
}
.line{
    float: left;
    margin: 0px 10px 0px 10px;
}


.web-port {
    width: 100%;
    float: left;
    margin-top: 21px;
    }

.mobile-port{width: 50%;background-color: #f0ebf2;float: left;border-right: 1px solid rgb(222, 213, 228);}
.data-case{width: 50%;background-color: #fff;float: left;}
.mobile-port-sml{ float: right; width: 64%;}
.our-work-box .carousel-control { width: 7.5%;}
.slider-port{height: 974px;overflow: hidden;}



.data-case-sml{ float: left; width: 60%; padding: 0px 0px 0px 30px; text-align: center;}
.mobile-port figure{float: right;margin: 10px 35px 28px 0px;}
.mobile-port-sml h3{ font-size: 22px !important; font-family: roboto_condensedlight !important; font-weight: 600; color: #fff; background: #68297b; float: left; padding: 6px 10px; margin: 3px 0px 58px 0px; }
.data-case-sml h3{ font-size: 24px !important; font-family: roboto_condensedlight !important; font-weight: 900; line-height: 28px;bpadding: 16px 0px 0px 0px;  text-align: left; } 
.data-case-sml p{font: 18px HelveticaNeueLTCom-Lt; padding: 16px 0px 0px 0px;color: #5b2d78; font-family: 'HelveticaNeueLTCom-Lt', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 26px; } 
.read-more-btn{ float: right; font-size: 18px !important; font: 18px HelveticaNeueLTCom-Lt; color: #fff; background: #9577a7; padding: 11px 18px; margin: 3px 0px 0px 0px; text-transform: uppercase;}
.tooltip2 {  display: inline; position: relative; z-index: 999; cursor: context-menu;}
.tooltip-content2 { position: absolute;background: url(../images/shape1.svg) no-repeat center bottom; background-size: 100% 100%; z-index: 9999; width: 200px; left: 36%; padding: 30px 10px;
text-align: center; margin: -63px 0px 0px 0px; color: #fff; opacity: 0; cursor: default; pointer-events: none; font-family: 'Kalam', cursive; -webkit-transform: scale3d(0.1,0.2,1);
transform: scale3d(0.1,0.2,1);-webkit-transform-origin: 50% 120%; transform-origin: 50% 120%; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, transform 0.4s;
-webkit-transition-timing-function: ease, cubic-bezier(0.6,0,0.4,1); transition-timing-function: ease, cubic-bezier(0.6,0,0.4,1); font-family: 'HelveticaNeueLTCom-Lt', Helvetica, Arial, sans-serif !important;
font-weight: bold; font-size: 18px;}    
.tooltip2:hover .tooltip-content2 { opacity: 1; pointer-events: auto; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);}
/* Arrow */
.tooltip-content2::after {content: ''; position: absolute; width: 16px; height: 16px; left: 50%; margin-left: -8px; top: 100%; background: #68297a; -webkit-transform: translate3d(0,-60%,0) rotate3d(0,0,1,45deg); transform: translate3d(0,-60%,0) rotate3d(0,0,1,45deg);}
.custom_vertical_line_footer{border-left: 1px solid rgb(222, 213, 228); margin: 0px 0px 0px -1px;}
.footermargin { margin-bottom: 0px;}

/* Tooltip container */
.tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; /* If you want dots under the hoverable text */}
/* Tooltip text */
.tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1;}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext { visibility: visible;}
.menu li a.active_menu {border-bottom: 6px solid #68287c; padding-bottom: 0px; padding: 7px 20px;}

.select-n select{ height: 30px !important;}
.select-n2 select{ height: 34px !important;}
.chat-icon{margin: 0px 5px 0px 0px !important;  border: none !important; cursor:pointer;}
.about-cls p{ color: #5b2d78; font-size: 20px !important; line-height: 28px;}