@charset "utf-8";
/* CSS Document */

/*case study pages */

.big-banner .main-banner .row {
    height: 30vh;
    max-height: 350px;
}
.big-banner .main-banner .main-banner-content .content{max-width: 100%; text-align: center}
.main-banner-content .content p{width: 100%; max-width: 100%;}
.big-banner .main-banner {padding-top: 70px;}
.casestudy-page h1 {font-size: 34px !important;}
.casestudy-page section h2 {font-size: 30px;}

/* main content */
.casestudy-testimonialsnew {  padding-top: 50px;}
.casestudy-testimonialsnew .info {  background-color: #f7f1ec;  padding: 30px 30px 20px;  position: relative;  font-size: 18px;  line-height: 28px;}
.casestudy-testimonialsnew .info::before {  content: "";  width: 95px;  height: 54px;  position: absolute;  background: url(../images/case-studies/case-study-bottom.png);  bottom: -26px;  right: 15px;}
.casestudy-info p {  font-size: 16px;  line-height: 26px;}

.casestudy-testimonialsnew .info::after {  content: "";  width: 95px;  height: 54px;  position: absolute;  background: url(../images/case-studies/case-study-top.png);  top: -26px;  left: 15px;}
.casestudy-summarywrap {  padding-top: 45px;}
.casestudy-info .cst-head {  font-size: 30px;  margin: 0 0 15px;}
.casestudy-summarywrap .casestudy-summary {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  margin-top: 20px;}
.casestudy-summarywrap .casestudy-summary .img {  -webkit-box-flex: 0;  -ms-flex: 0 0 55%;  flex: 0 0 55%;  max-width: 55%;}
.casestudy-summarywrap .casestudy-summary .img img {  width: 100%;}

.casestudy-summarywrap .casestudy-summary .info {  -webkit-box-flex: 0;  -ms-flex: 0 0 45%;  flex: 0 0 45%;  max-width: 45%;  background: #eeeeee;  margin: 10px 0;  padding: 30px 30px 15px;}
.casestudy-summarywrap .casestudy-summary .info ul {  padding-left: 0;  margin-bottom: 0;}
.casestudy-summarywrap .casestudy-summary .info ul li {  list-style-type: none;  margin-bottom: 15px;}

.casestudy-pr {padding-top: 57px;}
.casestudy-pr .cst-head {display: block;position: relative;padding-left: 60px;padding-bottom: 12px;}
@media screen and (max-width: 767px) {.casestudy-pr .cst-head {  padding-bottom: 20px;}}
.casestudy-pr .cst-head::before {content: "";width: 46px;height: 57px;position: absolute;top: -8px;left: 0;background: url(../images/case-studies/head-pr.png);}

.casestudy-challenges {padding: 60px 30px 35px;background-color: #eeeeee;margin-top: 45px;}
@media screen and (max-width: 767px) {.casestudy-challenges {  padding: 50px 15px 35px;}}
.casestudy-challenges .cst-head {display: block;position: relative;padding-left: 60px;padding-bottom: 12px;}
@media screen and (max-width: 767px) {.casestudy-challenges .cst-head {  padding-bottom: 20px;}}
.casestudy-challenges .cst-head::before {content: "";width: 47px;height: 54px;position: absolute;top: -8px;left: 0;background: url(../images/case-studies/head-challange.png);}

.casestudy-solutions {padding-top: 57px;}
.casestudy-solutions .cst-head {display: block;position: relative;padding-left: 65px;padding-bottom: 5px;}
@media screen and (max-width: 767px) {.casestudy-solutions .cst-head {  padding-bottom: 20px;}}
.casestudy-solutions .cst-head::before {content: "";width: 50px;height: 61px;position: absolute;top: -8px;left: 0;background: url(../images/case-studies/head-highlight.png);}
.casestudy-solutions ul {margin-bottom: 0;padding-left: 30px;}
.casestudy-solutions ul li {list-style-type: none;position: relative;display: block;font-size: 15px;margin-bottom: 3px;padding-left: 20px;}
.casestudy-solutions ul li::before {content: "";height: 8px;width: 8px;border: 2px solid #5f5d5d;position: absolute;top: 8px;left: 0;}

.casestudy-solutionssummary {background: #f7f1ec url(../images/case-studies/head-final.png) no-repeat right top;background-position: 103% -9px;padding: 30px;margin: 25px 0 50px;}
.casestudy-solutionssummary ul {margin-bottom: 0;padding-left: 0;}
.casestudy-solutionssummary ul li {list-style-type: none;position: relative;display: block;font-size: 15px;margin-bottom: 3px;padding-left: 20px;}
.casestudy-solutionssummary ul li::before {content: "";height: 8px;width: 8px;border: 2px solid #5f5d5d;position: absolute;top: 8px;left: 0;}
h3.subhead {  font-size: 1.4rem;  line-height: 36px;  margin: 0;  color: #0063bd;}


/*FORM CSS*/
.form-div {
/*
    margin: 0 auto;
    background: #f8f8f8;
    padding: 15px;
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 22%);
*/
    /* border: 1px solid #ccc; */
    /* border-radius: 12px; */
}
#msgSuccess {display: none;    padding: 180px 30px;
    text-align: center;
    margin: 30px auto 0;
    background: #ffffff;
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 5%);
    border: 1px solid #ccc;}
 #msgSuccess p i {font-size: 46px;}
#msgSuccess .text-success {font-size: 46px;font-weight: 600;}

 .qf-container {
/*padding: 15px 0 20px;width: 100%;max-width: 900px;margin: 50px auto 50px;box-shadow: 5px 5px 20px #e5e1e1;
*/}
 .qf-container .header {text-align: center;}
 .qf-container .help-block {margin: 0;font-size: 14px;line-height: normal;color: #d00000 !important;}
 .qf-container .help-block .list-unstyled {margin-bottom: 0;background: #f5f4dc;padding: 5px 13px;}
 .qf-container .form-control {border-radius: 3px;font-size: 16px;min-height: 50px;line-height: 1.33333;padding: 8px 15px 8px 15px;background: #fff;outline: 0;border: 1px solid #ccc !important;box-shadow: none;color: #04629d;}
 .qf-container .lang-details {margin-top: 15px;background: #f1f1f1;padding: 20px 20px 10px;margin-bottom: 20px;}
 .qf-container .lang-details .subhead {font-size: 18px;font-family: "OpenSans-Semibold", sans-serif;}
 .qf-container .file-upload .info-text {position: relative;width: 100%;}
 .qf-container .file-upload .info-text .show-ico {position: absolute;right: 6px;bottom: 13px;background: #057fd7;width: 25px;cursor: pointer;height: 25px;text-align: center;border-radius: 100%;color: #fff;font-size: 19px;}
 .qf-container .file-upload .info-text .info-hide {display: none;position: absolute;background: #888;color: #fff;padding: 10px;font-size: 11px;line-height: 1.4;width: 250px;top: -106px;right: 4px;}
 .qf-container .file-upload .info-text .info-hide::after {content: "";width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #888;position: absolute;bottom: -7px;right: 5px;}
 .qf-container .file-upload .info-text .show-ico:hover ~ .info-hide {display: block;}
 .qf-container .captch-wrap {margin-top: 15px;}
 .qf-container .captch-wrap .text {float: left;padding-top: 10px;}
 .qf-container .captch-wrap .form-group {float: left;margin-left: 15px;vertical-align: text-top;}
 .qf-container .submit-button {margin-top: 15px;}
 .qf-container .submit-button button {text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;display: block;line-height: 20px;border: none;border-radius: 3px;position: relative;padding: 16px 30px;font-size: 16px;font-weight: 600;text-transform: uppercase;letter-spacing: 0;will-change: box-shadow, transform;transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12);background-color: #2e92d0;color: #fff;}
 .qf-container .submit-button button:hover {text-decoration: none;color: #fff;box-shadow: 0 14px 26px -12px rgba(2, 157, 205, 0.35), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(137, 223, 249, 0.4);}
 .ajax-file-upload-statusbar {border: 1px solid #0ba1b5;margin-top: 10px;margin-right: 10px;margin: 5px;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: #fff;}
 .ajax-file-upload-percent {position: absolute;display: inline-block;top: 3px;left: 48%;}
 .ajax-file-upload-red {box-shadow: inset 0 39px 0 -24px #e67a73;background-color: #e4685d;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;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 {background-color: #5cb85c;border-color: #4cae4c;color: #fff;border-radius: 4px;cursor: pointer;display: inline-block;font-size: 14px;font-weight: normal;line-height: 1.42857;padding: 6px 12px 6px 25px;text-align: center;vertical-align: middle;white-space: nowrap;position: relative;}
 .ajax-file-upload:before {content: "+";font-family: arial;font-size: 24px;font-weight: bold;left: 5px;position: absolute;top: -1px;}
 .ajax-file-upload:hover {background: #47a447;}
 .ajax-upload-dragdrop {border: 1px solid #ccc;color: #313131;padding: 8px;height: 50px;text-align: left;vertical-align: middle;}
 .ajax-upload-dragdrop.state-hover {border: 2px solid #a5a5c7;}
 .ajax-file-upload-error {color: red;}
 .ajax-upload-dragdrop b {font-weight: normal;margin-left: 10px;}
.quotation{}
.quotation .us-contact--wrap{display: none;}
.quotation .center-div p a{color:#fff;text-decoration:underline !important;background: none;border: none;}
.quotation .center-div p a:hover{color:#fff; text-decoration:none !important;}

.contact-form {margin: 0 auto;background: #ffffff;padding: 15px;box-shadow: 0 1px 10px 0 rgb(0 0 0 / 5%);border: 1px solid #ccc;}

/* about us */

.welcome-homepage .counter-wrapper {margin-top: 0;/* background-color: #fff; *//* padding: 20px 10px 0 10px; */text-align: center;/* box-shadow: 0 1px 10px 0 rgb(0 0 0 / 8%); */}
 .welcome-homepage .counter-wrapper .couter-info {font-weight: 600;text-align: center;margin-top: 0;margin-bottom: 20px;box-shadow: 0 1px 10px 0 rgb(0 0 0 / 8%);padding: 6px 10px 0 10px;background: #fff;}
 .welcome-homepage .counter-wrapper .couter-info .numb {font-size: 35px;display: block;line-height: 36px;color: #057fd7;}
 .welcome-homepage .counter-wrapper .couter-info .text {font-size: 18px;display: block;margin-top: 0;}

 .clien-list {padding-top: 24px;}

.clien-list { padding-top: 24px;}
.no-list { margin: 0; padding: 0; list-style-type: none;margin-bottom: 20px !important;}
.clien-list li {display: inline-block;padding: 10px 5px;text-align: center;position: relative;background: #ffff;margin: 1px -1px;min-width: 16.5%;}
.clien-list li:after {width: 100%;height: 0; top: auto;left: 0; bottom: -1px; border-bottom: 1px solid #eee;}
.clien-list li:after, .clien-list li:before {content: ''; position: absolute;}
.clien-list li img {width: 80%; height: auto;}


.tab-container ul.tabs {margin: 0px;padding: 0px;list-style: none;}
.tab-container ul.tabs li {float: left;padding: 10px 15px;cursor: pointer;border: 1px solid #f8f8f8;border-top: 3px solid #f8f8f8;}
.tab-container ul.tabs li.current {border-top: 3px solid #2e92d0;}
.tab-container .tab-content {display: none;padding: 15px;border: 3px solid #f8f8f8; background: #fff}

.tab-container .tab-content.current {display: inherit;}

.contact-us--address .tab-container .tabs .tab-link {width: 16.5%;border-top: 0;border: 0;padding: 20px 15px 10px;}
.contact-us--address .tab-container .tabs .tab-link.current {border-top: 0;}
.contact-us--address .tab-container .tabs .tab-link .map-container {width: 100%;height: 125px;}
.contact-us--address .tab-container .tabs .tab-link .map-container img {width: auto;max-width: 100%;margin: auto;display: block;}
.contact-us--address .tab-container .tabs .tab-link .map-container .back {display: none;}
.contact-us--address .tab-container .tabs .tab-link:hover .front {display: none;}
.contact-us--address .tab-container .tabs .tab-link:hover .back {display: block;}
.contact-us--address .tab-container .tabs .tab-link.current .front {display: none;}
.contact-us--address .tab-container .tabs .tab-link.current .back {display: block;}
.contact-us--address .tab-container .tab-content {border: 1px solid #f8f8f8;}
@media only screen and (max-width: 767px) {.contact-us--address .tab-container .tab-content {  display: block;}}
.contact-us--address .tab-container .tab-content .contact {padding: 10px;margin: 0px 0 0px;background: #f8f8f8;}

@media only screen and (max-width: 767px) {.contact-us--address .tab-container .tab-content .contact {  padding: 10px 0;  margin: 0;}}
.contact-us--address .tab-container .tab-content .contact .us-subheading {border-bottom: 1px solid #2e92d0; font-weight: bold;padding-bottom: 5px;display: inline-block;}
.contact-us--address .tab-container .tab-content .contact a {color: #000000;}
.contact-us--address .tab-container .tab-content .contact a:hover, .contact-us--address .tab-container .tab-content .contact a:active, .contact-us--address .tab-container .tab-content .contact a:focus {color: #000000;}

/* clientlist page */

/*.client-header .top-header {padding-bottom: 15px;}*/
.client-header .top-header .img-wrapper {text-align: center;padding: 15px 0;}
.client-header .top-header .img-wrapper img {width: auto;max-width: 100%;}
.client-header .top-header .blogquotes {position: relative;display: block;padding: 13px 20px 13px 50px;border: 1px solid #dadada;margin: 12px 0 12px;font-size: 19px;font-weight: 600;font-style: italic;background: #fff;border-radius: 42px;box-shadow: 0 5px 0px 0 rgb(138 138 138);}
.client-header .top-header .blogquotes::before {content: "“";font-family: Georgia, Times, "Times New Roman", serif;font-size: 65px;line-height: 0;color: #057fd7;position: absolute;top: 36px;left: 10px;}

.us-tab .nav-tabs li {width: 25%;text-align: center;position: relative;}
@media only screen and (max-width: 767px) {.us-tab .nav-tabs li {  width: 50%;}}
.us-tab .nav-tabs li a {display: block;border: 1px solid #cccccc;margin-right: 0;padding: 20px 10px;color: #000000;position: relative;}
@media only screen and (max-width: 767px) {.us-tab .nav-tabs li a {  min-height: 87px;}}
.us-tab .nav-tabs li a .head {margin-bottom: 0;}
.us-tab .nav-tabs li.active a {color: #ffffff;background-color: #2e92d0;border: 1px solid #2e92d0;}
.us-tab .nav-tabs li.active a:after {content: "";width: 20px;height: 20px;background-color: #2e92d0;position: absolute;bottom: -7px;right: 47%;transform: rotate(45deg);z-index: 9999}
.us-tab .nav-tabs li a.active:after {content: "";width: 20px;height: 20px;background-color: #2e92d0;position: absolute;bottom: -7px;right: 47%;transform: rotate(45deg);z-index: 9999}
@media only screen and (max-width: 767px) {.us-tab .nav-tabs li.active a:after {  display: none;}}
.us-tab .nav-tabs{background: #fff;}
.us-tab .tab-content {border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;padding: 30px 15px 25px;position: relative;background: #fff;}
@media only screen and (max-width: 767px) {.us-tab .tab-content {  padding: 55px 15px 25px;}.us-tab .tab-content:before {  content: "";  width: 0;  height: 0;  border-left: 20px solid transparent;  border-right: 20px solid transparent;  border-top: 20px solid #2e92d0;  position: absolute;  top: 15px;  left: 44%;}}

.us-info {font-size: 16px;line-height: 1.5;margin: 0;margin-bottom: 10px;}


.client-list-logo ul.clientlist {padding-left: 0;text-align: center;}
.client-list-logo ul.clientlist li {list-style-type: none;display: inline-block;border: 1px solid #cccccc;width: 23%;text-align: center;margin: 18px 5px 0;}
@media only screen and (max-width: 767px) {.client-list-logo ul.clientlist li {  width: 98%;}}
.fade.in {
    opacity: 1;
}
.us-tab .nav-tabs li a.active{
color: #ffffff;
    background-color: #2e92d0;
    border: 1px solid #2e92d0;
}
.us-tab .nav-tabs li a.active h2{color: #fff;}
@media only screen and (max-width: 767px){
	
}
.awards-wrapper {
  margin-top: 20px;text-align: center;
}
.awards-wrapper img {
  width: auto;
  max-width: 100%;
}
@media only screen and (max-width: 767px){
	
}


.contact-info {
  text-align: center;
  color: #fff;
    background: rgba(20, 70, 234, 1);
    background: -moz-linear-gradient(left, rgba(20, 70, 234, 1) 0%, rgba(3, 220, 236, 1) 88%, rgba(3, 220, 236, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(20, 70, 234, 1)), color-stop(88%, rgba(3, 220, 236, 1)), color-stop(100%, rgba(3, 220, 236, 1)));
    background: -webkit-linear-gradient(left, rgba(20, 70, 234, 1) 0%, rgba(3, 220, 236, 1) 88%, rgba(3, 220, 236, 1) 100%);
    background: -o-linear-gradient(left, rgba(20, 70, 234, 1) 0%, rgba(3, 220, 236, 1) 88%, rgba(3, 220, 236, 1) 100%);
    background: -ms-linear-gradient(left, rgba(20, 70, 234, 1) 0%, rgba(3, 220, 236, 1) 88%, rgba(3, 220, 236, 1) 100%);
    background: linear-gradient(to right, rgba(20, 70, 234, 1) 0%, rgba(3, 220, 236, 1) 88%, rgba(3, 220, 236, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1446ea', endColorstr='#03dcec', GradientType=1);

}

.contact-info .contact-info-content h3 {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 500;
}

.contact-info .contact-info-content h2 {
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
}

.contact-info .contact-info-content h2 a {
  display: inline-block;
  color: #ffffff;
}

.contact-info .contact-info-content h2 a:hover {
  color: #ffffff;
}

.contact-info .contact-info-content h2 a:not(:first-child) {
  color: #fbfbfb;
}

.contact-info .contact-info-content h2 a:not(:first-child):hover {
  color: #ffffff;
}

.contact-info .contact-info-content h2 span {
  display: block;
  color: #ffffff;
  margin-top: 5px;
  margin-bottom: 2px;
  font-size: 15px;
  font-weight: 500;
}

.contact-info .contact-info-content .social {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 25px;
}

.contact-info .contact-info-content .social li {
  display: inline-block;
  margin: 0 2px;
}

.contact-info .contact-info-content .social li a {
  width: 40px;
  display: block;
  height: 40px;
  border: 1px solid #dadada;
  border-radius: 50%;
  color: #ffffff;
  font-size: 20px;
  position: relative;
}

.contact-info .contact-info-content .social li a i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: auto;
  margin-right: auto;

}

.contact-info .contact-info-content .social li a:hover i {  color: #1a90c7;}
.contact-info .contact-info-content .social li a:hover {
  color: #ffffff;
  border-color: #ffffff;
  background-color: #ffffff;
}
@media (min-width:1201px) and (max-width:1366px) 
{
	
}

@media only screen and (min-width:1025px) and (max-width:1200px)
{
	
}
@media only screen and (min-width:960px) and (max-width:1024px)
{
	

}
@media only screen and (min-width:768px) and (max-width:959px)
{
	
	
}
@media only screen and (max-width : 767px) 
{		
}


@media only screen and (min-width:480px) and (max-width:767px)
{
	
}


@media only screen and (max-width:479px)
{
	
}