@font-face {
	font-family: "Louis_George_Cafe";
	src: url(../font/Louis_George_Cafe.ttf);
  }
  
body, p{font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif; font-size:16px; color: #444;}
.font-icon, .za-icon-separator {
	text-align: center
}
.blockalign1{padding-top: 75px; padding-right: 132px;}
.cf-section__heading{text-align: center;}
.py-2{ margin-bottom: 30px;}
/*
 p sup {
    top: 0em!important;
    font-size: 24px!important;
}*/
#mainMenu .mash-menu .drop-down{right: 32px!important;}
#mainMenu .vertical-tabs-content li a i.fa, .drop-down li a i.fa{
	border: 1px solid #c3c3c3;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	line-height: 26px !important;
	text-align: center !important;
	color: #51239f;
	margin-right: 5px !important;
}
#mainMenu .drop-down a{ line-height: 24px !important;}
#mainMenu .mash-menu .drop-down li a i.fa{padding: 0px;}
 .post-image img {
    width: 100%;
    height:100%!important;
}
.btnpurple{background-color: #6700ea!important; border-radius:0px!important}
.instagram{background-color: #fa2398;}
.job-single-sec {
    float: left;
    width: 100%;
}
.job-head-wide {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e8ecec;
}
.job-head-wide {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e8ecec;
}
.job-single-head3 {
    float: left;
    width: 100%;
    display: table;
    padding-bottom: 30px;
    border: none;
}
.job-single-head3 .job-thumb {
    width: 125px;
}
.job-thumb {
    display: table-cell;
    vertical-align: top;
    width: 107px;
}
.job-thumb img {
    float: left;
    width: 100%;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

.job-single-info3 {
    display: table-cell;
    vertical-align: top;
 
}
.job-single-info3 > h3 {
    float: left;
    width: 100%;
    font-size: 24px;
    color: #202020;
    font-weight: bold;
    margin-bottom: 10px;
}
.job-single-info3 > span {
    float: left;
    font-size: 13px;
    color: #888888;
    margin: 7px 0;
}
.job-single-info3 > span i {
    float: left;
    font-size: 23px;
    float: left;
    line-height: 15px;
    margin-right: 8px;
    color: #8b91dd;
}
.job-single-info3 .job-is {
    margin: 0;
        margin-left: 0px;
    margin-left: 0px;
    margin-left: 20px;
    font-size: 12px;
}
.job-is.ft {
    margin-top: 12px;
}
.job-is.ft, .job-list-modern .job-is.ft {
    color: #8b91dd;
    border-color: #8b91dd;
}
.job-single-info3 .tags-jobs {
    margin-top: 16px;
}
.tags-jobs {
    float: left;
    width: 100%;
    margin: 0;
        margin-top: 0px;
    margin-top: 0px;
    margin-top: 20px;
}
.tags-jobs > li {
    float: left;
    margin: 0;
        margin-right: 0px;
    margin-right: 0px;
   
    font-size: 13px;
    color: #888888;
    margin-right: 30px;
}
.job-single-info3 .job-is {
    margin: 0;
        margin-left: 0px;
    margin-left: 0px;
    margin-left: 20px;
    font-size: 12px;
}
.job-is.ft {
    margin-top: 12px;
}

.job-thumb > span {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #fb236a;
    text-align: center;
    margin-top: 23px;
}

.job-single-head3 {
    float: left;
    width: 100%;
    display: table;
    padding-bottom: 30px;
    border: none;
}
.job-details h3 {
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    color: #202020;
    margin-bottom: 15px;
    margin-top: 10px;
}

.job-details p, .job-details li {
    float: left;
    width: 100%;
  
    color: #888888;
    line-height: 24px;
    margin: 0;
        margin-bottom: 0px;
    margin-bottom: 19px;
}
.job-details > ul li {
    line-height: 21px;
  position: relative;
    color: #888888;
	margin-left: 22px;
}
.job-details > ul li::before {
    position: absolute;
    left: -19px;
    top: 13px;
    width: 10px;
    height: 1px;
    background: #888888;
    content: "";
}

.share-bar a {
    float: none;
    display: inline-block;
    width: 47px;
    height: 35px;
    border: 2px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    line-height: 30px;
    font-size: 18px;
    margin: 0 5px;
        margin-top: 0px;
    margin-top: 0px;
    text-align: center;
    margin-top: 0px;
    margin-top: 6px;
}

.share-bar a.share-fb {
    color: #3b5998;
    border-color: #3b5998;
}
.share-bar a.share-fb:hover {
    background: #3b5998;
    border-color: #3b5998;
    color: #ffffff;
}

.share-bar a.share-twitter {
    color: #1da1f2;
    border-color: #1da1f2;
}
.share-bar a.share-twitter:hover {
    background: #1da1f2;
    border-color: #1da1f2;
    color: #ffffff;
}
.extra-job-info {
    float: left;
    width: calc(100% - 30px);
    margin-top: 30px;
}
.job-single-sec .extra-job-info {
    border: 2px solid #e8ecec;
    padding: 20px 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    width: 100% !important;
}

.extra-job-info > span {
    float: left;
    width: 100%;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 17px 20px;
    margin-bottom: 20px;
   
    
    color: #888888;
}

.job-single-sec .extra-job-info > span {
    float: left;
    width: 33.334%;
    padding: 0;
    border: none;
    margin: 0;
}
.extra-job-info > span i {
	float: left;
	font-size: 19px;
	color: #8b91dd;
	width: 29px;
	margin-right: -3px;
}
.job-overview {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.job-wide-devider .job-overview {
    margin: 0;
        margin-top: 0px;
}
.job-wide-devider .job-overview {
    margin-top: 30px;
}
.job-overview > h3 {
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}
.job-overview ul {
	float: left;
	width: 100%;
	border: 2px solid #e8ecec;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	margin: 0;
	margin-bottom: 0px;
	padding: 15px !important;
	background: #ffffff;
	padding: 2rem 1.5rem;
	border-radius: 0.4rem;
	display: table;
	width: 100%;
	margin-bottom: 30px;
	box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);
	-webkit-box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);
	-moz-box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);
}
.job-single-sec .job-overview ul {
    padding: 0;
    margin-bottom: 20px;
}
.job-single-sec .job-overview ul li {
    float: left;
    width: 33.334%;
    padding-left: 50px;
}
.job-overview ul > li {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
    padding-left: 67px;
    margin: 15px 0;
}
.job-wide-devider .job-overview > ul > li {
    float: left;
    width: 100%;
    padding-left: 67px;
}
.job-wide-devider .job-overview > ul > li i {
    left: 23px;
}
.job-single-sec .job-overview ul li i {
	left: 14px;
	text-align: center;
	font-size: 22px;
	border: 1px solid;
	padding: 5px;
	border-radius: 50px;
	width: 40px;
	height: 40px;
	line-height: 30px;
	margin-top: -12px
}
.job-overview ul > li i {
    position: absolute;
    left: 23px;
    top: 5px;
    font-size: 30px;
    color: #51239f;
}
.job-overview ul > li h3 {
    float: left;
    width: 100%;
	font-size: 18px !important;
   
    margin: 0;
}
.recent-jobs {
    float: left;
    width: 100%;
    padding-top: 20px;
}
.recent-jobs > h3 {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #202020;
    font-weight: 500;
    margin-bottom: 15px;
}
.job-listings-sec {
    float: left;
    width: 100%;
}
.job-listing.wtabs {
    border: 1px solid #ebefef;
    margin-top: 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    display: inherit;
    text-align: left;
    position: relative;
}
.job-list-modern .job-listing.wtabs {
    margin: 0;
        margin-top: 0px;
    margin-top: 0px;
    -webkit-border-radius: 0 0;
    -moz-border-radius: 0 0;
    -ms-border-radius: 0 0;
    -o-border-radius: 0 0;
    border-radius: 0 0;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    border-top-color: #edeff7;
    border-bottom-color: #edeff7;
    margin-top: -1px;
    padding: 30px 0px;
}
.job-listings-sec.no-border .job-listing {
    border: 2px solid #ffffff;
    border-radius: 8px;
}
.job-listing.wtabs .job-title-sec {
    float: left;
    width: 70%;
}
.c-logo {
    float: left;
    width: 130px;
    text-align: center;
}
.c-logo img {
    float: none;
    display: inline-block;
    max-width: 100%;
}
.job-title-sec h3 {
    display: table;
    font-size: 18px;
    color: #232323;
    margin: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 7px;
    margin-top: 3px;
}
.job-title-sec span {
    float: left;
   
    font-size: 13px;
    margin-top: 1px;
}
.job-listing.wtabs .job-title-sec > span {
    color: #1e83f0;
    display: table;
    float: none;
}
.job-listing.wtabs .job-lctn {
    display: inline;
    padding-top: 20px;
    width: 100%;
    font-size: 13px;
}
.job-lctn i {
    font-size: 24px;
    float: left;
    margin-right: 7px;
}

.job-listing.wtabs .job-lctn i {
    float: none;
    font-size: 15px;
}
.job-style-bx {
    float: left;
    width: 30%;
    position: absolute;
    right: 0px;
    bottom: 0;
    padding: 15px;
        padding-bottom: 15px;
}
.job-list-modern .job-listing.wtabs .job-style-bx {
    padding-bottom: 31px;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}
.job-style-bx .job-is {
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
}
.job-is.pt, .job-list-modern .job-is.pt {
    color: #7dc246;
    border-color: #7dc246;
}
.job-style-bx .fav-job {
    font-size: 20px;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}
.job-style-bx > i {
    position: absolute;
    right: 16px;
    bottom: 0;
    font-style: normal;
    font-size: 13px;
    color: #888888;
}
.job-listings-sec.no-border .job-listing {
    border: 2px solid #ffffff;
    border-radius: 8px;
}
.job-list-modern .job-listing.wtabs {
    margin: 0;
        margin-top: 0px;
    margin-top: 0px;
    -webkit-border-radius: 0 0;
    -moz-border-radius: 0 0;
    -ms-border-radius: 0 0;
    -o-border-radius: 0 0;
    border-radius: 0 0;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    border-top-color: #edeff7;
    border-bottom-color: #edeff7;
    margin-top: -1px;
    padding: 30px 0px;
}
.job-listing.wtabs {
    border: 1px solid #ebefef;
    margin-top: 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    display: inherit;
    text-align: left;
    position: relative;
}

.job-overview ul > li span {
    float: left;
    width: 100%;
   
    color: #888888;
    margin-top: 7px;
}

.job-listings-sec.no-border .job-listing {
    border: 2px solid #ffffff;
    border-radius: 8px;
    margin-top: -1px;
    padding: 30px 0px;
    display: inherit;
    text-align: left;
    position: relative;
}
.related_job_list {
    float: left;
    width: 100%;
    border-bottom: 1.5px solid #d1dfd6;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.related_job_list h4 {
    padding: 0;
    color: #000;
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    margin-bottom: 10px;
    float: left;
    width: 100%;
	margin-top: 30px;
}

.related_job_list li {
    margin-top: 20px;
    float: left;
    width: 100%;
}
.related_job_list li h5 {
    font-size: 14px;
    color: #830051;
 
    font-weight: bold;
}
.related_job_list li p {
    font-size: 12px;
    color: #717073;
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: 'Cordale';
}
.related_job_list li a {
    font-size: 17px;
    line-height: normal;
    color: #51239f;
    text-decoration: none;
    text-transform: uppercase;
    
    font-weight: bold;
    margin-top: 10px;
}

.quick-form-job form {
	padding: 30px;
	float: left;
	width: 100%;
	border: 2px solid #e8ecec;
	margin: 0;
    margin-bottom: 0px;
margin-bottom: 0px;
background: #ffffff;

border-radius: 0.4rem;
display: table;
width: 100%;
margin-bottom: 30px;
box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);
-webkit-box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);
}
.quick-form-job form input, .quick-form-job form textarea {
    float: left;
    width: 100%;
    background: none;
    border: 2px solid #e8ecec;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
  
    color: #888888;
    padding: 15px 25px;
   
    margin-bottom: 15px;
}
.quick-form-job form > span {
    float: left;
    width: 100%;
   
   font-size: 13px;
    color: #888888;
    text-align: center;
}
.quick-form-job form button {
	float: left;
	width: 100%;

	background: #51239f;
	font-size: 18px;
	padding: 16px 10px;
	margin-bottom: 15px;
	border: 2px solid #51239f;
	color: #fff;
}
.job-head-wide .apply-thisjob {
	background: #51239f;
    background-color: rgb(81, 35, 159);
border: 2px solid #51239f;
color: #ffffff;
background-color: #51239f;
}
.apply-thisjob {
    float: left;
    width: 100%;
    border: 2px solid #8b91dd;
    text-align: center;
    color: #8b91dd;

    padding: 10px;
    font-size: 23px;
   
    font-weight: bold;
}
.extra-job-info
.apply-alternative {
    float: left;
    width: 100%;
    padding-top: 30px;
}

.apply-alternative a i {
    font-size: 20px;
    float: left;
    margin-right: 6px;
    margin-top: 12px;
}
.apply-alternative a {
    float: left;
    border: 2px solid #e8ecec;
   
    color: #888888;
    padding: 0 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    height: 50px;
    line-height: 50px;
}
.apply-alternative span {
    float: right;
    border: 2px solid #e8ecec;
  
    color: #888888;
    padding: 0 30px;
    height: 50px;
    line-height: 50px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}



.default-btnJp {
	padding: 9px 15px;
	color: #fff;
	text-align: center;
	position: relative;
	overflow: hidden;
	z-index: 1;
	text-transform: capitalize;
	background-color: #51239f;
	border: none;
	outline: none;
	font-weight: 500;
	color: #fff !important;
	border-radius: 4px;
}
.min-sec .nav-tabs > li > a:hover { font-size:inherit;}
.clearfix{display: block; clear: both; content: "";}
.job-middle-grid {
    background: #ffffff;
    padding: 2rem 1.5rem;
    border-radius: 0.4rem;
    display: table;
    width: 100%;
    margin-bottom: 30px;
    box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);
    -webkit-box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);
    -moz-box-shadow: 0 0 20px 0 rgba(62,28,131,0.1);
}
.overlay-top {
	margin-top: -200px;
	position: relative;
	z-index: 11;
	background-color: transparent;
}
.select2-container--below{position: absolute;
	top: 23px;
	left: 20px;}
.pt-0 {
    padding-top: 0 !important;
}
.hm2-wrap.light-wrap {
	background: rgba(255,255,255,1);
	box-shadow: 0px 10px 30px 0px rgba(130,136,184,0.2);
	padding: 10px 10px 40px 10px;
}
.hm2-wrap.light-wrap h2 {
    font-size: 40px;
    margin-bottom: 1em;
}
form.search-big-form.search-shadow, form.search-form.search-shadow {
    padding: 0px;
    background: #ffffff;
    border-radius: 0px;
    position: relative;
    box-shadow: 0px 0px 0px 9px rgba(255,255,255,0.2);
    -webkit-box-shadow: 0px 0px 0px 9px rgba(255,255,255,0.2);
}
.m-0 {
    margin: 0 !important;
}
.p-0 {
    padding: 0 !important;
}
form.search-big-form.search-shadow .form-group, form.search-form.search-shadow .form-group {
    margin-bottom: 0;
}
form.search-big-form.search-shadow .form-group, form.search-form.search-shadow .form-group {
    position: relative;
}
.search-big-form .form-group i {
    position: absolute;
    color: #bbc6d4;
    left: 13px;
    top: 25px;
    font-size: 22px;
    z-index: 22222 !important;
}
.search-big-form .form-control {
    height: 70px !important;
    border-radius: 0px;
    padding-top: .6rem;
    padding-bottom: .6rem;
    padding-left: 45px;
    box-shadow: none;
	font-size: 15px;
}
.green-skin .btn-primary{border-color: #00a94f !important; background: #00a94f !important;
    background-color: rgb(0, 169, 79);
background-color: #00a94f !important;}
.search-big-form .btn {
    height: 70px !important;
    border-radius: 0px;
    padding-top: .6rem;
    padding-bottom: .6rem;
    box-shadow: none;
}
.jmg-save {
    position: absolute;
    right: 1rem;
    top: 0.5rem;
}
.jmg-save a {
    color: #6b7b9e;
}
.ti-bookmark::before {
    content: "\e617";
}
.jmg-cmp-thumb .text-warning {
    color: #6b7b9e;
    font-size: 29px;
}
.jmg-right-caption .text-warning {
	color: #aeaeae !important;
	margin-right: 4px;
}
.jmg-right-caption .text-primary {
	color: #aeaeae !important;
	margin-right: 4px;
}
.jmg-left {
    display: table-cell;
	height: 100%;
	position: relative;
	width: 90px;
}
.jmg-right {
    display: table-cell;
    margin-left: 80px;
    padding: 0;
    margin-top: 0;
    vertical-align: top;
}
.jmg-cmp-thumb {
    width: 65px;
    height: 65px;
    background: #f4f5f7;
    border-radius: 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.jmg-cmp-thumb img {
    max-width: 36px;
}
.jmg-post-date {
    position: absolute;
    left: 0;
    font-size: 13px;
    bottom: 6px;
}
.jmg-post-date {
    font-size: 13px;
}

.jmg-right .jmg-title {
    font-size: 21px;
    margin-bottom: 1.5rem;
}
.jmg-right-caption {
    width: 100%;
    display: inline-block;
}

.jmg-right-caption-text:first-child {
    width: 45%;
}
.jmg-right-caption-text {
    line-height: 1.6;
    color: #6b7b9e;
    font-size: 16px;
}
.jmg-right-caption-text {
    float: left;
    width: 55%;
}

h4.jmg-company-title {
    font-size: 14px;
    margin: 0;
}

.jmg-right-caption-text {
    line-height: 1.6;
    color: #6b7b9e;
    font-size: 16px;
}
.jmg-right-caption-text {
    float: left;
    width: 55%;
}

.jmg-right-caption-text ul {
    margin: 0;
    padding: 0;
}
ul:last-child {
    margin: 0;
}
.menu__list, .nav-dropdown, .nav-menu, ul {
    list-style: none;
}

.jmg-right-caption-text ul li {
    margin: 0;
    padding: 0 0 5px 0;
    list-style: none;
}
.jmg-right-caption-text ul li > span {
    font-size: 90%;
    opacity: 0.7;
    margin-right: 5px;
}

.jmg-skills {
	width: 100%;
	text-align: right;
	padding: 10px;
}
.jmg-skills span.skl-6 {
    background: rgba(0,168,107,0.1);
    color: #00A86B;
}
.jmg-skills span {
    background: #f4f5f7;
    margin-right: 10px;
    margin-top: 8px;
    display: inline-block;
    padding: 3px 12px;
    font-size: 12px;
    border-radius: 0.2rem;
}
.jmg-skills span.skl-2 {
    background: rgba(110,110,249,0.1);
    color: #6E6EF9;
}
.jmg-skills span.skl-3 {
    background: rgba(215,10,83,0.1);
    color: #D70A53;
}
.jmg-skills span.skl-5 {
    background: rgba(228,132,0,0.1);
    color: #E48400;
}

.nav.nav-tabs.nav-advance {
    border-radius: 4px;
    margin: 0 auto 15px;
    width: auto;
    max-width: 400px;
}

.nav-advance.nav-tabs .nav-item {
    width: 50%;
}
.nav-tabs .nav-item, .nav-tabs .nav-pills {
    margin-bottom: 0;
    padding: 4px;
}
.green-skin .nav-advance.nav-tabs .nav-link.active{color: #51239f;}
.nav-advance.nav-tabs .nav-item a {
    background: transparent;
    border-radius: 3px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
}
.lab-hdtxt{font-size: 22px;
	color: #fff;
	text-align: center;}
.bg-info{background-color: #51239f !important;}
.nav-advance.nav-tabs .nav-link.active {
    color: #51239f;
    background-color: #ffffff !important;
    border-color: transparent;
    font-weight: 600;
}



.careerView .button-text{color:#fff}
.text-left {
	text-align: left!important
}
.sgmaBlock1{padding: 50px 0px 0px 0px;}
.sgmaBlock2{padding: 10px 0px 0px 50px;}
.sidraTrip1{padding-top: 32px; padding-right: 50px;}
.synchrotxt{padding-right: 60px; padding-top: 50px; line-height: 24px;}
.sidraTriptxt{padding-left: 60px; padding-top: 20px; line-height: 24px;}
.m-b-30{margin-bottom: 30px;}
.featuresLarge  span{width: 88%; font-size: 19px;}
#MainfeatureWrap .featuresLarge .list-icon li {
	padding: 20px 10px 22px 31px;
	line-height: 25px;
}

#MainfeatureWrap .featuresLarge .list-icon li {
	margin-right: 0px;
	width: 48%;
}
.featuresCTAWrap{margin-top: 60px;
	padding-left: 120px;
	line-height: 41px;}
.featuresCTAWrap h3{ font-weight: 500;}
.featuresCTAWrap h3{color: #fff!important; line-height: 40px!important;}
#MainfeatureWrap .featuresLarge .li4 li {
	margin-right: 10px!important;
	width: 23%!important;
}

#MainfeatureWrap .featuresLarge .li4 li:nth-child(2n){margin-left: inherit!important;}
.secSep{margin-bottom: 80px !important;
padding-bottom: 50px;
border-bottom: 1px solid #d5d5d5;}
#benifits1 .appie-traffic-service{
padding: 3px 10px 3px 50px;

margin-bottom: 20px;
width: 46%;
display: inline-flex;
margin-right: 2%;
min-height: 82px;}
.min-height180{
min-height: 180px!important;
}
.appArea .card{padding:15px;}
.appArea h5{font-size: 18px; text-align: center; line-height: 25px;}
.toolBoxWrap{background-image: url("../images/HeaderBK.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50% calc(21% - -0px);
	background-color: #fafafa;
	max-width: 1920px;}
.toolBox{position: relative;
	padding: 20px 10px 20px 20px;
	background-color: #FFFFFF;
	box-shadow: 0px 10px 40px 0px rgba(189, 189, 189, 0.21176470588235294);
	margin-bottom: 20px;}
	.toolBox h4{font-weight: 600;}
	.toolBox p{padding:0}
.pd-50{padding-right: 50px;}
#solutions h4.m-b-40{margin-bottom: 40px!important;}
.bubbles_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 990;
    overflow: hidden;
    pointer-events: none;
}
.bubble {
    position: absolute;
    border-radius: 50%;
    box-shadow: none;
    width: 5px;
    height: 5px;
}



.x1 {
    -webkit-animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
    left: 6%;
    top: 45%;
    background: #7859fc;
}
.x2 {
    -webkit-animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
    left: 5%;
    top: 80%;
    background: #a756f9;
}
.x3 {
    -webkit-animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
    left: 10%;
    top: 40%;
    background: #7859fc;
}
.x4 {
    -webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
    left: 20%;
    top: 0;
    background: #a756f9;
}
.x5 {
    -webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
    left: 30%;
    top: 50%;
    background: #7859fc;
}
.x6 {
    -webkit-animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
    left: 50%;
    top: 0;
    background: #a756f9;
}
.x7 {
    -webkit-animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
    left: 65%;
    top: 70%;
    background: #7859fc;
}
.x8 {
    -webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
    animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
    left: 80%;
    top: 10%;
    background: #a756f9;
}
.x9 {
    -webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
    animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
    left: 90%;
    top: 50%;
    background: #7859fc;
}
.x10 {
    -webkit-animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
    animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
    left: 80%;
    top: 80%;
    background: #a756f9;
}

@-webkit-keyframes animateBubble {
    0% {
        margin-top: 20%
    }
    to {
        margin-top: -30%
    }
}

@-moz-keyframes animateBubble {
    0% {
        margin-top: 20%
    }
    to {
        margin-top: -30%
    }
}

@keyframes animateBubble {
    0% {
        margin-top: 20%
    }
    to {
        margin-top: -30%
    }
}

.appie-traffic-service .icon {
	position: absolute;
	left: 14px;
	top: 16px;
}
.appie-traffic-area .traffic-thumb {
    position: absolute;
    right: 0;
    top: 45%;
    transform: translateY(-50%);
    width: 42%;
}
.appie-traffic-service p {
    font-size: 15px;
}
.appie-traffic-service .title {
    font-size: 18px;
    padding-bottom: 7px;
    line-height: 24px;
}
.appie-traffic-title {
	padding-right: 60px;
    margin-bottom: 26px;
}
.appie-traffic-service .title::after{margin-top: 0px;}
.appie-traffic-service {
	position: relative;
	padding: 3px 10px 3px 50px;
	background-color: #FFFFFF;
	
	box-shadow: 0px 10px 40px 0px rgba(189, 189, 189, 0.21176470588235294);
	margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.appie-traffic-service .icon i {
    height: 26px;
    width: 26px;
    text-align: center;
    line-height: 26px!important;
    border-radius: 50%;
    background: linear-gradient(135deg, #84bcfa 0%, #2b70fa 100%);
    color: #fff;
    font-size: 14px;
    box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
}
.fa-check::before {
    content: "\f00c";
}
#analyticsbenifits svg{ margin-bottom: 10px;}
#voisof .card-deck{margin-bottom: 0px;}
#voisof .card {margin-top: 0px;}
.text-white, .txtWhite{ color: #fff !important;}
.traffic-thumb1 {position: absolute;
	right: 2px;
	top: 45%;
	transform: translateY(-35%);
	width: 40%;}
.section h3 { margin-bottom: 20px;}
.cardPd{padding:30px!important}
#MainfeatureWrap{background: #51239f;

	padding: 50px 0px;}

	#MainfeatureWrap .list-icon li {
		line-height: 21px;
		border: 1px solid #734eb1;
		padding: 20px 50px 10px 40px;
		border-radius: 6px;
		-webkit-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-ms-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
		margin-bottom: 20px;
		text-align: left;
	}
	#MainfeatureWrap .inlineLi li {
		font-size: 20px;
		width: 45%;
		display: inline-block;
		padding-right: 30px;
		clear: both;
		vertical-align: top;
		font-family: Source Sans Pro, sans-serif;
		color: #fff;
		min-height: 90px;
	}
	
	#MainfeatureWrap .list-icon i {
		font-size: 15px;
		margin-right: 14px;
		margin-left: -20px;
		color: #fff;
		background: #eef4fe;
		color: #3172f5;
		height: 26px;
		width: 26px;
		font-size: 14px;
		text-align: center;
		line-height: 26px;
		border-radius: 50%;
		background: #379ccb;
		color: #fff;
		float: left;
		line-height: 29px !important;
		display: block;
		margin-bottom: 25px;
		background: linear-gradient(135deg, #84bcfa 0%, #2b70fa 100%);
color: #fff;
font-size: 14px;
box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
	}
	#MainfeatureWrap p{color: #fff;}
	#MainfeatureWrap .list-icon li {
		margin-right: 20px;
		margin-left: 0px;
		padding-top: 27px;
	}
	#MainfeatureWrap .list-icon.list-icon-arrow-circle li::before {
		content: none;}
	#MainfeatureWrap h4{color: #fff!important; margin-bottom: 40px;}
.mash-menu .thumbnail{margin-top: 70px;}
.justify-content-md-center{justify-content: center !important; display: flex;}
.responsive-img{width: 100%; max-width: 100%;}
.appie-traffic-area {
    position: relative;
    overflow: hidden;
    z-index: 15;
}
.pb-180 {
    padding-bottom: 180px;
}
.pt-140 {
    padding-top: 140px;
}
.mainServiceHd{position: relative;
z-index: 9999999999;
right: 0;
padding: 20px 50px 0 0;
float: right;
font-size: 20px;
color: #51239f !important;
font-weight: 600;}
#videoBG {
    position:fixed;
    z-index: -1;
	position: fixed;
z-index: -1;
width: 100%;
height: auto;
}
h3, .h3 {
    font-size: 1.78571429em!important;}
h1, h2, h3, h4, h5, h6{/*font-family: 'Fira Sans', sans-serif;*/ font-weight: 600; color:#51239f}

.mpHd a {
    padding-left: 20px;
    padding-bottom: 15px;
	color: #51239f;
	font-size: 22px;
}

.mpHd1{    padding-left: 20px;
    padding-bottom: 15px;
	
	font-size: 30px!important;}
.divider {
	display: block;
	line-height: 100%
}
.divider-elm {
	display: inline-block;
	height: 0
}
.divider .divider-elm.empty-space {
	display: block
}
.visofEcoImg {
	max-width: 893px
}
.za-text-separator {
	margin: 10px auto 15px!important;
	border-top: 1px;
	height: 8px;
	overflow: visible
}
.vert-move{position: absolute;top: -20px; left: -20px; z-index: 9;}
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

#testimonials .testimonial-item blockquote{
	position: relative;
	background-color: #ffffff;
	padding: 40px 50px 63px 50px;
	font-size: 17px;
	text-align: justify;
	margin: 0;
	line-height: 1.6em;
	font-style: italic;
	color: #414141;}

	#testimonials .testimonial-item blockquote::before{
	font-family: 'FontAwesome';
    content: "\201C";
    position: absolute;
    font-size: 50px;
    opacity: 0.3;
    font-style: normal;
}
#testimonials .testimonial-item blockquote::before {
    top: 25px;
    left: 20px;
}

#testimonials .testimonial-item blockquote::after {
    content: "\201D";
    right: 20px;
    bottom: 0;
}
.author {
    position: absolute;
    bottom: 0;
    padding: 10px 0px;
    color: #000000;
    margin: 0;
    text-transform: uppercase;
	background-color: rgba(255,255,255,0.9);
	text-align: center;
	width:100%

}
.portfolio-area.portfolio-area-shape::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://webtend.net/demo/html/omnivus_preview/assets/img/shape/portfolio-shape.png);
    background-size: cover;
    background-position: center;
    z-index: -1;
}
.author h5 {
    opacity: 0.8;
    margin: 0;
    font-weight: 800;
}

.author h5 span {
    font-weight: 400;
    text-transform: none;
    padding-left: 5px;
	font-size: 14px;
}
.card-deck .card{box-shadow: 0 6px 38px rgba(0, 0, 0, 0.05);}
#mainMenu nav > ul > li .dropdown-menu > li:hover > a, .mega-menu-content li a:hover{background-color: #f4f3fc!important;}
.mega-menu-content li a{padding-left:10px}
#alliances .item {
    background-color: #fff;
    border-radius: 5px;
    padding: 3px 10px;
}
.testimonial.testimonial-box .testimonial-item {
	height: 310px !important;
	margin: 0px 10px;
	background-color: #4bb9ff;
}
.pdlft0{padding-left: 0px!important;}
#testimonials .owl-carousel .owl-nav .owl-prev {
    margin-left: -20px;
}
#testimonials .owl-carousel .owl-nav .owl-next{margin-right: -20px;}
#testimonials .owl-dots{display: none!important;}
.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-next {
  right: 0;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 3px;
}
.owl-carousel .owl-nav [class*="owl-"]:hover{color: #000;}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}
.owl-nav span {
    font-size: 70px;    
    position: relative;
    top: -5px;
}
.owl-nav button:focus {
    outline: none;
}
#section3-right .menutxtdark a{color:#000!important}

.resp-tab-item:nth-child(2){padding-left: 40px!important;}
.za-text-separator.text-left, .za-text-separator.text-right {
	margin: 15px 0!important
}
.za-text-separator.double {
	border-top: 3px
}
.feature-content h4 {
	line-height: 25px!important;
	font-weight: 600!important;
	margin-top: 10px
}
.responsiveImg {
	width: 100%
}

.responsive-Img {
	max-width: 100%
}
#solutions h4:first-child {
	margin-top: 0px !important;
    /*
	margin-top: 23px !important;
	margin-bottom: 35px !important;*/
	margin-bottom: 5px !important
}
.feature-content {
	background-color: #fff;
	padding: 30px
}
.za-text-separator abbr {
	display: inline-block;
	line-height: 23px;
	position: relative;
	top: -15px;
	font-size: 16px;
	padding: 2px 15px;
	letter-spacing: 1.5px;
	border-radius: 10px;
	/*color: #fff;*/
	margin-bottom: 20px;
}
/*section{ overflow:inherit}*/
.za-custom-icon.left-side {
	float: left;
	width: 40px
}
.za-btn {
	color: #fff!important;
	display: inline-block;
	line-height: normal;
	letter-spacing: 2px;
	margin: 4px;
	transition: all .3s ease-in-out!important;
	-moz-transition: all .3s ease-in-out!important;
	-webkit-transition: all .3s ease-in-out!important;
	-o-transition: all .3s ease-in-out!important;
	border-radius: 3px;
}
.btnPosition{position: absolute;
bottom: 50px;
margin: 0px auto !important;
left: 0px;
right: 0px;
width: 200px; }
.list-icon li {
	line-height: 21px;
}
.bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    z-index: 0;
     background-image: linear-gradient(to left, rgba(0, 115, 236, 1), rgba(48, 97, 228, 1), rgba(75, 77, 217, 1), rgba(96, 52, 203, 1),
    rgba(113, 0, 185, 1));
    opacity: .5;
}
.za-btn .icon {
	display: block;
	margin-bottom: 0px;
	float: left;
	margin-right: 10px;
	text-align:center;
}
.card-deck .card {
	border: inherit!important;
	height:100%;
}
.za-btn .icon i {
	font-size: 16px;
	line-height: inherit!important
}
.za-btn .icon i.fa {
	position: relative;
	top: -1px
}
.icon-box.border.small .icon i {
    font-size: 20px !important;
    line-height: 42px !important;
}
.za-btn.animate_icon .button-text {
	left: 0;
	transition: left .4s ease-in-out;
	-moz-transition: left .4s ease-in-out;
	-webkit-transition: left .4s ease-in-out;
	-o-transition: left .4s ease-in-out
}
.za-btn.animate_icon:hover .button-text {
	left: 16px;
	transition: left .4s ease-in-out;
	-moz-transition: left .4s ease-in-out;
	-webkit-transition: left .4s ease-in-out;
	-o-transition: left .4s ease-in-out
}
.za-btn.animate_icon .icon {
	opacity: 0;
	left: 0;
	transition: left .4s ease-in-out, opacity .4s ease-in-out;
	-moz-transition: left .4s ease-in-out, opacity .4s ease-in-out;
	-webkit-transition: left .4s ease-in-out, opacity .4s ease-in-out;
	-o-transition: left .4s ease-in-out, opacity .4s ease-in-out
}
.za-btn.animate_icon:hover .icon {
	left: -28px;
	opacity: 1
}
.za-icon-box.boxed-style {
	position: relative;
	text-align: center;
	border-radius: 0;
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 25px
}
.za-icon-box.boxed-style i.font-icon {
	position: absolute;
	top: 0;
	left: 50%;
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
.custom-social-icons a {
	display: inline-block;
	color: #ccc!important;
	width: 34px;
	height: 34px;
	text-align: center;
	border: 1px solid #e4e4e4;
	font-size: 12px;
	margin-right: 4px;
	margin-bottom: 6px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	border-radius: 3px
}
.custom-social-icons a i {
	
	color:#fff;
	font-size: 18px;
}
.custom-social-icons a:hover {
	color: #fff!important
}
.dark-footer .custom-social-icons a {
	border-color: rgba(255,255,255,.1)!important;
	color: rgba(255,255,255,.2)!important
}
.dark-footer .custom-social-icons a:hover {
	color: rgba(255,255,255,1)!important
}
.custom-social-icons a.facebook {
	border-color: #507cbe;
	background-color: #507cbe
}
.custom-social-icons a.facebook:hover {
	border-color: #507cbe;
	background-color: #507cbe
}
.custom-social-icons a.twitter:hover {
	border-color: #63cdf1;
	background-color: #63cdf1
}
.custom-social-icons a.twitter {
	border-color: #63cdf1;
	background-color: #63cdf1
}
.custom-social-icons a.youtube {
	border-color: #f16261;
	background-color: #f16261
}
.custom-social-icons a.youtube:hover {
	border-color: #f16261;
	background-color: #f16261
}
.custom-social-icons a.instagram {
	border-color: #fa2398;
	background-color: #fa2398
}
.custom-social-icons a.mail {
	border-color: #b1a48f;
	background-color: #b1a48f
}
.custom-social-icons a.instagram:hover {
	border-color: #fa2398;
	background-color: #fa2398
}
.custom-social-icons a.pinterest:hover {
	border-color: #f16261;
	background-color: #f16261
}
.custom-social-icons a.tumblr:hover {
	border-color: #4d7ea3;
	background-color: #4d7ea3
}
.custom-social-icons a.vimeo-square:hover {
	border-color: #87d3e0;
	background-color: #87d3e0
}
.custom-social-icons a.linkedin{	border-color: #0c88c8;
	background-color: #0c88c8; color:#fff}
.custom-social-icons a.linkedin:hover {
	border-color: #0c88c8;
	background-color: #0c88c8
}
.custom-social-icons a.vk:hover {
	border-color: #456691;
	background-color: #456691
}
.custom-social-icons a.skype:hover {
	border-color: #36c4f3;
	background-color: #36c4f3
}
.custom-social-icons a.digg:hover {
	border-color: #3886d0;
	background-color: #3886d0
}
.custom-social-icons a.xing:hover {
	border-color: #00777d;
	background-color: #00777d
}
.cover-bg {
	-o-background-size: cover;
	background-size: cover
}
.footer {
	/*background-color: #222*/
}
.footer {
	padding: 65px 0 15px
}
.footer .widget {
	margin-bottom: 5px
}
.footer a:hover {
	color: #0397ff
}
.footer .widget h3.widget-title {
	margin-bottom: 0px;
	border-color: #292929;
	color: #333;
	letter-spacing: 3px
}
.footer .style-default.widget-recent-posts li, .footer .widget .recentcomments, .footer .widget .za-tweet-list li, .footer .widget h3.widget-title span:after, .footer .widget.widget_archive>ul>li, .footer .widget.widget_categories>ul>li, .footer .widget.widget_meta>ul>li, .footer .widget.widget_nav_menu ul li, .footer .widget.widget_pages>ul>li, .footer .widget.widget_product_categories>ul>li, .footer .widget.widget_products>ul>li, .footer .widget.widget_recent_entries>ul>li, .footer .widget.widget_recently_viewed_products>ul>li, .footer .widget.widget_top_rated_products>ul>li {
	border-color: rgba(255,255,255,.05)
}
.copyright {
	font-size: 85%;
	letter-spacing: 1px;
	padding: 12px 0;
	font-size: 14px;
}
#go-top, .copyright:after {
	position: absolute;
	display: block
}
.copyright, .copyright a {
	color: #666
}
.copyright a {
	color: #0397ff;
	font-size: 14px!important;
}
#go-top {
	right: 40px;
	bottom: 46px;
	color: #fff;
	height: 44px;
	width: 44px;
	text-align: center;
	background-color: #bbb;
	border: 5px solid #fff;
	z-index: 999;
	transition: background-color .2s ease-in, top .2s ease-in;
	-moz-transition: background-color .2s ease-in, top .2s ease-in;
	-webkit-transition: background-color .2s ease-in, top .2s ease-in;
	-o-transition: background-color .2s ease-in, top .2s ease-in
}
#go-top:hover {
	background-color: #444
}
#go-top i {
	font-size: 19px;
	line-height: 36px
}
#footer .widget h3.widget-title span:after {
	bottom: -14px!important
}
#footer .widget h3.widget-title span {
	padding-bottom: 6px
}
.footer .widget h3.widget-title {
	padding-bottom: 10px
}
.custom-font-element a {
	color: #222
}
.custom-font-element a:link {
	color: #222;
	font-weight: 700;
	font-size: 19px;
	text-transform: none;
	letter-spacing: 1px
}
.custom-font-element a:hover {
	color: #959595
}
.custom-font-element a:visited {
	color: #222
}
#back-to-top {
	text-align: center
}
#back-to-top:hover, .main-btn:hover, .outline-btn:hover, .white-btn:hover {
	opacity: .8
}
.cube22-bottom:after, .cube22-front-left:before, .cube22-front-right:before, .cube22-top:after, .cube22-top:before, .cRube22>.cube22-wrap, .large-shadow, .large-shadow>.cube22-wrap, .shadow-z, [class^=shadow], [class^=shadow]:before {
will-change:transform
}
.intro {
	width: 80%;
	margin: 0 auto;
	position:relative;
	
}
.card .za-btn{width: max-content; margin: 0 auto;  z-index: 99;}
.caseStudies .za-btn{width: max-content; margin: 0 auto; position: absolute; z-index: 99;}
.txtLft{ text-align:left}
.posi-rel{ position:relative!important}
.intro p {
	font-size: 18px;
	font-weight: 400;
	margin: 0 0 38px!important
}
#demo-canvas {
	position: absolute;
	z-index: 99;
	top: 350px;
	left: 0px
}
.section {
	position: relative
}

.section .form-group label {
	font-weight: 700
}
/*.title:after {
	content: "";
	display: block;
	height: 4px;
	width: 40px;
	
	margin-top: 20px
}*/
.cube22-bottom:after, .cube22-top:after, [class^=cube22-]:before, [class^=shadow]:before {
	content: '';
	display: block
}
.text-center .title:after {
	margin: 20px auto 0
}
.main-btn, .outline-btn, .white-btn {
	display: inline-block;
	padding: 10px 35px;
	margin: 3px;
	border: 2px solid transparent;
	border-radius: 3px;
	-webkit-transition: .2s opacity;
	transition: .2s opacity
}
#back-to-top, a {
	-webkit-transition: .2s opacity
}
.absolutePosition {
	position: absolute!important
}
.custom-social-icons .fa{font: normal normal normal 14px/1 FontAwesome !important;}
#future-ready{ background-color:#b0f5f5}
.inlineLi li {
	font-size: 16px;
width: 45%;
display: inline-block;
padding-right: 30px;
clear: both;
vertical-align: top;
font-family: Source Sans Pro, sans-serif;
/*margin-right: 3%;*/
padding: 0; 
padding-right: 20px;
}
.inlineLi li:nth-child(2n){ margin-right: 0px!important; margin-left: 3%!important;}
.inlineLi li a {
	font-size: 16px
}
#solutions h4 {
	margin-top: 30px;
	line-height: 25px;
	color: #51239f ;
	font-size:17px;
}
#solutions h3 {
	margin-bottom: 20px;
	color: #51239f;
}
p {
	font-family: Source Sans Pro, sans-serif;
	}
.boxHeight160 {
	height: 125px;
	margin: 8px 12px 0px 0px!important
}
.boxHeight160 h3, .boxHeight160 p {
	margin: 10px 12px 0px 64px!important
}
.testimonial-item {
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06);
	margin-top: 20px;
	min-height: 230px;
	font-size: 16px!important
}
.testimonial-item p {
	font-size: 17px
}
#alliances .owl-nav [class*="owl-"] {margin: -8px 0 0!important; }
#testimonials .owl-nav [class*="owl-"]:hover i{color: #000000;}
#testimonials .testimonial .testimonial-item{padding: inherit!important; position: relative;}
#testimonials .testimonial .testimonial-item img {
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.07);
padding: 10px;
border: 1px dashed #d9d9d9;
height: 100px;
margin: -50px auto 10px;
width: 100px;
}
#testimonials1:before {
    content: "";
    position: absolute;
    bottom: 0;
	height: 59%;
    width: 100%;
    background: rgba(255, 255, 255, 0.911);
}
#keyBenifits .icon-box h3 {
	font-weight: 400
}
.dropdown-menu {
	-webkit-animation: header-submenu-fade-in 0.4s ease 1, header-submenu-move-up 0.4s ease-out 1!important;
	animation: header-submenu-fade-in 0.4s ease 1, header-submenu-move-up 0.4s ease-out 1 !important
}
.iconView {
	display: block
}
.iconView img {
	max-width: 65px
}
.alignCenter {
	text-align: center
}
.alignCenter p {
	text-align: center
}

#back-to-top {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #6195FF;
	border-radius: 3px;
	color: #FFF;
	z-index: 9999;
	transition: .2s opacity;
	cursor: pointer
}
#back-to-top:after {
	content: "f106";
	font-family: FontAwesome
}
.cube22, .divbg, .large-shadow {
	-webkit-transform-style: preserve-3d
}
.ms-section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.ms-section.ms-table {
	display: table;
	width: 100%;
	text-align: center
}
.ms-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	overflow: hidden!important;
}
#slideOne{ border:1px solid #b5b5b5 !important}
.slideThree{ margin-left:5px!important;}
#section2-right{ padding-top:0px!important}
.bk_pra {
    margin-bottom: 34px;
    font-weight: 800!important;
	/* font-family: "louis_george_caferegular";*/
    line-height: 1.32;
    font-size: 16px;
    color:#51239f !important
}

.ms-easing {
	-webkit-transition: all .7s ease-out;
	-moz-transition: all .7s ease-out;
	-o-transition: all .7s ease-out;
	transition: all .7s ease-out
}
#multiscroll-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 50%;
	opacity: 1
}
#multiscroll-nav.right {
	right: 17px
}
#multiscroll-nav.left {
	left: 17px
}
#multiscroll-nav ul {
	margin: 0;
	padding: 0
}
#multiscroll-nav li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position: relative
}
#multiscroll-nav li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none
}
#multiscroll-nav li .active span {
	background: #333
}
#multiscroll-nav span {
	top: 2px;
	left: 2px;
	width: 8px;
	height: 8px;
	border: 1px solid #000;
	background: rgba(0,0,0,0);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	z-index: 1
}
.multiscroll-tooltip {
	position: absolute;
	color: #fff;
	font-size: 16px;
	font-family: Source Sans Pro, sans-serif;
	top: -2px;
	white-space: nowrap;
	max-width: 220px
}
.multiscroll-tooltip.right {
	right: 20px
}
.multiscroll-tooltip.left {
	left: 20px
}
.divbg {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	background: -webkit-gradient(linear, left top, right bottom, from(#a4c5c7), to(#2D3F48));
	background: linear-gradient(to bottom right, #a4c5c7, #2D3F48)
}
#shadows {
	left: 2vmin
}
#shadows:not(:checked)~.cubes22 {
--shadow-filter:none
}
.cubes22 {
	-webkit-width: 45vmin;
	-webkit-height: 0;
	width: 14px;
	height: 14px;
	-webkit-transform: rotateX(60deg) rotateZ(-45deg);
	transform: rotateX(60deg) rotateZ(-45deg);
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	overflow: visible;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 9000px;
	perspective: 9000px;
	position: absolute;
	left: 0;
	right: -34%;
	margin: auto;
	top: 35%
}
.cube22, .large-shadow {
	height: 10vmin;
	width: 10vmin;
	transform-style: preserve-3d;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
-webkit-transform-origin:center center -.5vmin;
transform-origin:center center -.5vmin;
	position: absolute;
	top: 0;
	left: 0
}
#header .header-inner #logo a > img{margin: 19px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.cubes22 {
	width: 58vmin;
	height: 0
}
}
.cube22>.cube22-wrap, .large-shadow>.cube22-wrap {
	-webkit-animation: cube 4s infinite both;
	animation: cube 4s infinite both;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
-webkit-transform-origin:center center -.5vmin;
transform-origin:center center -.5vmin
}
@-webkit-keyframes cube22 {
20%, 60%, from, to {
-webkit-animation-timing-function:step-start;
animation-timing-function:step-start;
-webkit-transform:none;
transform:none
}
40% {
-webkit-transform:rotateY(-1turn);
transform:rotateY(-1turn)
}
}
@keyframes cube22 {
20%, 60%, from, to {
-webkit-animation-timing-function:step-start;
animation-timing-function:step-start;
-webkit-transform:none;
transform:none
}
40% {
-webkit-transform:rotateY(-1turn);
transform:rotateY(-1turn)
}
}
.cube22[data-cube22^="1"], .large-shadow[data-cube22^="1"] {
	top: calc(-10vmin - 2px);
--color-bg-top:#A0EBE8;
--color-bg-bottom:#89E4E4;
--color-fl-top:#4EAFBC;
--color-fl-bottom:#43A5B2
}
.cube22[data-cube22^="2"], .large-shadow[data-cube22^="2"] {
--color-bg-top:#89E4E4;
--color-bg-bottom:#76DEE5;
--color-fl-top:#43A5B2;
--color-fl-bottom:#3D93A9
}
.cube22[data-cube22^="3"], .large-shadow[data-cube22^="3"] {
	top: calc(10vmin+2px);
--color-bg-top:#76DEE5;
--color-bg-bottom:#63D3D4;
--color-fl-top:#3D93A9;
--color-fl-bottom:#3B8D9F
}
.cube22[data-cube22^="11"], .cube22[data-cube22^="21"], .cube22[data-cube22^="31"], .large-shadow[data-cube22^="11"], .large-shadow[data-cube22^="21"], .large-shadow[data-cube22^="31"] {
	left: calc(-10vmin - 2px);
--color-fr-top:#2D505F;
--color-fr-bottom:#2D4F63
}
.cube22[data-cube22^="22"], .cube22[data-cube22^="32"], .cube22[data-cube22^="12"], .large-shadow[data-cube22^="22"], .large-shadow[data-cube22^="32"], .large-shadow[data-cube22^="12"] {
--color-fr-top:#2D4F63;
--color-fr-bottom:#2A5262
}
.cube22[data-cube22^="13"], .cube22[data-cube22^="23"], .cube22[data-cube22^="33"], .large-shadow[data-cube22^="13"], .large-shadow[data-cube22^="23"], .large-shadow[data-cube22^="33"] {
	left: calc(10vmin+2px);
--color-fr-top:#2A5262;
--color-fr-bottom:#2A5467
}
.cube22[data-cube22$="2"], .large-shadow[data-cube22$="2"] {
	-webkit-transform: translateZ(calc(10vmin+2px));
	transform: translateZ(calc(10vmin+2px))
}
.cube22[data-cube22$="3"], .large-shadow[data-cube22$="3"] {
	-webkit-transform: translateZ(calc(-10vmin - 2px));
	transform: translateZ(calc(-10vmin - 2px))
}
.large-shadows {
	-webkit-transform: translateZ(-21vmin);
	transform: translateZ(-21vmin)
}
.large-shadow {
	background: #000;
	height: 10vmin;
	width: 10vmin;
	-webkit-transform-origin: top right;
	transform-origin: top right;
	-webkit-animation: large-shadow 4s infinite both;
	animation: large-shadow 4s infinite both;
	-webkit-filter: var(--shadow-filter, blur(3vmin));
	filter: var(--shadow-filter, blur(3vmin));
	opacity: .2
}
.cube22-bottom:after, .cube22-top:after, [class^=cube22-], [class^=cube22-]:before, [class^=shadow], [class^=shadow]:before {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
@-webkit-keyframes large-shadow {
80%, from, to {
-webkit-transform:scale(1.5, 3);
transform:scale(1.5, 3)
}
20% {
-webkit-transform:scale(1.5, 2);
transform:scale(1.5, 2)
}
40%, 60% {
-webkit-transform:scale(1.5, 5);
transform:scale(1.5, 5)
}
50% {
-webkit-transform:scale(1, 5);
transform:scale(1, 5)
}
}
@keyframes large-shadow {
80%, from, to {
-webkit-transform:scale(1.5, 3);
transform:scale(1.5, 3)
}
20% {
-webkit-transform:scale(1.5, 2);
transform:scale(1.5, 2)
}
40%, 60% {
-webkit-transform:scale(1.5, 5);
transform:scale(1.5, 5)
}
50% {
-webkit-transform:scale(1, 5);
transform:scale(1, 5)
}
}
[class^=cube22-] {
-webkit-backface-visibility:visible;
backface-visibility:visible
}
[class^=cube22-], [class^=cube22-]:before {
will-change:transform;
-webkit-animation:any 4s infinite both;
animation:any 4s infinite both
}
[class^=cube22-]:before {
	background-color: inherit
}
.cube22-bottom:after, .cube22-top:after {
	background-color: #DFF4F0
}
.cube22-top {
	-webkit-animation-name: cube22-top;
	animation-name: cube22-top;
	overflow: hidden
}
.cube22-top:before {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#CBFEFF), to(transparent)), -webkit-gradient(linear, left top, left bottom, from(var(--color-bg-top)), to(var(--color-bg-bottom)));
	background-image: linear-gradient(to bottom, #CBFEFF, transparent), linear-gradient(to bottom, var(--color-bg-top), var(--color-bg-bottom));
	background-size: 2px 100%, auto;
	background-repeat: no-repeat
}
.cube22-top:after {
	-webkit-animation: cube22-top-flash 4s infinite both;
	animation: cube22-top-flash 4s infinite both
}
@-webkit-keyframes cube22-top-flash {
50%, 60%, from, to {
opacity:0
}
52% {
opacity:.9
}
}
@keyframes cube22-top-flash {
50%, 60%, from, to {
opacity:0
}
52% {
opacity:.9
}
}
@-webkit-keyframes cube22-top {
20% {
-webkit-transform:translateZ(calc(-10vmin+2vmin));
transform:translateZ(calc(-10vmin+2vmin))
}
40%, 60%, 80% {
-webkit-transform:none;
transform:none
}
}
@keyframes cube22-top {
20% {
-webkit-transform:translateZ(calc(-10vmin+2vmin));
transform:translateZ(calc(-10vmin+2vmin))
}
40%, 60%, 80% {
-webkit-transform:none;
transform:none
}
}
.cube22-front-left {
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	overflow: hidden
}
.cube22-front-left:before {
	background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color-fl-top)), to(var(--color-fl-bottom))), -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.5)), color-stop(60%, transparent));
	background-image: linear-gradient(to bottom, var(--color-fl-top), var(--color-fl-bottom)), linear-gradient(to bottom, rgba(255,255,255,.5), transparent 60%);
	background-size: auto auto 1px 100%;
	background-repeat: no-repeat;
	-webkit-transform-origin: right;
	transform-origin: right;
	-webkit-animation-name: cube22-front-left;
	animation-name: cube22-front-left
}
#section1-right, #section2-right {
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover
}
@-webkit-keyframes cube22-front-left {
20% {
-webkit-transform:scaleX(.2);
transform:scaleX(.2)
}
40%, 60% {
-webkit-transform:translateX(-8vmin) scaleX(.2);
transform:translateX(-8vmin) scaleX(.2)
}
80% {
-webkit-transform:none;
transform:none
}
}
@keyframes cube22-front-left {
20% {
-webkit-transform:scaleX(.2);
transform:scaleX(.2)
}
40%, 60% {
-webkit-transform:translateX(-8vmin) scaleX(.2);
transform:translateX(-8vmin) scaleX(.2)
}
80% {
-webkit-transform:none;
transform:none
}
}
.cube22-front-right {
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg)
}
.cube22-front-right:before {
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color-fr-top)), to(var(--color-fr-bottom)));
	background-image: linear-gradient(to right, var(--color-fr-top), var(--color-fr-bottom));
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-animation-name: cube22-front-right;
	animation-name: cube22-front-right
}
@-webkit-keyframes cube22-front-right {
20% {
-webkit-transform:scaleY(.2);
transform:scaleY(.2)
}
40%, 60% {
-webkit-transform:translateY(8vmin) scaleY(.2);
transform:translateY(8vmin) scaleY(.2)
}
80% {
-webkit-transform:none;
transform:none
}
}
@keyframes cube22-front-right {
20% {
-webkit-transform:scaleY(.2);
transform:scaleY(.2)
}
40%, 60% {
-webkit-transform:translateY(8vmin) scaleY(.2);
transform:translateY(8vmin) scaleY(.2)
}
80% {
-webkit-transform:none;
transform:none
}
}
.cube22-bottom {
	-webkit-transform: translateZ(-10vmin);
	transform: translateZ(-10vmin);
	background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color-bg-top)), to(var(--color-bg-bottom)));
	background-image: linear-gradient(to bottom, var(--color-bg-top), var(--color-bg-bottom));
	-webkit-animation-name: cube22-bottom;
	animation-name: cube22-bottom
}
@-webkit-keyframes cube22-bottom {
20%, 80%, from, to {
-webkit-transform:translateZ(calc(-10vmin + 1px)) scale(.95);
transform:translateZ(calc(-10vmin + 1px)) scale(.95)
}
40%, 60% {
-webkit-transform:translateZ(-2vmin) scale(.95);
transform:translateZ(-2vmin) scale(.95)
}
}
@keyframes cube22-bottom {
20%, 80%, from, to {
-webkit-transform:translateZ(calc(-10vmin + 1px)) scale(.95);
transform:translateZ(calc(-10vmin + 1px)) scale(.95)
}
40%, 60% {
-webkit-transform:translateZ(-2vmin) scale(.95);
transform:translateZ(-2vmin) scale(.95)
}
}
.cube22-bottom:after {
	-webkit-animation: cube22-bottom-flash 4s infinite both;
	animation: cube22-bottom-flash 4s infinite both
}
@-webkit-keyframes cube22-bottom-flash {
40%, 50%, from, to {
opacity:0
}
45% {
opacity:.9
}
}
@keyframes cube22-bottom-flash {
40%, 50%, from, to {
opacity:0
}
45% {
opacity:.9
}
}
[class^=shadow] {
overflow:hidden;
-webkit-filter:var(--shadow-filter, blur(20px));
filter:var(--shadow-filter, blur(20px))
}
[class^=shadow]:before {
	background-color: #214354;
	opacity: .7
}
.shadow-y {
	-webkit-animation: shadow-y 4s infinite both;
	animation: shadow-y 4s infinite both
}
.shadow-y[data-cube22^="11"], .shadow-y[data-cube22^="21"] {
	left: 10%
}
.shadow-y[data-cube22^="13"], .shadow-y[data-cube22^="23"] {
	left: -10%
}
@-webkit-keyframes shadow-y {
40%, 60%, 80%, from, to {
-webkit-transform:translateY(-100%) scale(2, .75);
transform:translateY(-100%) scale(2, .75)
}
20% {
-webkit-transform:scale(2, 1);
transform:scale(2, 1)
}
}
@keyframes shadow-y {
40%, 60%, 80%, from, to {
-webkit-transform:translateY(-100%) scale(2, .75);
transform:translateY(-100%) scale(2, .75)
}
20% {
-webkit-transform:scale(2, 1);
transform:scale(2, 1)
}
}
.shadow-y:before {
	-webkit-animation: shadow-y-inverse 4s infinite both;
	animation: shadow-y-inverse 4s infinite both;
	-webkit-transform-origin: top center;
	transform-origin: top center
}
@-webkit-keyframes shadow-y-inverse {
40%, 60%, 80%, from, to {
opacity:.9;
-webkit-transform:scale(2, 1);
transform:scale(2, 1)
}
20% {
opacity:0;
-webkit-transform:translateY(-100%) scale(2, .75);
transform:translateY(-100%) scale(2, .75)
}
}
@keyframes shadow-y-inverse {
40%, 60%, 80%, from, to {
opacity:.9;
-webkit-transform:scale(2, 1);
transform:scale(2, 1)
}
20% {
opacity:0;
-webkit-transform:translateY(-100%) scale(2, .75);
transform:translateY(-100%) scale(2, .75)
}
}
.shadow-flip {
	width: 2vmin;
	height: 50%;
	top: -1vmin;
	left: calc(50% - 1vmin);
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-filter: var(--shadow-filter, blur(1vmin));
	filter: var(--shadow-filter, blur(1vmin));
	-webkit-animation: shadow-flip 4s infinite both;
	animation: shadow-flip 4s infinite both;
	overflow: visible
}
@-webkit-keyframes shadow-flip {
20%, 40%, 50%, from, to {
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}
45% {
-webkit-transform:rotate(270deg);
transform:rotate(270deg)
}
}
@keyframes shadow-flip {
20%, 40%, 50%, from, to {
-webkit-transform:rotate(90deg);
transform:rotate(90deg)
}
45% {
-webkit-transform:rotate(270deg);
transform:rotate(270deg)
}
}
.shadow-flip:before {
	-webkit-animation: shadow-flip-inverse 4s infinite both;
	animation: shadow-flip-inverse 4s infinite both;
	-webkit-transform-origin: top center;
	transform-origin: top center;
	opacity: 0
}
@-webkit-keyframes shadow-flip-inverse {
20%, 40%, 50%, from, to {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:0
}
45% {
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg);
opacity:.6
}
}
@keyframes shadow-flip-inverse {
20%, 40%, 50%, from, to {
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:0
}
45% {
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg);
opacity:.6
}
}
.shadow-z {
	-webkit-animation: shadow-z 4s infinite both;
	animation: shadow-z 4s infinite both;
	overflow: visible;
	-webkit-transform-origin: top center;
	transform-origin: top center
}
#section1-right.hideOverflow, .containered, .stop-scrolling {
	overflow: hidden
}
.shadow-z[data-cube22^="11"] {
--shadow-z-left:50%;
--shadow-z-top:50%
}
.shadow-z[data-cube22^="21"], .shadow-z[data-cube22^="31"] {
--shadow-z-left:50%;
--shadow-z-top:0
}
.shadow-z[data-cube22^="32"] {
--shadow-z-left:0;
--shadow-z-top:0;
--shadow-x-scale:2
}
.shadow-z[data-cube22^="33"] {
--shadow-z-left:-50%;
--shadow-z-top:0
}
@-webkit-keyframes shadow-z {
40%, 60%, 80%, from, to {
-webkit-transform:scale(var(--shadow-x-scale), 2);
transform:scale(var(--shadow-x-scale), 2)
}
20% {
-webkit-transform:translateX(var(--shadow-z-left)) translateY(var(--shadow-z-top)) scale(calc(var(--shadow-x-scale, 1)/ 2), 2);
transform:translateX(var(--shadow-z-left)) translateY(var(--shadow-z-top)) scale(calc(var(--shadow-x-scale, 1)/ 2), 2)
}
}
@keyframes shadow-z {
40%, 60%, 80%, from, to {
-webkit-transform:scale(var(--shadow-x-scale), 2);
transform:scale(var(--shadow-x-scale), 2)
}
20% {
-webkit-transform:translateX(var(--shadow-z-left)) translateY(var(--shadow-z-top)) scale(calc(var(--shadow-x-scale, 1)/ 2), 2);
transform:translateX(var(--shadow-z-left)) translateY(var(--shadow-z-top)) scale(calc(var(--shadow-x-scale, 1)/ 2), 2)
}
}
.shadow-z:before {
	-webkit-animation: shadow-z-inverse 4s infinite both;
	animation: shadow-z-inverse 4s infinite both
}
@-webkit-keyframes shadow-z-inverse {
40%, 60% {
-webkit-transform:translateX(var(--shadow-z-left)) translateY(var(--shadow-z-top)) scale(var(--shadow-x-scale, 1), 2);
transform:translateX(var(--shadow-z-left)) translateY(var(--shadow-z-top)) scale(var(--shadow-x-scale, 1), 2)
}
45% {
opacity:0
}
40%, 55%, from {
opacity:.5
}
to {
	opacity: 1
}
20%, 80%, from, to {
-webkit-transform:scale(2);
transform:scale(2)
}
}
@keyframes shadow-z-inverse {
40%, 60% {
-webkit-transform:translateX(var(--shadow-z-left)) translateY(var(--shadow-z-top)) scale(var(--shadow-x-scale, 1), 2);
transform:translateX(var(--shadow-z-left)) translateY(var(--shadow-z-top)) scale(var(--shadow-x-scale, 1), 2)
}
45% {
opacity:0
}
40%, 55%, from {
opacity:.5
}
to {
	opacity: 1
}
20%, 80%, from, to {
-webkit-transform:scale(2);
transform:scale(2)
}
}
.cube22[data-cube22="111"]>.cube22-wrap, .cube22[data-cube22="111"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="111"]>.cube22-wrap:after, .cube22[data-cube22="111"]>.cube22-wrap:before, .cube22[data-cube22="111"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="111"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="111"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="111"], [class^=shadow-][data-cube22="111"]:before {
-webkit-animation-delay:58ms;
animation-delay:58ms
}
.cube22[data-cube22="112"]>.cube22-wrap, .cube22[data-cube22="112"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="112"]>.cube22-wrap:after, .cube22[data-cube22="112"]>.cube22-wrap:before, .cube22[data-cube22="112"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="112"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="112"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="112"], [class^=shadow-][data-cube22="112"]:before {
-webkit-animation-delay:198ms;
animation-delay:198ms
}
.cube22[data-cube22="113"]>.cube22-wrap, .cube22[data-cube22="113"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="113"]>.cube22-wrap:after, .cube22[data-cube22="113"]>.cube22-wrap:before, .cube22[data-cube22="113"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="113"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="113"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="113"], [class^=shadow-][data-cube22="113"]:before {
-webkit-animation-delay:43ms;
animation-delay:43ms
}
.cube22[data-cube22="121"]>.cube22-wrap, .cube22[data-cube22="121"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="121"]>.cube22-wrap:after, .cube22[data-cube22="121"]>.cube22-wrap:before, .cube22[data-cube22="121"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="121"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="121"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="121"], [class^=shadow-][data-cube22="121"]:before {
-webkit-animation-delay:35ms;
animation-delay:35ms
}
.cube22[data-cube22="122"]>.cube22-wrap, .cube22[data-cube22="122"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="122"]>.cube22-wrap:after, .cube22[data-cube22="122"]>.cube22-wrap:before, .cube22[data-cube22="122"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="122"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="122"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="122"], [class^=shadow-][data-cube22="122"]:before {
-webkit-animation-delay:94ms;
animation-delay:94ms
}
.cube22[data-cube22="123"]>.cube22-wrap, .cube22[data-cube22="123"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="123"]>.cube22-wrap:after, .cube22[data-cube22="123"]>.cube22-wrap:before, .cube22[data-cube22="123"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="123"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="123"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="123"], [class^=shadow-][data-cube22="123"]:before {
-webkit-animation-delay:153ms;
animation-delay:153ms
}
.cube22[data-cube22="131"]>.cube22-wrap, .cube22[data-cube22="131"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="131"]>.cube22-wrap:after, .cube22[data-cube22="131"]>.cube22-wrap:before, .cube22[data-cube22="131"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="131"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="131"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="131"], [class^=shadow-][data-cube22="131"]:before {
-webkit-animation-delay:238ms;
animation-delay:238ms
}
.cube22[data-cube22="132"]>.cube22-wrap, .cube22[data-cube22="132"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="132"]>.cube22-wrap:after, .cube22[data-cube22="132"]>.cube22-wrap:before, .cube22[data-cube22="132"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="132"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="132"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="132"], [class^=shadow-][data-cube22="132"]:before {
-webkit-animation-delay:78ms;
animation-delay:78ms
}
.cube22[data-cube22="133"]>.cube22-wrap, .cube22[data-cube22="133"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="133"]>.cube22-wrap:after, .cube22[data-cube22="133"]>.cube22-wrap:before, .cube22[data-cube22="133"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="133"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="133"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="133"], [class^=shadow-][data-cube22="133"]:before {
-webkit-animation-delay:229ms;
animation-delay:229ms
}
.cube22[data-cube22="211"]>.cube22-wrap, .cube22[data-cube22="211"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="211"]>.cube22-wrap:after, .cube22[data-cube22="211"]>.cube22-wrap:before, .cube22[data-cube22="211"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="211"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="211"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="211"], [class^=shadow-][data-cube22="211"]:before {
-webkit-animation-delay:58ms;
animation-delay:58ms
}
.cube22[data-cube22="212"]>.cube22-wrap, .cube22[data-cube22="212"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="212"]>.cube22-wrap:after, .cube22[data-cube22="212"]>.cube22-wrap:before, .cube22[data-cube22="212"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="212"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="212"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="212"], [class^=shadow-][data-cube22="212"]:before {
-webkit-animation-delay:207ms;
animation-delay:207ms
}
.cube22[data-cube22="213"]>.cube22-wrap, .cube22[data-cube22="213"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="213"]>.cube22-wrap:after, .cube22[data-cube22="213"]>.cube22-wrap:before, .cube22[data-cube22="213"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="213"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="213"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="213"], [class^=shadow-][data-cube22="213"]:before {
-webkit-animation-delay:87ms;
animation-delay:87ms
}
.cube22[data-cube22="221"]>.cube22-wrap, .cube22[data-cube22="221"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="221"]>.cube22-wrap:after, .cube22[data-cube22="221"]>.cube22-wrap:before, .cube22[data-cube22="221"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="221"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="221"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="221"], [class^=shadow-][data-cube22="221"]:before {
-webkit-animation-delay:142ms;
animation-delay:142ms
}
.cube22[data-cube22="222"]>.cube22-wrap, .cube22[data-cube22="222"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="222"]>.cube22-wrap:after, .cube22[data-cube22="222"]>.cube22-wrap:before, .cube22[data-cube22="222"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="222"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="222"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="222"], [class^=shadow-][data-cube22="222"]:before {
-webkit-animation-delay:163ms;
animation-delay:163ms
}
.cube22[data-cube22="223"]>.cube22-wrap, .cube22[data-cube22="223"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="223"]>.cube22-wrap:after, .cube22[data-cube22="223"]>.cube22-wrap:before, .cube22[data-cube22="223"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="223"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="223"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="223"], [class^=shadow-][data-cube22="223"]:before {
-webkit-animation-delay:28ms;
animation-delay:28ms
}
.cube22[data-cube22="231"]>.cube22-wrap, .cube22[data-cube22="231"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="231"]>.cube22-wrap:after, .cube22[data-cube22="231"]>.cube22-wrap:before, .cube22[data-cube22="231"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="231"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="231"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="231"], [class^=shadow-][data-cube22="231"]:before {
-webkit-animation-delay:183ms;
animation-delay:183ms
}
.cube22[data-cube22="232"]>.cube22-wrap, .cube22[data-cube22="232"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="232"]>.cube22-wrap:after, .cube22[data-cube22="232"]>.cube22-wrap:before, .cube22[data-cube22="232"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="232"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="232"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="232"], [class^=shadow-][data-cube22="232"]:before {
-webkit-animation-delay:171ms;
animation-delay:171ms
}
.cube22[data-cube22="233"]>.cube22-wrap, .cube22[data-cube22="233"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="233"]>.cube22-wrap:after, .cube22[data-cube22="233"]>.cube22-wrap:before, .cube22[data-cube22="233"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="233"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="233"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="233"], [class^=shadow-][data-cube22="233"]:before {
-webkit-animation-delay:196ms;
animation-delay:196ms
}
.cube22[data-cube22="311"]>.cube22-wrap, .cube22[data-cube22="311"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="311"]>.cube22-wrap:after, .cube22[data-cube22="311"]>.cube22-wrap:before, .cube22[data-cube22="311"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="311"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="311"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="311"], [class^=shadow-][data-cube22="311"]:before {
-webkit-animation-delay:.3s;
animation-delay:.3s
}
.cube22[data-cube22="312"]>.cube22-wrap, .cube22[data-cube22="312"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="312"]>.cube22-wrap:after, .cube22[data-cube22="312"]>.cube22-wrap:before, .cube22[data-cube22="312"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="312"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="312"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="312"], [class^=shadow-][data-cube22="312"]:before {
-webkit-animation-delay:77ms;
animation-delay:77ms
}
.cube22[data-cube22="313"]>.cube22-wrap, .cube22[data-cube22="313"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="313"]>.cube22-wrap:after, .cube22[data-cube22="313"]>.cube22-wrap:before, .cube22[data-cube22="313"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="313"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="313"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="313"], [class^=shadow-][data-cube22="313"]:before {
-webkit-animation-delay:215ms;
animation-delay:215ms
}
.cube22[data-cube22="321"]>.cube22-wrap, .cube22[data-cube22="321"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="321"]>.cube22-wrap:after, .cube22[data-cube22="321"]>.cube22-wrap:before, .cube22[data-cube22="321"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="321"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="321"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="321"], [class^=shadow-][data-cube22="321"]:before {
-webkit-animation-delay:187ms;
animation-delay:187ms
}
.cube22[data-cube22="322"]>.cube22-wrap, .cube22[data-cube22="322"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="322"]>.cube22-wrap:after, .cube22[data-cube22="322"]>.cube22-wrap:before, .cube22[data-cube22="322"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="322"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="322"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="322"], [class^=shadow-][data-cube22="322"]:before {
-webkit-animation-delay:7ms;
animation-delay:7ms
}
.cube22[data-cube22="323"]>.cube22-wrap, .cube22[data-cube22="323"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="323"]>.cube22-wrap:after, .cube22[data-cube22="323"]>.cube22-wrap:before, .cube22[data-cube22="323"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="323"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="323"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="323"], [class^=shadow-][data-cube22="323"]:before {
-webkit-animation-delay:182ms;
animation-delay:182ms
}
.cube22[data-cube22="331"]>.cube22-wrap, .cube22[data-cube22="331"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="331"]>.cube22-wrap:after, .cube22[data-cube22="331"]>.cube22-wrap:before, .cube22[data-cube22="331"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="331"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="331"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="331"], [class^=shadow-][data-cube22="331"]:before {
-webkit-animation-delay:57ms;
animation-delay:57ms
}
.cube22[data-cube22="332"]>.cube22-wrap, .cube22[data-cube22="332"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="332"]>.cube22-wrap:after, .cube22[data-cube22="332"]>.cube22-wrap:before, .cube22[data-cube22="332"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="332"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="332"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="332"], [class^=shadow-][data-cube22="332"]:before {
-webkit-animation-delay:88ms;
animation-delay:88ms
}
.cube22[data-cube22="333"]>.cube22-wrap, .cube22[data-cube22="333"]>.cube22-wrap [class^=shadow-], .cube22[data-cube22="333"]>.cube22-wrap:after, .cube22[data-cube22="333"]>.cube22-wrap:before, .cube22[data-cube22="333"]>.cube22-wrap>[class^=cube22-], .cube22[data-cube22="333"]>.cube22-wrap>[class^=cube22-]:after, .cube22[data-cube22="333"]>.cube22-wrap>[class^=cube22-]:before, .large-shadow[data-cube22="333"], [class^=shadow-][data-cube22="333"]:before {
-webkit-animation-delay:185ms;
animation-delay:185ms
}
.containered {
	position: relative;
	height: 100%;
	width: 100%
}
/*.section1 .intro {
width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 999
}*/
.section1 .intro p {
	margin-top: 20px;
	color: #7b7b7b;
}
#mainhometabs{border-top: 1px solid #dfdfdf;}
#section1-left .intro {
	left: 0;
	padding: 0 50px
}
#section1-right .intro {
	right: 100%;
	padding: 0 50px
}
#section1-left h1, #section1-right h1 {
	width: 100%;
	color: #fff;
	z-index: 999;
	font-weight: 700;
	text-align: center;
	display: block;
	margin: 0;
	padding: 10px;
	font-size: 40px
}
#section1-left h1 {
	left: 50%
}
#section2-left {
	background-repeat: repeat;
	color: #a7a7a7;    
	background-image: url(../images/bi-analytics.gif);
	background-position: 50% !important;
    background-repeat: no-repeat;
	background-color: #26086a;
	background-size: cover;
	
   /* background-position: 50%;
	background: -moz-linear-gradient(-45deg, #136be2 55%, #136be2 55%, #6f05ff 99%);
	background: -webkit-linear-gradient(-45deg, #136be2 55%, #136be2 55%, #6f05ff 99%);
	background: linear-gradient(135deg, #136be2 55%, #136be2 55%, #6f05ff 99%);
	background-position-x: 0%;
	background-position-y: 0%;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#136be2', endColorstr='#6f05ff', GradientType=1 )*/
}
#section3-right h2, .button a {
	color: #fff
}
#section2-left .intro {
	padding: 0 0 60px
}
#section2-left .intro:last-child {
	padding: 0
}
#section2-left h2 {
	font-size: 1.7em
}
#section3-left {
	background: rgb(43,35,124);
	background: linear-gradient(90deg, rgba(43,35,124,1) 0%, rgba(37,28,114,1) 31%, rgba(15,5,76,1) 100%);
background-position: 50% !important;
background-repeat: no-repeat;
}
#section3-left h1, #section3-left p {
	color: #fff!important
}
#section1-right h1 {
	left: -50%
}
#section1-right {
	background-color: #030031;
/*	background-image: url(../images/binary-home-of-technologies.jpg);*/
	background-position: 50%
}
#section2-right {
/*	background-image: url(../images/bi-analytics.gif);
	background-position: 100% 100%*/
}

#section2-right p { color: #7b7b7b; line-height: 26px;}
#section3-right {
	text-align: right;
	color: #fff;
	padding:inherit!important;
}

.button a {
	background: rgba(41,93,236,1);
	background: -moz-linear-gradient(left, rgba(41,93,236,1) 0, rgba(46,185,203,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0, rgba(41,93,236,1)), color-stop(100%, rgba(46,185,203,1)));
	background: -webkit-linear-gradient(left, rgba(41,93,236,1) 0, rgba(46,185,203,1) 100%);
	background: -o-linear-gradient(left, rgba(41,93,236,1) 0, rgba(46,185,203,1) 100%);
	background: -ms-linear-gradient(left, rgba(41,93,236,1) 0, rgba(46,185,203,1) 100%);
	background: linear-gradient(to right, rgba(41,93,236,1) 0, rgba(46,185,203,1) 100%)
}
.ms-responsive #section1-left .intro {
	left: 0
}
.ms-responsive #section1-right .intro {
	display: none
}


.text1 {
  display: inline-block;
 
}

.text__first, .text__second {
  position: relative;
}

.text__word {
  opacity: 0;
}
.portfolio-item .portfolio-description{top: 44%; width: 98%;}
.text__first-bg, .text__second-bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  transform-origin: left;
  transform: scaleX(0);
}

.text__first-bg {
	background-color: #51239f;
  
}

.text__second-bg {
  background-color: #5fbff9;
}



.icon-bx-wraper.style-2 {
    display: flex;
    align-items: center;
}
.icon-bx-wraper {
    position: relative;
}
.m-b30 {
    margin-bottom: 30px;
}
.move1 {
 -webkit-animation:move1 5s infinite;
 animation:move1 5s infinite
}
.btnPositioncs{ position: relative!important;}
@-webkit-keyframes move1 {
 0% {
  -webkit-transform:rotate(-1deg) translate(-2px,-2px);
  transform:rotate(-1deg) translate(-2px,-2px)
 }
 50% {
  -webkit-transform:rotate(1deg) translate(2px,2px);
  transform:rotate(1deg) translate(2px,2px)
 }
 to {
  -webkit-transform:rotate(-1deg) translate(-2px,-2px);
  transform:rotate(-1deg) translate(-2px,-2px)
 }
}
@keyframes move1 {
 0% {
  -webkit-transform:rotate(-1deg) translate(-2px,-2px);
  transform:rotate(-1deg) translate(-2px,-2px)
 }
 50% {
  -webkit-transform:rotate(1deg) translate(2px,2px);
  transform:rotate(1deg) translate(2px,2px)
 }
 to {
  -webkit-transform:rotate(-1deg) translate(-2px,-2px);
  transform:rotate(-1deg) translate(-2px,-2px)
 }
}


.move-2 {
    -webkit-animation: move2 5s infinite;
    animation: move2 5s infinite;
}

.icon-bx-wraper.style-2:hover > [class*="icon-bx-"]::before {
    -webkit-animation: rotate360 5s infinite;
    animation: rotate360 5s infinite;
}

@-webkit-keyframes rotate360 {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(-1turn);
  transform:rotate(-1turn)
 }
}
@keyframes rotate360 {
 0% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(-1turn);
  transform:rotate(-1turn)
 }
}

@-webkit-keyframes move2 {
 0% {
  -webkit-transform:rotate(1deg) translate(2px,2px);
  transform:rotate(1deg) translate(2px,2px)
 }
 50% {
  -webkit-transform:rotate(-1deg) translate(-2px,-2px);
  transform:rotate(-1deg) translate(-2px,-2px)
 }
 to {
  -webkit-transform:rotate(1deg) translate(2px,2px);
  transform:rotate(1deg) translate(2px,2px)
 }
}
@keyframes move2 {
 0% {
  -webkit-transform:rotate(1deg) translate(2px,2px);
  transform:rotate(1deg) translate(2px,2px)
 }
 50% {
  -webkit-transform:rotate(-1deg) translate(-2px,-2px);
  transform:rotate(-1deg) translate(-2px,-2px)
 }
 to {
  -webkit-transform:rotate(1deg) translate(2px,2px);
  transform:rotate(1deg) translate(2px,2px)
 }
}
.icon-bx-wraper.style-2 > [class*="icon-bx-"]::before {
    content: "";
    position: absolute;
    width: 165px;
    height: 165px;
    left: calc(50% - 82px);
    top: calc(50% - 82px);
    background-size: contain;
    z-index: -1;
    background-repeat: no-repeat;
}
.icon-bx-wraper.style-2 > [class*="icon-bx-"] {
    position: relative;
    margin: 20px;
    min-width: 100px;
    transition: all .5s;
    z-index: 1;
}

.text-red::before {
    background-image: url(../images/red.png);
content: '';
display: block;
height: 160px;
width: 160px;
left: -30px;
position: relative;
top: -29px;
}
.card-footer{}

.text-green::before {
    background-image: url(../images/green.png);
	content: '';
display: block;
height: 160px;
width: 160px;
left: -30px;
position: relative;
top: -29px;
}


.icon-cell .fa {
    font-size: 50px !important;
    color: #fff;
    z-index: 2;
    position: relative;
    margin-top: 27px;
}
.icon-bx-wraper.style-2 .icon-content {
    padding-left: 20px;
}
.icon-content h4.dlab-title{margin-bottom: 0!important;}
.icon-bx-md {
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    width: 100px;
    height: 100px;
    line-height: 100px;
}
.icon-bx-wraper p:last-child {
    margin: 0;
}
.p-0 {
    padding:padding-right: 15px!important;
padding-left: 15px!important;
}
.za-btn {
    color: #51239f !important;
    border: 2px solid #bfbfbf !important;
    font-weight: 600;
}

  .media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.d-flex{ display: flex !important;}
.d-lg-flex {
    display: flex !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.d-block {
    display: block !important;
}

. {
    -ms-flex: 1;
    flex: 1;
}
.order-lg-1 {
    order: 1 !important;
}
.mt-2 {
    margin-top: 0.5rem !important;
}
.grey-bg-18 {
    background: #f8f8f8;
}
.pb-90 {
    padding-bottom: 90px;
}
.pt-90 {
    padding-top: 90px;
}
.text-lg-right {
    text-align: right !important;
}
.symbols-pulse > div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 23rem;
    height: 23rem;
    border-radius: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(227, 221, 246, 0.1)), color-stop(65%, rgba(227, 221, 246, 0.2)), to(rgba(227, 221, 246, 0.1)));
    background-image: -webkit-linear-gradient(top, rgba(227, 221, 246, 0.1) 0, rgba(227, 221, 246, 0.2) 65%, rgba(227, 221, 246, 0.1) 100%);
    background-image: -o-linear-gradient(top, rgba(227, 221, 246, 0.1) 0, rgba(227, 221, 246, 0.2) 65%, rgba(227, 221, 246, 0.1) 100%);
    background-image: linear-gradient(-180deg, rgba(227, 221, 246, 0.1) 0, rgba(227, 221, 246, 0.2) 65%, rgba(227, 221, 246, 0.1) 100%);
    z-index: -1;
}
.caseStudyBox h3, .caseStudyBoxG h3 {   
    color: #51239f;
    margin-bottom: 14px;
    line-height: 34px;
    font-weight: 600;
    margin-top: 0;
}
.caseStudyBox p, .caseStudyBoxG p {
    color: #424242;
    line-height: 21px;
}
.symbols-pulse .pulse-2 {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
}
.symbols-pulse .pulse-1 {
    -webkit-transform: translate(-50%, -50%) scale(0.67);
    -ms-transform: translate(-50%, -50%) scale(0.67);
    transform: translate(-50%, -50%) scale(0.67);
}
.symbols-pulse .pulse-3 {
    -webkit-transform: translate(-50%, -50%) scale(1.63);
    -ms-transform: translate(-50%, -50%) scale(1.63);
    transform: translate(-50%, -50%) scale(1.63);
}
.symbols-pulse .pulse-4 {
    -webkit-transform: translate(-50%, -50%) scale(2.1);
    -ms-transform: translate(-50%, -50%) scale(2.1);
    transform: translate(-50%, -50%) scale(2.1);
}
.symbols-pulse .pulse-x {
    will-change: transform;
    -webkit-animation: pulsate 3s infinite;
    animation: pulsate 3s infinite;
}
.symbols-pulse {
    position: absolute;
    top: 58%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.home-features .card .card-title {
    margin-top: 35px;
    margin-bottom: 20px;
    font-weight: 600;
	font-size: 2rem;
}
.mt-0 {
    margin-top: 0 !important;
}
.card-text:last-child {
    margin-bottom: 0;
}
.text-gray {
  
}

.expetise h6{
    margin-left: 2px;
   	color: #535353;
	   font-size: 15px;
}
.order-lg-2 {
    order: 2 !important;
}
.mb-sm-0 {
    margin-bottom: 0 !important;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.bg-transparent {
    background-color: transparent !important;
}
.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.mt-4 {
    margin-top: 1.5rem !important;
}
.card-footer {
    padding: 0.5rem 1rem;
        padding-right: 1rem;
        padding-left: 1rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.f-600 {
    font-weight: 600;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.pb-3 {
    padding-bottom: 1rem !important;
}
.pt-4 {
}
.align-items-center {
    align-items: center !important;
}
.flex-shrink-0 {
    margin-top:10px;
}
.check-circle-regular {
    width: 17px;
    color: #6639b3;
}
.ms-2 {
    margin-left: 0.5rem !important;
}
.flex-grow-1 {
    flex-grow: 1 !important;
}
.f-400 {
    font-weight: 400;
}
.mb-0 {
    margin-bottom: 0 !important;
}

  .features__item:hover .features__content {
    top: 40%;
}
.features__icon {
    margin-bottom: 20px;
}
    .counter {
    margin-bottom: 14px;
    padding: 20px 15px;
    border-radius: .375rem;
    box-shadow: 5px 8px 28px rgba(23,23,36,0.1);
    background-color: #fff;
}
.novi-disabled h1{color: #fff;
font-size: 54px;
line-height: 1.2;}
.novi-disabled  h5{    font-size: 20px;
    line-height: 1.54;
    color: #fff;
}
.counter-boxed {
    padding: 20px 15px;
    border-radius: .375rem;
    box-shadow: 5px 8px 28px rgba(23,23,36,0.1);
    background-color: #fff;
}
.row-30{ padding-bottom:130px; margin-top: 5.6%;}
.breadcrumb-active {
    border-bottom: 2px solid #6b39bd;
        border-bottom-color: rgb(107, 57, 189);
}
.breadcrumb{background-color:transparent}
.pb-1{padding:30px 0px!important; margin-bottom: -100px; overflow:visible!important}
.breadcrumb li a {
    font-size: 15px;
    color: #fff;
}
.counter-boxed.counter-boxed-primary {
    color: #fff;
    background-color: #7846ce;
}
.context-dark .breadcrumb-active {
    border-color: #7846ce;
    font-size: 15px;
    color: #fff;
    padding-bottom:3px;
}
.service_icon_box {
    width: 60px;
   
}
.relative-position {
    position: relative;
}
.upper_icon svg {
    height: 64px;
    width: 64px;
    fill: #30347b;
    position: relative;
z-index: 1;
}
.lower_icon {
    position: absolute;
    top: 10px;
    z-index:0;
    right: -16px;
}
.lower_icon svg {
    width: 58px;
    height: 58px;
    fill: #c4a2fc;
}
 .card {
    box-shadow: 0 6px 38px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    margin-bottom: 50px;
    padding: 25px 30px 30px 35px;
    z-index: 1;
    background-color: #fff!important;
    transition: 0.5s all ease-in-out;
    box-shadow: 0px 20px 81px 0px rgba(8, 0, 20, 0.14);
    
}
.mt--100 {
    margin-top: -100px;
}
.pb-100 {
    padding-bottom: 100px;
}
.features__inner {
    -webkit-box-shadow: 0px 50px 70px 0px rgba(66, 5, 135, 0.3);
    -moz-box-shadow: 0px 50px 70px 0px rgba(66, 5, 135, 0.3);
    box-shadow: 0px 50px 70px 0px rgba(66, 5, 135, 0.3);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.fix {
    overflow: hidden;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.features__item {
    position: relative;
    border-right: 1px solid #ad40fc;
    z-index: 1;
    min-height: 300px;
}
.features__thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.features__thumb::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0b0385;
    opacity: 0.8;
}
.features__thumb::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(-180deg, #dd24ff 0%, #841ff9 100%);
    background-image: -webkit-linear-gradient(-180deg, #dd24ff 0%, #841ff9 100%);
    background-image: -ms-linear-gradient(-180deg, #dd24ff 0%, #841ff9 100%);
    background-image: linear-gradient(-180deg, #dd24ff 0%, #841ff9 100%);
}
.features__content {
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -45%);
    -moz-transform: translate(-50%, -45%);
    -ms-transform: translate(-50%, -45%);
    transform: translate(-50%, -45%);
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    padding: 0 15px;
}
.fa-arrow-right::before {
    content: "\f061";
    color: #fff;
}
.features__icon {
    margin-bottom: 20px;
}
.features__content h3 {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 15px;
}
.features__btn {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.features__btn a {
    color: #ffffff;
}
.link-btn {
    position: relative;
    font-size: 30px;
    font-weight: 500;
    color: #1f1841;
    text-transform: uppercase;
    padding-right: 25px;
}
.link-btn i:first-child {
    left: -100%;
    visibility: hidden;
    opacity: 0;
}
.link-btn i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
}
.link-btn i:last-child {
    right: 0;
}
.icon_book_alt::before {
    content: "\e022";
    color:#fff;
}
.icon_lightbulb_alt::before {
    content: "\e007";
    color:#fff;
}
.icon_house_alt::before {
    content: "\e009";
    color:#fff;
}
.icon_document_alt::before {
    content: "\68";
    color:#fff;
}
.icon_lock_alt::before {
    content: "\7e";
    color:#fff;
}
.icon_ribbon_alt::before {
    content: "\e012";
    color:#fff;
}

.features__item:hover .features__thumb::after {
    opacity: 0;
}
.features__content h3 {
    color: #fff !important;
    font-size: 20px!important;
    min-height: 82px;
}
.features__icon i{
    content: "\e022";
    color: #fff;
    font-size: 35px;
}

.card-deck .card:hover {
    transform: translate(-8px, -8px);
    box-shadow: 0px 20px 81px 0px rgba(8, 0, 20, 0.3);
}
#solutions h4 {
    margin-top: 30px;
    line-height: 25px;
    color: #51239f;
    font-size: 24px;
    line-height: 30px;
}
.card-deck .card:hover::before {
    transform: translate(7px, 7px);
}
.card-deck .card:after{background-color:#fff;}
.card-deck .card:before {
    content: "";
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -3;
    border-radius: 12px;
    position: absolute;
    transition: 0.5s all ease-in-out;
    background-image: linear-gradient(45deg, #fc01fd 32%, #6b2c94 100%);
}
.card-deck .card:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    border-radius: 10px;
    background-color: #fff;
}
.fa-long-arrow-right::before {
    content: "\f178";
}
.link-btn:hover i:first-child {
    left: 0;
    visibility: visible;
    opacity: 1;
}
.link-btn:hover i:last-child {
    right: -100%;
    visibility: hidden;
    opacity: 0;
}
.link-btn:hover i:first-child {
    left: 0;
    visibility: visible;
    opacity: 1;
}
.features__item:hover .features__btn {
    opacity: 0;
    visibility: visible;
    opacity: 1;
}



@media all and (max-width:700px) {
#section1-left h1, #section1-right h1 {
	font-size: 5em
}
}
@media all and (max-width:550px) {
#section1-left h1, #section1-right h1 {
	font-size: 4em
}
}
@media all and (max-width:400px) {
#section1-left h1, #section1-right h1 {
	font-size: 3em
}
.section1 .intro p {
	font-size: 18px
}
}
#multiscroll .button a {
	padding: 14px 30px;
	border-radius: 3px;
	display: inline-block;
	font-size: 17px;
	background: rgba(46,185,203,1);
box-shadow:0 .125rem .25rem rgba(0, 0, 0, 0.35) !important
}
#multiscroll .button a, .button a {
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#295dec', endColorstr='#2eb9cb', GradientType=1 )
}
#multiscroll .button a:hover {
	color: #F9F9F9
}
#menuancher li {
	list-style: none;
	background-color: #ffffffd4;
	border-radius: 3px;
	width: 52px;
	height: 52px;
	border: 1px solid #fff;
	padding-top: 10px;
	float: left;
	margin-right: 3px;
	-webkit-box-shadow: 0 9px 8px -6px black;
-moz-box-shadow: 0 9px 8px -6px black;
box-shadow: 0 9px 8px -6px #220a61;
}

.lastdown {
	list-style: none;
	background-color: #fff;
	display: block;
	margin-bottom: 16px;
	width: 52px;
	height: 52px;
	border: 1px solid #fff;
	padding-top: 10px;
	border-radius: 3px;
	color: #16d0c5;
	border: 1px solid #ddd !important;
		-webkit-box-shadow: 0 9px 8px -6px black;
-moz-box-shadow: 0 9px 8px -6px black;
box-shadow: 0 9px 8px -6px #220a61;
}
.mouse {
	position: absolute;
	left: 50%;
	bottom: 20px;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	z-index: 98
}
.downonly {
	cursor: pointer;
	font-size: 15px
}
.mouse div {
	display: inline-block;
	color: #0481b3;
	border-color: -moz-linear-gradient(left, #0098d4 0, #06babf 50%, #0098d4 100%);
	border-color: -webkit-linear-gradient(left, #0098d4 0, #06babf 50%, #0098d4 100%);
	border-color: linear-gradient(to right, #0098d4 0, #06babf 50%, #0098d4 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098d4', endColorstr='#0098d4', GradientType=1 );
	position: relative;
	border-radius: 50px
}
@-webkit-keyframes mouse-animate {
form {
-webkit-transform:translateY(0)
}
to {
	-webkit-transform: translateY(15px)
}
}
@keyframes mouse-animate {
form {
transform:translateY(0)
}
to {
	transform: translateY(15px)
}
}
.mouse i {
	display: block;
	margin-top: -9px;
	font-size: 30px;
	-webkit-animation: mouse-animate 1.2s alternate infinite;
	animation: mouse-animate 1.2s alternate infinite;
	text-align: center;
	font-weight: 300
}
.custom_1421392182734 {
	padding-bottom: 0!important
}
#mainhometabs .nav-tabs>li>a {
	background: 0 0;
	color: #9ABAFE
}
#mainhometabs .sectionheader {
	color: #51239f !important;
	text-align: center;
	font-family: Source Sans Pro, sans-serif;
	font-weight: 500
}
.serviceBg {
	background-repeat: no-repeat;
	background-position: center top
}
.serviceBg h5 {
	margin-top: 0px
}
.mainImgwrap {
	background-image: url(../images/application-management-services.jpg);
	background-repeat: no-repeat;
	min-height: 486px;
	width: 486px;
	background-position: center center
}
.modal .modal-content .modal-header .modal-title{width: 100%;}
.modal-header .close {position: absolute; right: 16px;}
.modal.fade .modal-dialog{transform:none !important;}
.modal-dialog{ max-width:500px}
.digital-mainImgwrap {
	background-image: url(../images/digital-services.jpg);
	background-repeat: no-repeat;
	min-height: 486px;
	width: 486px;
	background-position: center center
}
.database-mainImgwrap {
	background-image: url(../images/database-management.jpg);
	background-repeat: no-repeat;
	min-height: 486px;
	width: 486px;
	background-position: center center
}
.operation-mainImgwrap {
	background-image: url(../images/operation-services.jpg);
	background-repeat: no-repeat;
	min-height: 486px;
	width: 486px;
	background-position: center center
}
.system-mainImgwrap {
	background-image: url(../images/system-integration.jpg);
	background-repeat: no-repeat;
	min-height: 486px;
	width: 486px;
	background-position: center center
}
.noPadding {
	padding: inherit!important
}
#serviceswrap .tab-content {
	margin: 78px auto
}
#serviceswrap .section-content-holder {
	background: #eee;
	width: auto
}
#serviceswrap.content-wrapper {
	padding: 0 60px
}
#serviceswrap .service-holder {
	display: inline-block;
	width: 49.7222%;
	padding: 20px 20px 5px;
	border-bottom: #fff 1px solid;
	border-right: 1px solid #fff
}
#serviceswra .service-holder:nth-child(odd) {
	border-right: inherit
}
#serviceswrap .serviceIcon {
	text-align: center
}
#serviceswrap .service-holder img {
	width: auto;
	height: auto
}
.service-content-holder {
	height: 220px;
	padding-top: 4px
}
#serviceswrap .service-title {
	font-size: 20px;
	padding: 19px;
	text-align: center;
	color: #282828;
	font-weight: 700
}
.learnmore {
	text-align: right;
	font-weight: 300;
	font-size: 15px;
	margin-top: 27px
}
#mainhometabs .nav-tabs, .industries-card, .sectionheader {
	text-align: center
}
.learnmore a:link, .learnmore a:visited {
	color: #8d8d8d;
	font-weight: 300
}
.learnPlus {
	font-size: 24px;
	float: right;
	position: relative;
	top: -7px;
	color: #128ad7
}
.services-titlebox {
/*background-color:rgba(18,138,215,0.96);*/
width: 90%;
height: 260px;
position: absolute;
right: -3%;
bottom: -7%;
background: -webkit-radial-gradient(top left,circle,#4a42ec 0%,#521d91 100%);
background: radial-gradient(circle at top left,
#4a42ec 0%,
#521d91 100%);
    background-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
background-color:
#521d91;
box-shadow: 0 48px 48px -32px
rgba(23,16,159,.2),0 96px 96px -64px rgba(23,16,159,.4);
}
#mainhometabs {
/*	background: #1087d8;
	background: -moz-linear-gradient(left, #1087d8 0, #236ae7 77%, #5d55f7 100%);
	background: -webkit-linear-gradient(left, #1087d8 0, #236ae7 77%, #5d55f7 100%);
	background: linear-gradient(to right, #1087d8 0, #236ae7 77%, #5d55f7 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1087d8', endColorstr='#5d55f7', GradientType=1 );*/
	min-height: 147px;
	padding-top: 40px
}
#mainhometabs p {
	color: #fff
}
#mainhometabs .nav-tabs>li {
	display: inline-block;
	margin: 0 auto;
	width: 20%;
	font-size: 18px;
	font-family: Source Sans Pro, sans-serif;
	line-height: normal;
	
}
#mainhometabs li:nth-child(4), #mainhometabs li:nth-child(5){line-height: 42px;}
.fa-blogger:before {
	content: "f37c"
}
#mainhometabs span.digital, #mainhometabs span.home {
	display: block;
	background-position: left top;
	width: 41px;
	height: 41px;
	margin: 0 auto
}
#mainhometabs .nav-tabs{ margin-bottom:15px;}
#mainhometabs .nav-tabs>li.active>a, .nav-tabs>li.active>.nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover {
	font-size: 20px;
	color: #fff;
	border: none!important;
	background-color: inherit
}
#mainhometabs .nav-tabs>li.active {
	border-bottom: 4px solid #52e8ba!important;
	position: relative;
	box-shadow: none
}
#mainhometabs .nav-tabs>li:last-child {
	border-right: none
}
#mainhometabs .nav-tabs>li>a {
	font-size: 20px;
	border: none;
	padding: 10px 19px;
	font-weight: 700;
	letter-spacing: normal
}
#mainhometabs span:before {
	display: block;
	width: 50px;
	height: 50px;
	border: 1px solid #090
}
#mainhometabs span {
	margin: 3px 10px 0px 10px!important;
	float:left;
}
#mainhometabs span.database, #mainhometabs span.operation, #mainhometabs span.system, #mainhometabs span.solutions {
	display: block;
	background-position: left top;
	width: 41px;
	height: 41px;
	margin: 0 auto;
	float:left;
}
#mainhometabs span.solutions {
	background-image: url(../images/solutions.png);
	background-repeat: no-repeat;
	margin-left: 37px !important;
}
#mainhometabs span.database {
	background-image: url(../images/database-management.png);
	background-repeat: no-repeat
}
#mainhometabs span.operation {
	background-image: url(../images/operation-services.png);
	background-repeat: no-repeat
}
#mainhometabs span.system {
	background-image: url(../images/platforms.png);
	background-repeat: no-repeat;
	margin-left: 33px !important
}
#mainhometabs span.home {
	background-image: url(../images/application-management.png);
	background-repeat: no-repeat
}
#mainhometabs span.digital {
	background-image: url(../images/digital-services.png);
	background-repeat: no-repeat
}
#mainhometabs .resp-tab-active span.home, #mainhometabs .resp-tab-active span.digital, #mainhometabs .resp-tab-active span.database, #mainhometabs .resp-tab-active span.operation, .mainhometabs .resp-tab-active span.system, #mainhometabs .resp-tab-active span.system, #mainhometabs .resp-tab-active span.solutions {
	background-position: 0px -41px
}
.resp-tabs-list li:nth-child(4), .resp-tabs-list li:nth-child(5){ line-height:40px}
#mainhometabs .nav-tabs>li:hover {
	color: #000;
}
.pageNo {
	font-size: 120px;
	letter-spacing: -14px
}
#industriesbox {
	position: relative
}
blockquote {
	border-left: none
}
.card-one {
	background: #04b9ad;
	background: -moz-linear-gradient(left, #04b9ad 0, #04b4b0 50%, #04c1a8 100%);
	background: -webkit-linear-gradient(left, #04b9ad 0, #04b4b0 50%, #04c1a8 100%);
	background: linear-gradient(to right, #04b9ad 0, #04b4b0 50%, #04c1a8 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#04b9ad', endColorstr='#04c1a8', GradientType=1 )
}
.mrgbtm30 {
	margin-bottom: 30px
}
.servBlue {
    color: #4bb9ff;
    position: absolute;
    top: -90px;
    right: 61px;
}
#mainMenu-trigger .closeMenu{ display:none}
#mainMenu-trigger .toggle-active .lines{ display:none!important;}
#mainMenu-trigger .toggle-active .closeMenu{display: block !important;
font-weight: 400;
font-size: 20px;
color: #000; transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86);}

.detailBtn {
	font-size: 16px;
	padding: 18px 25px;
	border-radius:3px;
}
.btn-detail-ligthBlue {
	color: #fff!important;
	border: 1px solid #95d6ff;
	
}
.fltright {
	float: right
}
.fltleft {
	float: left
}
.box-title {
font-size: 26px;
color: #fff;
margin: 60px 34px auto;
font-weight: 600;
line-height: 34px;
}
.serv-btnposition {
	position: absolute;
	bottom: 30px;
	right: 30px
}
.box-title span {
	font-weight: 300
}
#industriesbox .industries-titlebox {
	background: #04b9ad;
	/*background: -moz-linear-gradient(top, #04b9ad 0, #04b4b0 50%, #04c1a8 100%);
	background: -webkit-linear-gradient(top, #04b9ad 0, #04b4b0 50%, #04c1a8 100%);
	background: linear-gradient(to bottom, #04b9ad 0, #04b4b0 50%, #04c1a8 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#04b9ad', endColorstr='#04c1a8', GradientType=0 );*/
background: -webkit-radial-gradient(top left,circle,#4a42ec 0%,#521d91 100%);
background: radial-gradient(circle at top left,
#4a42ec 0%,
#521d91 100%);
    background-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
background-color:#521d91;
box-shadow: 0 48px 48px -32px
rgba(23,16,159,.2),0 96px 96px -64px rgba(23,16,159,.4);
left: -3%;
bottom: -10%;
width: 82%;
height: 284px;
position: absolute;
right: -3%;
bottom: -7%;
}
#industriesbox .mainImgwrap {
	background-image: url(../images/industries-we-serve.jpg);
	background-repeat: no-repeat;
	min-height: 486px;
	width: 486px;
	background-position: center center;
	float: right
}
.btn-detail-ligthgreen {
	color: #fff!important;
	border: 1px solid #cafffe
}
.industries-card {
	position: relative;
	color: #fff;
	font-size: 20px;
	padding: 17px;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 20px 20px 24px rgba(0,0,0,.2);
	-webkit-box-shadow: 20px 20px 24px rgba(0,0,0,.2);
	-moz-box-shadow: 20px 20px 24px rgba(0,0,0,.2);
	height: 158px;
	background-color: #ededed
}
/*.card {
	border-radius: 5px;
	transition: all 0.2s ease;
	background-color: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.07);
	height: 100%;
	overflow:hidden;
}*/
.list-icon.list-icon-colored li:before, .list-icon.icon-list-colored i {  color:#51239f;}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
   
}

.h-100 {
    height: 100% !important;
}
.py-2 {
    padding-top: .5rem !important;
}

.card.pd-RL36 {
	margin-right: 0;
	margin-left: 0
}
.lineBg {
	background-image: url(../images/line2.png);
	background-repeat: no-repeat;
	background-position: right bottom
}
.card-deck {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px
}
.card-alt {
	background: #05a5b7;
	background: -moz-linear-gradient(left, #05a5b7 0, #0a82bb 100%);
	background: -webkit-linear-gradient(left, #05a5b7 0, #0a82bb 100%);
	background: linear-gradient(to right, #05a5b7 0, #0a82bb 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#05a5b7', endColorstr='#0a82bb', GradientType=1 )
}
.industries-card h2 {
	color: #3b3b3b;
	font-size: 20px;
	font-weight: 700
}
.sectionheader {
	margin-bottom: 22px!important;
	font-family: Source Sans Pro, sans-serif;
	color: #333;
	font-size: 36px;
	font-weight: 500;
	line-height: 48px
}
.demo-1 {
	left: 0px
}
.footer, .footer a {
	color: #8d8d8d!important;
	font-size: 16px
}
.footer, .footer a:hover {
	color: #333!important
}
.pdTB40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important
}
.intro h1 {
	line-height: 59px;
	font-weight: 700;
	font-size: 48px;
	font-family: "Louis_George_Cafe"!important;
	font-weight: 700;
letter-spacing: 0em;
line-height: 1.23;
color: #51239f !important;
}
.intro p {
	color: #fff
}
.lessheightClass {
	height: 350px!important
}
.innerHeaders h1 {
	color: #FFF;
	font-size: 35px
}
.hide-div {
	display: none!important
}
#multiscroll-nav .multiscroll-tooltip {
	display: block
}
.spacer .testimonial.testimonial-single .testimonial-item {
	background-color: #fff
}
#postBlog .portfolio-item .portfolio-item-wrap {
	overflow: inherit
}
.boxWrap {
	background-color: rgb(255,255,255);
	background-attachment: fixed;
	text-align: left;
	height: inherit!important;
	overflow: hidden;
	height: 535px!important
}
.minHgt200 {
	min-height: 200px
}
.services-titlebox a:focus, .services-titlebox a:hover {
	color: #23527c;
	text-decoration: underline
}
.icon-box-content {
	margin-left: 60px;
	display: inherit;
	margin-bottom: 10px;
	margin-bottom: 10px;
    height: 237px;
	background-color:
rgb(255, 255, 255);
box-shadow:
rgb(242, 242, 247) 10px 10px 0px 0px;
border-style: solid;
border-width: 1px;
border-color:
rgb(242, 242, 247);
padding: 30px;
    padding-left: 30px;
min-height: 130px;
transition: all 700ms ease 0s;
margin: 0px;
padding: 20;
padding-left: 70px;
}

#analyticsFeature .icon-box h3 {
	font-weight: 600;
	margin: 10px 12px 0px 64px
}
#analyticsFeature .icon-box.medium>p {
	margin: 20px 0 0px 64px;
	padding-top: 0px;
	font-size: 16px;
}
#analyticsFeature .icon-box {
    margin-bottom: 25px;

}

#analyticsFeature .icon-box, #analyticsFeature .icon-box {
	
	min-height: 227px;
}
.overflowVisible {
	overflow: visible
}
.lightSeaBlue {
	color: rgb(35,168,218)!important
}
.mediumRed {
	color: rgb(231, 76, 60)!important
}
.icon-box i:after {
	box-shadow: 0 0 0 3px rgb(35, 168, 218)
}
.icon-box.border .icon {
	border: 3px solid #23a8da
}
#solutions h2 {
	margin-bottom: 20px
}
.textLeft {
	text-align: left
}
.textCenter {
	text-align: center
}
.divider-elm {
	margin-top: 20px;
	margin-bottom: 20px;
	height: 1px;
	/*background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), #e8e8e8, rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), #e8e8e8, rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), #e8e8e8, rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), #e8e8e8, rgba(0,0,0,0));*/
	width: 100%
}
.main-heading {
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #222
}
.box-text {
	font-size: 17px;
	line-height: 22px;
	font-weight: 400px;
	margin-top: 10px;
	color: #414141;
	text-align: justify
}

.animated-arrow {
	padding: 10px 0px
}
.the-arrow {
	width: 35px;
	transition: all 0.2s
}
.the-arrow.-left {
	position: absolute;
	top: 60%;
	left: 0
}
.the-arrow.-left>.shaft {
	width: 0;
	background-color: #069DC5
}
.the-arrow.-left>.shaft:before, .the-arrow.-left>.shaft:after {
	width: 0;
	background-color: #069DC5
}
.the-arrow.-left>.shaft:before {
	-webkit-transform: rotate(0);
	transform: rotate(0)
}
.the-arrow.-left>.shaft:after {
	-webkit-transform: rotate(0);
	transform: rotate(0)
}
.the-arrow.-right {
	top: 4px
}
.the-arrow.-right>.shaft {
	width: 35px;
	transition-delay: 0.2s
}
.the-arrow.-right>.shaft:before, .the-arrow.-right>.shaft:after {
	width: 8px;
	transition-delay: 0.6s;
	transition: all 0.8s
}
.the-arrow.-right>.shaft:before {
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg)
}
.the-arrow.-right>.shaft:after {
	-webkit-transform: rotate(-40deg);
	transform: rotate(-40deg)
}
.the-arrow>.shaft {
	background-color: #069DC5;
	display: block;
	height: 1px;
	position: relative;
	transition: all 0.6s;
	transition-delay: 0.1;
	will-change: transform
}
.the-arrow>.shaft:before, .the-arrow>.shaft:after {
	background-color: #069DC5;
	content: '';
	display: block;
	height: 2px;
	position: absolute;
	top: -1px;
	right: 0;
	transition: all 0.6s;
	transition-delay: 0.1
}
.the-arrow>.shaft:before {
	-webkit-transform-origin: top right;
	transform-origin: top right
}
.the-arrow>.shaft:after {
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right
}
.animated-arrow1 {
	display: inline-block;
	color: #333 !important;
	font-size: 15px;
	text-decoration: none;
	transition: all 0.6s;
	margin-top: 20px;
	font-weight: 600;

}
.animated-arrow {
	display: inline-block;
	color: #333 !important;
	font-size: 15px;
	text-decoration: none;
	position: absolute;
	transition: all 0.6s;
	margin-top: 20px;
	font-weight: 600;
	bottom: 15px;
}
.animated-arrow:hover {
	color: #eaeaea
}
.animated-arrow:hover>.the-arrow.-left>.shaft {
	width: 64px;
	transition-delay: 0.1s;
	background-color: #069DC5
}
.animated-arrow:hover>.the-arrow.-left>.shaft:before, .animated-arrow:hover>.the-arrow.-left>.shaft:after {
	width: 8px;
	transition-delay: 0.1s;
	background-color: #069DC5
}
.animated-arrow:hover>.the-arrow.-left>.shaft:before {
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg)
}
.animated-arrow:hover>.the-arrow.-left>.shaft:after {
	-webkit-transform: rotate(-40deg);
	transform: rotate(-40deg)
}
.animated-arrow:hover>.main {
	-webkit-transform: translateX(80px);
	transform: translateX(80px)
}
.animated-arrow:hover>.main>.the-arrow.-right>.shaft {
	width: 0;
	-webkit-transform: translateX(200%);
	transform: translateX(200%);
	transition-delay: 0
}
.animated-arrow:hover>.main>.the-arrow.-right>.shaft:before, .animated-arrow:hover>.main>.the-arrow.-right>.shaft:after {
	width: 0;
	transition-delay: 0;
	transition: all 0.1s
}
.animated-arrow:hover>.main>.the-arrow.-right>.shaft:before {
	-webkit-transform: rotate(0);
	transform: rotate(0)
}
.animated-arrow:hover>.main>.the-arrow.-right>.shaft:after {
	-webkit-transform: rotate(0);
	transform: rotate(0)
}
.animated-arrow1>.main {
	display: flex;
	align-items: center;
	transition: all 0.6s
}
.animated-arrow>.main {
	display: flex;
	align-items: center;
	transition: all 0.6s
}
.animated-arrow > .main > .text {
    margin: 6px 10px 0 0;
    line-height: 1;
    font-size: 15px;
    font-weight: 401;
	letter-spacing: 1px;
}
#testimonials .owl-carousel:hover .owl-next{right: -39px;}
.animated-arrow>.main>.the-arrow {
	position: relative
}
.grid-active-title {
	font-size: 40px
}
.mainheading-line {
	margin-top: 8px;
	margin-bottom: 25px;
	border-bottom: 2px solid #0397ff;
	width: 40px
}
.background-fixed {
	background-attachment: fixed
}
.sec-hd {
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #222
}
.sec-sub-hd {
	width: 50%;
	border-top-color: #eee;
	border-top-style: solid;
	color: #999;
	background-color: #fff
}
.custom_1421392182734 {
	border-top: 1px solid #eeeeee!important;
	padding-top: 80px !important;
	padding-bottom: 80px !important
}
.custom_1421026931181 {
	padding-top: 0px !important;
	padding-bottom: 70px !important
}
.custom_1534778599369 {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
	background-image: url(../images/counter_bg.jpg?id=5690) !important
}
.custom_1432189269778 {
	/*border: 1px solid #eeeeee!important;*/
	padding:0 2%;
}
.custom_1432189260622 {
	/*border: 1px solid #eeeeee!important;*/
	border-left: none!important;
	padding: 0 2%;
}
.custom_1421392182734 {
	/*border-top: 1px solid #eeeeee!important;*/
	padding-top: 80px !important;
	padding-bottom: 80px !important
}
ul.resp-tabs-list, p {
	margin: 0px;
	padding: 0px
}
.resp-tabs-list li {
	font-weight: 600;
	font-size: 13px;
	display: inline-block;
	padding: 13px 15px;
	margin: 0;
	list-style: none;
	cursor: pointer;
	float: left
}
.resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	clear: left
}
h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none
}
.resp-tab-content {
	display: none
}
.resp-tab-active {
	border-bottom: none;
	margin-bottom: -1px !important;
	padding: 12px 14px 14px 14px !important
}
.resp-tab-active {
	border-bottom: none
}
.resp-content-active, .resp-accordion-active {
	display: block
}
h2.resp-accordion {
	font-size: 15px;
	border: 1px solid #c1c1c1;
	border-top: 0px solid #c1c1c1;
	margin: 0px;
	padding: 24px 0px 24px 61px !important
}
h2.resp-tab-active {
	border-bottom: 3px solid #167edd !important;
	margin-bottom: 0px !important;
	padding: 24px 0px 24px 61px !important
}
h2.resp-tab-title:last-child {
	border-bottom: 12px solid #c1c1c1 !important;
	background: blue
}
.resp-vtabs ul.resp-tabs-list {
	float: left;
	width: 30%
}
.resp-vtabs .resp-tabs-list li {
	display: block;
	padding: 15px 15px !important;
	margin: 0;
	cursor: pointer;
	float: none
}
.resp-vtabs .resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	border: 1px solid #c1c1c1;
	float: left;
	width: 68%;
	min-height: 250px;
	border-radius: 4px;
	clear: none
}
.resp-vtabs .resp-tab-content {
	border: none
}
.resp-vtabs li.resp-tab-active {
	border: 1px solid #c1c1c1;
	border-right: none;
	background-color: #fff;
	position: relative;
	z-index: 1;
	margin-right: -1px !important;
	padding: 14px 15px 15px 14px !important
}
.resp-arrow {
	width: 0;
	height: 0;
	float: right;
	margin-top: 4px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #c1c1c1;
	margin-right: 12px
}
h2.resp-tab-active span.resp-arrow {
	border: none;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 12px solid #9B9797
}
h2.resp-tab-active {
	background: #E6F9FF !important;
	color: #0663ad;
	font-size: 15px
}
.resp-easy-accordion h2.resp-accordion {
	display: block
}
.resp-easy-accordion .resp-tab-content:last-child {
	border-bottom: 1px solid #c1c1c1 !important
}
.resp-jfit {
	width: 100%;
	margin: 0px
}
.resp-tab-content-active {
	display: block;
	padding: 36px 0px 0px 0px
}
h2.resp-accordion:first-child {
	border-top: 1px solid #c1c1c1 !important
}
#mobileSlider {
	display: none
}
#div1{  width:100%; height:100%; position:absolute; background-image:url(../images/technologybanner1.jpg); z-index:9; background-size: cover;}
#div1 .center{height: 200px;
width: 70%;
right: 0;
top: 0;
bottom: 0;
left: 0;
margin: auto;
position: absolute;
z-index: 5; text-align:center}
#div1 .center p{ color:#fff; margin-bottom:40px; margin-top:20px; font-size: 23px;}
#div1 h1{white-space: normal;
	font-size: 52px;
	line-height: 65px;
font-weight: 700;
color:rgb(255, 255, 255);
letter-spacing: 0px;
visibility: inherit;
text-align: center;
text-shadow: 1px 2px 1px #7f8fff;
font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
}

h2.resp-accordion .home {
	width: 41px;
	height: 41px;
	background-image: url(../images/application-management.png);
	display: inline-block;
	position: absolute;
	left: 27px;
	margin-top: -10px
}
h2.resp-accordion .digital {
	display: inline-block;
	position: absolute;
	left: 27px;
	width: 41px;
	height: 41px;
	background-image: url(../images/digital-services.png);
	margin-top: -12px
}
h2.resp-accordion .database {
	display: inline-block;
	position: absolute;
	left: 27px;
	width: 41px;
	height: 41px;
	background-image: url(../images/database-management.png);
	margin-top: -12px
}
h2.resp-accordion .solutions {
	display: inline-block;
	position: absolute;
	left: 27px;
	width: 41px;
	height: 41px;
	background-image: url(../images/solutions.png);
	margin-top: -12px
}
h2.resp-accordion .operation {
	display: inline-block;
	position: absolute;
	left: 27px;
	width: 41px;
	height: 41px;
	background-image: url(../images/operation-services.png);
	margin-top: -12px
}
h2.resp-accordion .system {
	display: inline-block;
	position: absolute;
	left: 27px;
	width: 41px;
	height: 41px;
	background-image: url(../images/platforms.png);
	margin-top: -12px
}
.resp-accordion h5 {
	font-size: 15px
}
#mainhometabs .resp-tab-item {
	font-size: 17px;
	color: #6F6F6F;
	border: none !important;
	background-color: inherit;
	text-align:left;
}
#mainhometabs .nav-tabs>li.resp-tab-active {
	border-bottom: 6px solid #52e8ba !important;
	position: relative;
	box-shadow: none;
	color: #000;

}
.clients.grid-layout-4-1 .client-item, .clients.grid-layout-4-2 .client-item {
	width: 25%;
	float: left
}
.client-item {
	position: relative
}

.section img {
	margin: 0px auto
}
.client-item img {
	width: 100%;
	height: auto
}
.client-item.with-hover .img-hover {
	opacity: 1;
}
.caseStudyBox{border-radius:0px;}
.section img {
	margin: 0px auto
}
.client-item img {
	width: 100%;
	height: auto
}
.section img {
	margin: 0px auto
}
.carousel-layout .client-item .border-right, .clients.grid-layout .client-item .border-right {
	position: absolute;
	top: 5%;
	right: 0;
	height: 90%;
	width: 1px;
	display: block;
	background-color: rgba(0,0,0,.2)
}
.section span, p img {
	display: inline-block
}
.bgline {
	background-color: rgba(0,0,0,0.06) !important
}
.clients.grid-layout .client-item .border-bottom {
	position: absolute;
	right: 5%;
	bottom: 0;
	width: 90%;
	height: 1px;
	display: block;
	background-color: rgba(0,0,0,.2)
}
.form-control, textarea {
	padding: 10px 16px;
	border-radius: 5px;
	border: 1px solid #ececec;
	transition: all .3s ease;
	font-size: 1rem
}
.mainHeadingPd {
	padding-top: 80px !important;
	padding-bottom: 35px !important;
	
}
.item p:nth-child(2) {
	display: none
}
.bgfixed {
	background-attachment: fixed;
	text-align: left
}
.bgfixedcenter {
	background-attachment: fixed;
	text-align: center
}
.custom_1421185252533 {
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #222;
	margin-bottom: 6px !important
}
.sepWidth {
	border-top-color: #ececec;
	border-top-style: solid;
	width:50%
}
.abbr {
	color: #999;
	background-color: #fff
}
.dividerline {
	margin-top: 8px!important;
	margin-bottom: 25px!important;
	border-bottom: 2px solid #0397ff!important;
	width: 40px !important;
	clear: both;
	display: block
}
.caseStudiesh4 {
	font-size: 12px;
	line-height: 22px;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #222
}
.bglue {
	background-color: #0397ff
}
.bgGray {
	background-color: #2a2a2a
}
.ctaTxt {
	font-size: 16px;
	line-height: 26px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff
}
.btnCta-main {
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	padding: 16px 34px;
	border: 2px solid rgb(3,151,255);
	border-radius: 0px;
	color: rgb(255,255,255);
	background-color: rgb(3,151,255);
	border-color: #0397ff;
	color: #fff;
	background-color: #0397ff
}
.btnCta-main:hover {
	color: #f7c882;
	background-color: #222;
	border-color: #222
}
.padding45 {
	padding-top: 45px !important;
	padding-bottom: 45px !important
}
.paddingBtm80 {
	padding-bottom: 80px
}
.minheight460 {
	min-height: 460px
}
.hideOverflow {
	overflow: hidden
}
#postBlog .post-cate {
	background-color: #2250fc;
	font-size: 13px;
	padding: 2px 16px;
	border-radius: 50px;
	position: absolute;
	right: 10px;
	top: 11px;
	z-index: 3;
	margin-right: 0
}
.post-cate a {
	color: #fff!important
}
#postBlog .post-item, #postBlog .post-item-description, #postBlog .post-meta-date {
    color: #8E8E8E;
    position: relative;
    font-size: 15px;
    margin-right: 20px;
}
#postBlog .post-item-description > h2 {
    line-height: 27px !important;
    margin-top: 5px;
}
#postBlog .post-item-description>h2>a {
	font-size: 16px;
	line-height: 0px;
	margin-bottom: 0px;
	color: #444;
}
.post-meta-date i{margin-right:5px}
#postBlog .post-item-wrap {
	border: 1px solid #f2f2f2
}
#postBlog .post-item, #postBlog .post-item-description, #postBlog .post-meta-comments i {
	margin-right: 4px !important
}
#postBlog .post-item-description {
	padding: 24px !important;
	width: 100% !important;
	-webkit-box-shadow: 0px 23px 49px rgba(33, 54, 61, 0.1);
	box-shadow: 0px 23px 49px rgba(33, 54, 61, 0.1)
}
#postBlog .post-image {
	margin-bottom: 0px
}
.headerCenter {
	margin: 20px auto 0!important;
	left: 0px;
	right: 0px!important;
	position: absolute!important;
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.06);
	box-shadow: 0 10px 20px rgba(0,0,0,0.06)
}
#header .sticky-active {
	transition: all .75s ease!important
}
.bgline {
	background-color: rgba(0,0,0,0.06)!important
}
.headerBlue {
	background-color: #039
}
.arVrTxtBg {
	background-color: #030031
}
.custom-font .custom-font-element {
	display: inline-block
}
.custom-font-3 {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.24s ease-in-out;
	-moz-transition: opacity 0.24s ease-in-out;
	transition: opacity 0.24s ease-in-out
}
.wpb_wrapper {
	position: relative;
	z-index: 60
}
.custom-single-image .custom-font-element a:link {
	font-size: 16px;
	font-family: Source Sans Pro, sans-serif;
	font-weight: 600
}
.custom-single-image .za-single-image .single-image-inner a {
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 1px solid #ddd
}
.custom-single-image .za-single-image .single-image-inner a:hover {
	border: 1px solid #128ad7;
	background-color: #f5f5f5
}
.custom-single-image .za-single-image .single-image-inner a img {
	padding-top: 24px
}
.font12 {
	font-size: 12px
}
.lessheightClass.innerHeader {
	height: auto !important;
/*	background: #12438f;
	background: -moz-linear-gradient(45deg, #12438f 0%, #2dcabd 100%);
	background: -webkit-linear-gradient(45deg, #12438f 0%, #2dcabd 100%);
	background: linear-gradient(45deg, #12438f 0%, #2dcabd 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#12438f', endColorstr='#2dcabd', GradientType=1 )*/
background: -webkit-radial-gradient(top left,circle,#4a42ec 0%,#521d91 100%);
background: radial-gradient(circle at top left, #4a42ec 0%, #521d91 100%);
background-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
background-color:#521d91;
box-shadow: 0 8px 8px -32px rgba(23,16,159,.2),0 6px 6px -4px rgba(23,16,159,.4);
}
.techImgBG .column_container>.vc_column-inner {
	width: auto
}
.techImgBG .vc_column_container.boxBorder > .vc_column-inner:after, .techImgBG .vc_column_container.boxBorder>.vc_column-inner:before {
	content: "";
	position: absolute;
	background: rgba(255, 255, 255, 0.3)
}
.techImgBG .vc_column_container.boxBorder>.vc_column-inner:after {
	width: 1px;
	height: 300px;
	right: 0px;
	top: 0
}
.techImgBG .vc_column_container.boxBorder.noneRight>.vc_column-inner:after {
	width: 0
}
.techImgBG .vc_column_container.boxBorder>.vc_column-inner:before {
	height: 1px;
	width: 100%;
	left: 50%;
	bottom: 0;
	max-width: 304px;
	transform: translateX(-50%)
}
.techImgBG .vc_column_container.boxBorder.noneBottom>.vc_column-inner:before {
	height: 0
}
.noneBottom .column-inner:before, .noneRight .column-inner:after {
	background: none!important
}
.autoParrlaxBg {
	background-image: url(../images/home-bussines-04.jpg)
}
.za-image-box .front-content {
	padding: 13% 12%;
	opacity: 1;
	transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-webkit-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out
}
.parrlaxBgposition {
	background-position: right top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align: center;
	height: 809px
}
.parallax-bg, .parallax-bg-header, .parallax-content {
	background-attachment: fixed!important;
	background-repeat: no-repeat
}
.custom_1543215972317 {
	padding-top: 14px !important
}
#voisof .nav-tabs>li>a:hover {
	font-size: 16px!important
}
#voisof .tab-content .show {
	opacity: 1!important
}
#mainMenu nav>ul>li.dropdown>.menu-full {
	width: 100%!important
}
#mainMenu nav>ul>li.mega-menu-item>.menu-full {
	width: 100%!important
}
.grayBg {
	background-color: #f6f9fb
}
#contactMain h3 {
	margin-top: 30px;
	margin-bottom: 0px
}
.region {
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #888
}
#contactMain h4 {
	text-align: left
}
#contactMain .txtInput {
	width: 100%
}
.m-t-50 {
	margin-top: 50px!important
}
.m-t-10 {
	margin-top: 10px!important
}
.m-t-40 {
	margin-top: 40px!important
}
.m-bt-60 {
	margin-bottom: 60px!important
}
.m-bt-0 {
	margin-bottom: 0px!important
}
.m-bt-10 {
	margin-bottom: 10px!important;
	
}
.m-bt-20 {
	margin-bottom: 20px!important;
	
}
.m-bt-30 {
	margin-bottom: 30px!important;
	margin-top: 30px!important
}
.m-bt-40 {
	margin-bottom: 40px!important;
	
}
.za-blueBtn {
	font-size: 16px!important;
	letter-spacing: 2px!important;
	padding: 16px 32px!important;
	border: 2px solid rgb(30,115,190)!important;
	border-radius: 0px!important;
	color: rgb(30,115,190)!important;
	background-color: rgb(255,255,255)!important
}
.login-field {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	width: 100%;
	margin-bottom: 20px
}
.resumeCta .za-btn {
	margin: 0px
}
/*.resumeCta {
	background-color: #1e73be;
	padding-top: 45px !important;
	padding-bottom: 45px !important
}*/
.resumeCta h4 {
	text-align: left!important;
	color: #fff!important;
	float: left
}
.corevalueBox {
	min-height: 170px;
	margin-bottom: 20px;
	padding: 20px 28px
}
.form-row {
	margin-right: -15px;
	margin-left: -15px
}
.mBt20 ul.list-icon {
	margin-bottom: 20px
}
.bglightBlue {
	background-color: #f6f9fb
}
.za-image-box .front-content h2 {
	font-size: 42px;
	color: #fff
}
#contactform .form-control-lg {
	width: 100%;
	padding: 11px 20px
}
.za-image-box .front-content p, .za-image-box .front-content li a {
	color: #fff
}
.darkli .list-icon-colored li:before, darkli .icon-list-colored i {
	color: #FFF!important
}
.solutionView .za-custom-icon img {
max-height: 100px;
width: inherit !important;
border: none;
border-radius: inherit !important;
	
}
.sib_wrap2 .sib_lt {
	float: left;
	width: 50%;
	position: absolute;
	left: 0;
	top: -60px;
	bottom: 60px;
	background-position: center;
	padding: 40px;
	visibility: visible;
	background-attachment: inherit !important
}
.sib_wrap2 .sib_right {
	background: #f2f2f2;
	opacity: .95;
	padding: 60px 80px;
	float: right;
	z-index: 1
}
.sib_wrap2 .sib_rt {
	float: right;
	width: 50%;
	position: absolute;
	right: 0;
	top: -60px;
	bottom: 60px;
	background-position: center;
	padding: 40px;
	visibility: visible;
	background-attachment: inherit !important
}
.sib_wrap2 .sib_left {
	background: #f2f2f2;
	background-attachment: scroll;
	opacity: .95;
	padding: 60px 80px;
	float: left;
	z-index: 1
}
.ht382 {
	height: 382px
}
#header .progress-container {
	width: 100%;
	height: 4px;
	background: #ccc;
	overflow: hidden
}
#header .progress-bar {
	height: 4px;
	background: #4caf50;
	width: 0%
}
.showwhite {
	display: block;	
}
.logodark {
	display: none;	
}


.sticky-active .header-inner .progress-container {
	display: block
}
.device-mockup[data-device="iphone6"], .device-mockup[data-device="iphone6"][data-orientation="portrait"] {
	padding-bottom: 200.477897%
}
.device-mockup {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 61.775701%
}
.icon-box .icon a {
	cursor: inherit!important
}
.device-mockup[data-device="iphone6"][data-color="white"]>.device, .device-mockup[data-device="iphone6"][data-orientation="portrait"][data-color="gold"]>.device {
	background-image: url(../images/iphone_6_port_gold.png)
}
.device-mockup>.device {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url(../images/mockups/macbook/macbook.png)
}
.device-wrap {
	padding: 0px 50px 60px 0px!important;
	text-align: left
}
.device-wrap1 {
	padding: 0px 0px 60px 50px!important;
	text-align: left
}
.pageSep {
	border-top: 1px solid #eee !important
}
.pd-t-b60 {
	padding-top: 60px;
	padding-bottom: 60px
}
.device-mockup>.device>.screen {
	position: absolute;
	top: 12.030%;
	bottom: 12.675%;
	left: 5.364%;
	right: 5.364%;
	overflow: hidden
}
.device-mockup .screen .owl-carousel, .device-mockup .screen .owl-item, .device-mockup .screen .owl-stage, .device-mockup .screen .owl-stage-outer {
	height: 100%
}
.owl-carousel.owl-loaded {
	display: block
}
.owl-carousel {
	display: none;
	width: 100%;
	position: relative;
	z-index: 1
}
.technoWrap .inlineBlock , .technoWrap .boxBorder, .technoWrap .pd50  {
	padding: 50px;
}
.noneBtm{ border-bottom:none!important}
.technoWrap {
	background-image: url(../images/services-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	color: #fff;
	margin-bottom: 60px
}
.inlineBlock h3 {
	font-size: 20px;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	margin-bottom: 20px
}
.moreBtn {
	color: #51239f!important;
	border: 2px solid #bfbfbf!important;
	font-weight: 600
}
.column-inner {
	padding-bottom: 20px;
	padding-top: 20px
}
.column-inner:after {
	width: 1px;
	height: 300px;
	right: 0px;
	top: 0
}
.column-inner:before {
	content: "";
	position: absolute;
	background: rgba(255, 255, 255, 0.3);
	display: table
}
.boxBorder :before {
	height: 1px;
	width: 100%;
	left: 50%;
	bottom: 0;
	max-width: 304px;
	transform: translateX(-50%)
}
.boxBorder:after {
	width: 1px;
	height: 300px;
	right: 0px;
	top: 0
}
.column-inner:after {
	width: 1px;
	height: 300px;
	right: 0px;
	top: 0;
	content: "";
	position: absolute;
	background: rgba(255,255,255,0.3)
}
.boxBorder>.boxBorder>.vc_column-inner::before {
	content: "";
	position: absolute;
	background: rgba(255,255,255,0.3)
}
.vc_column-inner::after, .vc_column-inner::before {
	content: " ";
	display: table
}
.technoWrap h3 {
	padding-top: 10px;
	padding-bottom: 10px
}
.technoWrap h3, .technoWrap p {
	color: #fff!important
}
.expertiselist {
	text-align: center;
	margin-bottom: 40px
}
.za-single-image .single-image-inner a {
	display: block;
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 1px solid #ddd;
}
.za-gallery .gallery-item img, .za-single-image .single-image-inner img {
	position: relative;
	width: auto;
	height: auto;
	padding-top: 24px;
	text-align: center
}
#white-paper h3 {
	position: relative;
	text-align: left;
	display: inline-block
}
#white-paper .right {
	background-color: #1e73be;
	position: absolute;
	display: block;
	height: 2px;
	width: 30px;
	right: -45px;
	top: 50%;
	margin-top: -1px
}
#careerBox-cta .careerView {
	background-image: url(../images/home-bussines-01.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	color: #fff
}
#careerBox-cta h2 {
	color: #fff;

}
#careerBox-cta .boxOutline {
	margin-top: 40px;
	margin-bottom: 40px;
	border: 2px solid #aeaeae;
	padding: 30px 20px 30px 20px
}
#teamMember .team-members .team-member {
	margin-bottom: 0px
}

.pd-bt-80{padding-bottom: 120px!important;}
.txtCenter {
	text-align: center
}
.w-p-Banner {
	background-image: url(../images/services-banner.jpg);
	background-repeat: no-repeat
}
.careerBanner {
	background-image: url(../images/career-banner.jpg);
	background-position: center center;
	background-repeat: no-repeat
}
.leadershipBanner {
	background-image: url(../images/leaderships-banner.jpg);
	background-repeat: no-repeat
}
.technoBanner {
	background-image: url(../images/technology-banner.jpg);
	background-position: center top;
	background-repeat: no-repeat
}
.alliances-partnerships{	background-position: center top;
	background-repeat: no-repeat;
	background-color: inherit!important;
	background-image: url(../images/alliances-partnerships.jpg);
	color: #FFF;
	font-size: 40px}
.industriesBanner {
	background-position: center top;
	background-repeat: no-repeat;
	background-color: inherit!important;
	background-image: url(../images/industry-banner-1.jpg);
	color: #FFF;
	font-size: 40px
}
.careerBanner {
	background-position: center top;
	background-repeat: no-repeat;
	background-color: inherit!important;
	background-image: url(../images/career.png);
	color: #FFF;
	font-size: 40px
}
.platformBanner {
	background-image: url(../images/platforms.jpg);
	background-position: center top;
	background-repeat: no-repeat
}
.solutionsBanner {
	background-image: url(../images/solutions.jpg);
	background-position: center top;
	background-repeat: no-repeat
}
#main-content .breadcrumb ul li + li:before, .breadcrumb ol li+li:before {
	color: #fff
}

.visofBanner {
	background-position: center top;
	background-repeat: no-repeat;
	background-color: inherit!important;
	background-image: url(../images/visof-bg1.jpg);
	color: #FFF;
	font-size: 40px;
	padding:60px 0px;
	background-size:cover;
}
#page-title1 h1{font-size: 3.5rem; color: #51239f ;}
#page-title1 {
    clear: both;
    padding: 100px 0 !important;
    background-color: #f8f9fa;
    position: relative;
    margin-bottom: 60px;
}
.servicesBanner {
	background-image: url(../images/services-banner.jpg);
	background-position: center top;
	background-repeat: no-repeat
}
section p {
	margin-bottom: 5px;
	padding: 10px 0px;
	line-height: 22px;
	text-align: justify
}
#analyticsbenifits .pd-RL36 {
	padding: 20px!important
}
#analyticsbenifits svg {
	width: 40px !important;
	height: 40px !important;
	margin-left: 0px;
	margin-right: 0px
}
#analyticsbenifits h4 {
	line-height: normal;
	font-size: 16px;
	margin-bottom: inherit!important
}
.section img {
	margin: 0px auto
}

.servBox {
	text-align: center
}
.servBox .za-btn {
	margin-top: 20px;
	letter-spacing: 2px;
	padding: 16px 32px;
	border: 2px solid rgb(3, 169, 202);
	border-radius: 0px;
	color: rgb(3, 169, 202);
	background-color: rgb(255, 255, 255);
	color: #000!important
}
.servBox .za-btn:hover {
	color: #fff!important;
	background-color: #51239f;
	border: 2px solid #51239f
}
.txtJustify {
	text-align: justify
}
.banner h1, .banner h4, .banner .breadcrumb li a {
	color: #fff
}
.banner h4, .breadcrumb li a {
	font-size: 15px
}
#main-content .page-title h1 {
	color: #fff
}
.p-t-60 {
	padding-top: 60px
}
.pddBtm0 {
	padding-bottom: 0px!important
}
section#footer, section#caseStudies {
	padding-top: 0px;
	padding-bottom: 0px
}
#main-content section {
	padding: 0px 0px 50px 0px
}
section#footer {
	padding-bottom: inherit;
	overflow: inherit
}
.list-icon li {
	line-height: 21px;
	text-align: justify;
	/*font-family: "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;*/
}
.btn-blue {
	font-size: 11px;
	letter-spacing: 2px;
	padding: 16px 32px;
	border: 2px solid #51239f!important;
	border-radius: 0px;
	color: #51239f!important;
	background-color: rgb(255,255,255)!important;
	border-radius: 3px
}
.caseStudyBox {
	background-color: #51239f;
	padding: 45px 44px;
}
.blue-underline {
	margin-top: 10px;
	margin-bottom: 28px;
	border-bottom: 2px solid #0397ff;
	width: 40px
}
.caseStudyBoxG {
	background-color: #2195db;
	padding: 45px 44px;
}


.mrgTpBtdefault {
	margin-top: 50px !important
}
.mainHeading {
	padding-bottom: 20px !important;
	text-align: center
}
.mrgTpBtdefault1 {
	padding-top: 80px !important;
	padding-bottom: 55px !important;
	text-align: center
}
.za-btn {
	font-size: 16px;
	padding: 14px 29px;
	background-color: rgba(255, 255, 255, 0.0);
	border: 2px solid #fff;
	color: #fff;
	background-color: rgba(255,255,255,0.01);
	margin-top: 20px;
	text-align:center;
}
.za-btn:hover {
	color: #000000!important;
	background-color: rgba(255, 255, 255);
	border: 2px solid #fff
}
.bglightGray {
	background-color: #f3f7f9
}
.mrgTpBtdefault2 {
	padding-top: 60px !important;
	padding-bottom: 60px !important
}
.mainHdBtm30{margin-bottom: 30px;}
.mrgTpBtdefault2 h2, .mrgTpBtdefault2 h1, .mrgTpBtdefault2 h3, .mrgTpBtdefault2 h4 {
margin-bottom: 21px !important;
margin-top: 0;
}
.innerpages .za-call-action h4 {
float:left
}
.mainHeadingPd {
	padding-top: 80px !important;
	padding-bottom: 35px !important;
	
}
.innerHeading h3 {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 3px;
	color: #222
}
.icon-box-content h5 {
	font-size: 18px;
	line-height: 22px;
	color: #222;
	font-weight:500;
	margin-top: 4px;
}
.grid li { height: 100px;}
.grid li a img {
    width: 100%;
    filter: grayscale(100%);
    opacity: 0.6;
}
.grid li a img:hover{ opacity: 1;  filter:inherit; }
#industriesbox .za-custom-icon img{margin-top: 22px;
	margin-left: 16px;
	width: 48px;
	border: 1px solid #c8c8c8;
	border-radius: 50px;
	padding: 6px;}
.resp-tab-content .za-custom-icon img {
margin-top: 22px;
margin-left: 16px;
width: 48px;
border: 1px solid #c8c8c8;
border-radius: 50px;
padding: 6px;
}
.resp-tab-content .icon-box-content h5{margin-top: 0px;}
.icon-box-content a:link, .icon-box-content a:visited, .icon-box-content a:hover {
	color: #000
}
.icon-box-content h6 {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 1px;
	padding-top: 10px !important;
	padding-bottom: 10px !important
}
.col .wpb_wrapper {
	position: relative;
	z-index: 60
}
.getInTochbox {
	background-color: #1e73be;
	padding-top: 45px !important;
	padding-bottom: 45px !important
}
.getInTochbox h4 {
	font-size: 21px;
	letter-spacing: 2px;
	color: #fff;
	float: left;
	padding-top: 15px
}
.getInTochbox .za-btn {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1.5px;
	padding: 16px 34px;
	border: 2px solid rgb(0, 0, 0);
	border-radius: 0px;
	color: rgb(255, 255, 255);
	background-color: rgb(0, 0, 0);
	float: right;
	border-radius: 3px
}
.getInTochbox .za-btn:hover {
	color: rgb(255, 255, 255)!important;
	background-color: #222;
	border: 2px solid #222
}
.indSolutionBox {
	border: 1px solid #eeeeee!important;
	border-left: none!important;
	padding: 4% !important
}
.mega-menu-content .menuSubHd {
    font-weight: bold;
    color: #51239f !important;
    margin-bottom: 10px;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    width: 100%;
    display: block;
    padding-bottom: 10px;
}

.mrtp50 {
	margin-top: 30px
}
.ibm-spss{
	background-image: url(https://1.cms.s81c.com/sites/default/files/2020-02-20/spss-statistics-leadspace_0_2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: -1100px 10px;

}

#simVideo iframe {
	position: inherit;
	margin-top: 0px;
	min-height: 400px;
	text-align: center;
	width: 1109px;
	max-width: 100%;
}
#simVideo .fluid-width-video-wrapper {
	padding-top: 40px!important;
	margin: auto
}
.wdth100 {
	width: 100%
}
.heightInherit {
	height: inherit!important
}
.whiteBg {
	background-color: #fff
}
.pd-RL36 {
	padding: 35px;
	position: relative;

}
.minheight275 {
	min-height: 275px
}
.za-call-action, .section .custom-font {
	width: 100%
}
#getIntouch {
	padding-top: 0px
}
.inlineLi li ul.list-icon li {
	width: inherit!important;
	display: inherit!important
}
.gradient-bg {
	background: -webkit-gradient(linear, left top, right top, from(#3e2bce), color-stop(100%, #2dd3aa), color-stop(100%, #2dd3aa), to(#2dd3aa));
	background: -o-linear-gradient(left, #3e2bce 0%, #2dd3aa 100%, #2dd3aa 100%, #2dd3aa 100%);
	background: linear-gradient(to right, #3e2bce 0%, #2dd3aa 100%, #2dd3aa 100%, #2dd3aa 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e2bce', endColorstr='#2dd3aa', GradientType=1)
}
.spad {
	padding-top: 100px!important;
	padding-bottom: 90px !important
}
.feature {
	margin-bottom: 45px
}
.section-title h2 {
	margin-bottom: 10px;
	color: #fff
}
.section-title p {
	margin: inherit;
	padding: inherit;
	color: #b3e1ec!important;
	font-size: 18px;
	word-spacing: 2px;
	margin-bottom: 30px
}
.feature-content h4 {
	line-height: normal;
	font-weight: 900
}
.minheight250 {
	min-height: 255px
}
.featureHd {
	color: #20509e;
	margin-bottom: 0px!important
}
.feature:last-child {
	min-height: inherit!important;
	margin-bottom: 0px!important
}
.bannerSpan {
	color: #16d0c5
}
.why-choose-us-image img:nth-child(3) {
	position: absolute;
	top: -55px;
	right: 50px;
	left: 0;
	margin: 0 auto;
	z-index: -1;
	animation-duration: 20s
}
.widget ul li {
	list-style: none !important;
	margin-bottom: 0;
	/*line-height: 24px*/
}
.custom-font-element a:link {
	color: #222;
	font-weight: 700;
	font-size: 19px;
	text-transform: none;
	letter-spacing: 1px
}
#mainhometabs .nav-tabs > li > a, #serviceswrap .service-title, .box-title, .custom-font-element a:link, .detailBtn, .industries-card h2, .learnPlus, .learnmore, .pageNo {
	font-family: Source Sans Pro, sans-serif
}
.view-article {
	display: none
}
.solid-line-alt {
	margin-top: 5px;
	margin-bottom: 10px;
	border-bottom: 2px solid #ddd
}
.yelowLine {
	border-bottom: 2px solid #f7ca88;
	width: 40px
}
.sol-bi {
	background-image: url(../images/bi-analytics.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align: left
}
.sol-mathA {
	background-image: url(../images/inzenjering.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover
}
.sol-ristkA {
	background-image: url(../images/risk-analysis.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align: left
}
.sol-mathBg {
	background-color: #51239f;
}

.sol-statMod {
	background-image: url(../images/inzenjering.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover
}
.sol-statModBg {
	background-color: #2caea3
}
.sol-optim {
	background-image: url(../images/optimization.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align: left;
	background-position: left top!important;
}
.solution-box-bg{
	background-image: url(../images/solutions-box-bg.jpg);
background-size:cover;
	text-align: left;
	background-position: left center!important;
	
	}
	.solution-box-bg h4, .solution-box-bg p, .solution-box-bg h3, .solution-box-bg .tabs.tabs-vertical .nav-tabs .nav-link.active, .solution-box-bg .tabs.tabs-vertical .nav-tabs .nav-link    { color:#fff!important;}
.solution-box-bg .tabs.tabs-vertical .nav-tabs .nav-link.active {
   font-weight:800;
    border-right: 2px solid #0effc9;
}

.sol-eco {
	background-image: url(../images/inzenjering.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover
}
.sol-ecoBg {
	background-color: #730c8c;
}
.sol-Traffic-eng {
	background-image: url(../images/sib_si.png.jpeg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align: left
}
.quicklinks {
	font-size: 16px;
	/*line-height: 20px;*/
	text-transform: uppercase;
	/*letter-spacing: 1px;*/
	color: #333;
	margin-bottom: 0px!important
}
.fa {
    display: inline-block;
   
}
.quicklinks-boder {
	margin-top: 6px;
	margin-bottom: 10px;
	border-bottom: 2px solid #444;
	width: 40px
}
.menuOnMobile{ display:none;}

.cf-section--15 {
 padding-top:60px!important;
 padding-bottom:60px!important;
}

.cf-section__heading {
font-size: 22px;
max-width: 100%;
font-weight: 500;
line-height: 31px;
margin-bottom: 40px;
color: #000 ;
position:relative;
letter-spacing:1px;
}
.cf-section__heading:before{content: '';
content: '';
position: absolute;
width: 30px;
height: 2px;
left: 40%;
bottom: -8px;
right: 0;
/*background-color:
#ddd;*/

}
#myTab4  li{float: inherit!important}
.hdBlue{ color: #51239f ;}
.cf-section__info {
 color:rgba(3,3,3,0.8);
 font-size:20px;
 line-height:30px;
 max-width:100%;
 margin:0 auto
}


.cf-section--alter {
    background-color: #f7f8ff;
}


/*.dark:before {
    content: url(../images/tickG.png);
    float: left;
    height: 18px;
    margin-left: -31px!important;
    width: 21px;

}*/
.technoWrap{background-image: url(images/services-bg.jpg); background-position: center center; background-repeat: no-repeat;  color: #ffffff; background-size:cover}
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/Preloader_2.gif) center no-repeat #fff;
}
.grid-filter li a{font-size: 18px;}
.grid-filter.gf-creative li a::after {
    background: #52e8ba;
    content: "";
    height: 4px}
.icon-box.process{margin-bottom:0px!important}
ul.bgBlckOpecity  i{margin-left: -30px!important;}
ul.bgBlckOpecity li{
text-shadow: none;
font-weight: bold;
padding: 7px;
font-size: 16px;
color: rgb(255, 255, 255);}

/*.header-sticky .logo-default{ display:block!important}
.header-sticky .logo-dark{ display:none!important}
.header-sticky  .header-inner{ background-color:#ffff!important}
.header-sticky .dark #mainMenu nav > ul > li:hover > a{ color:#000;}
.header-sticky .dropdown-menu*/

#home {
	height: 100vh
}
#home .home-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center
}

.cta-area .cta-content h3 {
 font-size:44px;
 line-height:56px;
 color:#fff;
 font-weight:400;
 margin-bottom:13px
}

.cta-area .cta-content p {
 font-size:16px;
 color:#fff;
 font-weight:400
}
.cta-area .cta-content .cta-btn {
 position:absolute;
 right:0;
 bottom:0
}
.cta-area .cta-content .cta-btn i {
 position:relative;
 left:8px
}
.icon-container {
    margin-bottom: 16px;
}
.icon-container, .icon-small, .icon-big {
    flex-shrink: 0;
    display: -webkit-box;
    display: flex;
}
.icon-container {
box-shadow: 0 4px 24px 0 
rgba(103,151,255,.1),0 12px 64px 0
rgba(103,151,255,.1);
border-radius: 100px;
width: 80px;
height: 80px;
text-align: center;
line-height: 75px;
display: block;
margin:0px auto;
background-color:#fff;
}
.card-deck .card{ margin:0px}
.card-featured {
    background: -webkit-radial-gradient(top left,circle,#4a42ec 0%,#521d91 100%);
    background: radial-gradient(circle at top left, #4a42ec 0%, #521d91 100%);
    background-color: rgba(0, 0, 0, 0); background-color: #521d91; box-shadow: 0 48px 48px -32px rgba(23,16,159,.2),0 96px 96px -64px rgba(23,16,159,.4);
    margin-bottom: 64px;}
	
.card-featured .list-icon.list-icon-colored li:before, .card-featured .list-icon.icon-list-colored i {color:#df56df;}
.card-featured li, card-featured a, card-featured p, .card-featured h1, .card-featured h2, .card-featured h3{color:#fff}
/*#voisof:after, #voisof:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 440px;
    height: 440px;
    border-radius: 2000px;
    background:#31c7d3;
    right: -100px;
    bottom: -80px;
}*/

#voisof .card h4{}
.circle-ripple {
  background-color: #34ffc3;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  -webkit-animation: ripple 0.7s linear infinite;
          animation: ripple 0.7s linear infinite;
		  right: 0px;
position: absolute;
bottom: 0px;
}

@-webkit-keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(101, 255, 120, 0.3), 0 0 0 1em rgba(101, 255, 120, 0.3), 0 0 0 3em rgba(101, 255, 120, 0.3), 0 0 0 5em rgba(101, 255, 120, 0.3);
  }
  100% {
    box-shadow: 0 0 0 1em rgba(101, 255, 120, 0.3), 0 0 0 3em rgba(101, 255, 120, 0.3), 0 0 0 5em rgba(101, 255, 120, 0.3), 0 0 0 8em rgba(101, 255, 120, 0);
  }
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(101, 255, 120, 0.3), 0 0 0 1em rgba(101, 255, 120, 0.3), 0 0 0 3em rgba(101, 255, 120, 0.3), 0 0 0 5em rgba(101, 255, 120, 0.3);
  }
  100% {
    box-shadow: 0 0 0 1em rgba(101, 255, 120, 0.3), 0 0 0 3em rgba(101, 255, 120, 0.3), 0 0 0 5em rgba(101, 255, 120, 0.3), 0 0 0 8em rgba(101, 255, 120, 0);
  }
}
#voisof .card{
background-color:transparent;
background-clip: border-box;
border: 1px solid rgb(193, 68, 193);
border-radius: .25rem;
color: #fff !important;
box-shadow:#411f9b 0px 0px 40px 3px; margin-top:30px;}
#voisof .card .icon-container{ background-color:#fff; margin:15px auto;}
.gradient-overlay:before {
    position: absolute;
    content: '';
    background-image: linear-gradient(to left, rgba(0, 115, 236, 0.9), rgba(48, 97, 228, 0.88), rgba(75, 77, 217, 0.85), rgba(96, 52, 203, 0.88),
    rgba(113, 0, 185, 0.9));
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.gradient-overlay h3{ color:#fff!important;}
.gradient-overlay .list-icon li{ margin-left:0px;}
.gradient-overlay {
    position: relative;
    width: 100%;
}
/*#mainhometabs .resp-tab-item{ margin-top:30px!important;}
#testimonials .owl-carousel .owl-stage-outer{ overflow:visible!important}
#testimonials .owl-carousel .owl-item{box-shadow: 0 8px 10px 0 rgba(103,151,255,.11),0 12px 90px 0 rgba(103,151,255,.11);}
#testimonials .testimonial-item{margin-top: inherit!important; margin-bottom:inherit!important}*/

.why-does-business-area {}

.why-business-col:nth-child(2n+1) {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.why-does-business-text {}

.why-does-business-text .section-title {
    padding-bottom: 50px;
    padding-top: 0;
}

.why-does-business-list {
    padding-top: 55px;
}

.why-does-business-list li {
    position: relative;
    line-height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.why-does-business-list li::before {
    content: "\f14a";
    font-family: "Font Awesome 5 free";
    font-weight: 400;
    float: left;
    line-height: 30px;
    color: #ff4500;
    font-size: 12px;
    margin-right: 10px;
}



.why-does-business-item {
    border-radius: 10px;
    -webkit-filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.07));
    filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.07));
    background-color: #ffffff;
    padding: 30px;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.why-does-business-item:before {
    content: '';
    position: absolute;
    right: -67px;
    width: 96px;
    height: 96px;
    border-radius: 48px;
    background-color: rgba(30, 32, 103, 0.5686274509803921);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: -1;
}

.why-does-business-item:hover:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    background-color: rgba(30, 32, 103, 0.5686274509803921);
}

.why-does-business-item-col:nth-child(4n+2) {
    margin-top: 30px;
}

.business-item-img {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-color: #ff4500;
    position: relative;
}

.business-item-img img {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.why-does-business-item h4 {
    font-weight: 700;
    text-transform: capitalize;
    padding: 15px 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.why-does-business-item p {

    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.why-does-business-item:hover h4,
.why-does-business-item:hover p {
    color: #fff;
}


.pt-100 {
    padding-top: 100px !important;
}

.pb-130 {
    padding-bottom: 130px !important;
}

.section-title {
    font-size: 30px;
    line-height: 45px;
    color: #202020;
    font-weight: 700;
    padding-top: 28px;
}



.whatPeoplesay {
    color: 
#51239f !important;
text-align: center;
font-family: Source Sans Pro, sans-serif;
font-weight: 500;
width: 227px;
height: 200px;
position: absolute;
left: 46%;
top: 52%;
margin-top: 148px;
margin-left: -100px;
font-size: 32px;
text-align: left;}
#testimonials .owl-dots{margin-top: 20px; position: absolute; width: 100%;}
.sticky-active .logodark{ display:none!important;}
.sticky-active .showwhite{ display:block!important;}
.testimonialTxt{color:
#51239f !important;
text-align: center;
font-family: Source Sans Pro, sans-serif;
font-weight: 500;}
.testimonial.testimonial-box .testimonial-item p {
	font-size: 18px;
	line-height: 25px;
	margin-top: 10px;
	text-align: center;
}

@-webkit-keyframes pulse {
from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);}
to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
@keyframes pulse {
from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);}
to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
@-webkit-keyframes jello {
from, 11.1%, to{-webkit-transform:none;transform:none;}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);}
66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg);}
77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg);}
88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg);}
}
@keyframes jello {
from, 11.1%, to{-webkit-transform:none;transform:none;}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);}
66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg);}
77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg);}
88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg);}
}
@keyframes pulse{from,to{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}}
@keyframes jello{11.1%,from,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.dialog-close-button:not(:hover){opacity:.4}.elementor-templates-modal__header__item>i:not(:hover){color:#a4afb7}.elementor-templates-modal__header__close--skip>i:not(:hover){color:#fff}.elementor-section{position:relative}.elementor-section .elementor-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-right:auto;margin-left:auto;position:relative}.elementor-row{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}

@media (max-width:1024px){.elementor-row{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}.elementor-column-wrap{width:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.elementor-widget-wrap{position:relative;width:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.elementor-widget-wrap>.elementor-element{width:100%}.elementor-widget{position:relative}.elementor-column{position:relative;min-height:1px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}

@media (min-width:768px){.elementor-column.elementor-col-100{width:100%}}
@media (max-width:767px){.elementor-column{width:100%}}

.elementor-element .elementor-widget-container{-webkit-transition:background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;transition:background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;-o-transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s}

.seo-contact-banner .title:after{ margin-top: 20px!important; margin: 0px auto!important; background-color:inherit!important }
.seo-contact-banner .contact-button{transition:all .3s ease-in-out; padding: 12px 40px;}
.seo-contact-banner .contact-button:hover{background:#FF3A46;}
.seo-contact-banner .contact-button:hover{border-color:#FF3A46;}
.seo-contact-banner{text-align:center;background:linear-gradient( -135deg, rgb(138,78,255) 0%, rgb(107,82,255) 100%);padding:60px 0;position:relative;overflow:hidden;z-index:5;}
.seo-contact-banner:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-image:url(../images/map2.png);background-position:center center;background-repeat:no-repeat;z-index:-1;}
.seo-contact-banner .title{font-size: 36px; line-height: 49px; color: #fff; padding-bottom: 10px;}
.seo-contact-banner .contact-button{width:220px;line-height:56px;border:1px solid #fff;/*border-radius:30px;*/ border-radius:6px; font-size:20px;color:#fff;}
.seo-contact-banner .contact-button:hover{color:#fff;}
.seo-contact-banner .round-shape-one{position:absolute;width:482px;height:482px;border-radius:50%;background:rgba(216,216,216,0.03);top:-175px;left:-130px;animation:jello 5s infinite linear;z-index:-1;}
.seo-contact-banner .round-shape-two{position:absolute;width:482px;height:482px;border-radius:50%;background:rgba(216,216,216,0.03);bottom:-105px;left:-290px;animation:pulse 2s infinite linear;}
.seo-contact-banner .d-shape{font-family: 'CircularStdblck';
font-size: 380px;
position: absolute;
line-height: 500px;
right: -20px;
top: 139px;
/*transform: rotate(350deg);*/
color:
rgba(35,61,99,0.05);
z-index: -1;
letter-spacing: -20px;}


a:hover{color:#FF3A46;}
.dispInheritNo{ display:inherit!important}
.txt34px{ font-size:34px;}

.fs23{ font-size:23px!important}

@media  only screen and (min-width: 5120px){
	#multiscroll .the-arrow.-right>.shaft:before, #multiscroll .the-arrow.-right>.shaft:after {
		width: 40px;
		
	}
	#div1 h1 {
		font-size: 196px;
		line-height: 236px;
		}
		#div1 .center p {
			margin-bottom: 130px;
			margin-top: 20px;
			font-size: 66px;
		}
		#multiscroll .button a {
			padding: 24px 60px;
		
		}
		.intro p {
			font-size: 55px;
			
		}
		.intro h1 {
		font-size: 130px;
		}
		#section2-right p {
		line-height: 80px;
		}
		.lastdown{width: 150px;
			height: 150px;}
		#menuancher li{width: 150px;
			height: 150px;}
			.mouse i {
				font-size: 110px;}
				#multiscroll .animated-arrow {
					font-size: 66px;
					margin-top: 100px;
				}
				.vert-move {
					top: 5%;
					left: 5%;					
					width: 100%;
				}
		
				#serviceswrap, #industriesbox .container-fluid{max-width: 1920px; margin: auto;}
}
@media  only screen and (min-width: 3840px){
	#multiscroll .the-arrow.-right>.shaft:before, #multiscroll .the-arrow.-right>.shaft:after {
		width: 40px;
		
	}
	#div1 h1 {
		font-size: 196px;
		line-height: 236px;
		}
		#div1 .center p {
			margin-bottom: 130px;
			margin-top: 20px;
			font-size: 66px;
		}
		#multiscroll .button a {
			padding: 24px 60px;
		
		}
		.intro p {
			font-size: 52px;
		}
		.intro h1 {
		font-size: 100px;
		}
		#section2-right p {
		line-height: 80px;
		}
		.lastdown{width: 150px;
			height: 150px;}
		#menuancher li{width: 150px;
			height: 150px;}
			.mouse i {
				font-size: 110px;}
				#multiscroll .animated-arrow {
					font-size: 50px;
				
				}
				.vert-move {
					top: 5%;
					left: 5%;					
					width: 100%;
				}
				

				#multiscroll .animated-arrow:hover > .the-arrow.-left > .shaft::before, #multiscroll .animated-arrow:hover > .the-arrow.-left > .shaft::after {
					width: 28px;
					transition-delay: 0.1s;
					background-color: #069DC5;
				}

				#serviceswrap,  #industriesbox .container-fluid{max-width: 1920px; margin: auto;}
}

@media  only screen and (min-width: 2560px){
	#multiscroll .the-arrow.-right>.shaft:before, #multiscroll .the-arrow.-right>.shaft:after {
		width: 16px;
		
	}
	#div1 h1 {
		font-size: 106px;
		line-height: 126px;
		}
		
		
		
		#div1 .center p {
			
			font-size: 45px;
		}
		
		#multiscroll .button a {
			padding: 24px 60px;
		
		}
		.intro p {
			font-size: 34px;
		}
		.intro h1 {
			font-size: 70px;
			margin-bottom: 60px;
		}
		#section2-right p {
		line-height: 50px;
		}
		.lastdown{width: 150px;
			height: 150px;}
			#menuancher li {
				width: 95px;
				height: 95px;
			}
			.mouse i {
				font-size: 110px;}
				#multiscroll .animated-arrow {
					font-size: 30px;
				}
				.vert-move {
					top: 5%;
					left: 5%;					
					width: 100%;
				}
				

				#multiscroll .animated-arrow:hover > .the-arrow.-left > .shaft::before, #multiscroll .animated-arrow:hover > .the-arrow.-left > .shaft::after {
					width: 16px;
					transition-delay: 0.1s;
					background-color: #069DC5;
				}

				#serviceswrap,  #industriesbox .container-fluid{max-width: 1920px; margin: auto;}

}
@media  only screen and (max-width: 1440px){
	.intro h1 {
				font-size: 41px;
	}
	#div1 h1 {
				font-size: 58px;}

}

@media  only screen and (max-width: 1366px){
	#videoBG {

		width: 120%;

	}
}
@media  only screen and (max-width: 1366px){
#div1 h1{font-size: 52px; line-height: 64px;}
#videoBG {
    position: fixed;
    z-index: -1;
    position: fixed;
    z-index: -1;
    width: 110%;
    height: auto;
}
.intro h1 { line-height: 58px; font-size: 41px;}
#mainMenu nav > ul > li > a{padding: 10px 9px; text-transform: uppercase; font-size: 11px; font-weight:normal;}
.mainImgwrap {
    background-image: url(../images/application-management-services.jpg);
    background-repeat: no-repeat;
    min-height: 425px;
    width: 425px;
    background-position: center center;
}#industriesbox .industries-titlebox{width: 90%; bottom: -23%;}
.services-titlebox{width: 90%; right: -5%; bottom: -25%;}
#industriesbox .mainImgwrap, .digital-mainImgwrap, .operation-mainImgwrap, .database-mainImgwrap, .system-mainImgwrap{min-height: 425px; width: 425px;}
.box-title {font-size: 21px;}
#industriesbox .box-title{ margin-top:40px}
.icon-box-content h5, #mainhometabs .nav-tabs > li{font-family: "Louis_George_Cafe" !important; line-height: normal;}
.resp-tabs-list li:nth-child(4), .resp-tabs-list li:nth-child(5), .resp-tabs-list li:nth-child(2) {
    line-height: 40px;
}
}
@media  only screen and (max-width: 1280px){
	#videoBG {

		width: 120%;

	}
	.intro h1 {
		line-height: 44px;
		font-size: 36px;
	}
	.icon-box-content{height: 285px;}
}
@media only screen and (max-width:1200px) {
	#analyticsbenifits h4 {

    float: left;
    margin: 0px !important;
    padding-top: 5px;
}
	.card-deck {
	display: inherit!important;
}
#analyticsbenifits svg {
    float: left;
    margin-right: 20px!important;
}
/*.card.pd-RL36{ margin-bottom:30px;}*/
#header>.container {
	width: 100%!important
}

}
@media only screen and (max-width:1024px) {
	.vert-move {
		position: absolute;
		top: 30px;
		left: 0px;
		z-index: 9;
		width: 100%;
	}
	.intro h1 {
		line-height: 37px;
		font-size: 29px;
	}
	.intro p {
		font-size: 17px;
	}
	#mainhometabs .nav-tabs > li.resp-tab-active {
	
		padding: 0 !important;
			padding-bottom: 0px;
		padding-bottom: 20px !important;
	}
	.resp-tabs-list li {
		padding: 0 6px;}
		#mainhometabs li:nth-child(4), #mainhometabs li:nth-child(5) {
			line-height: 42px !important;
		}
		.mainImgwrap {
		
			width: 100%;
			
		}
		#industriesbox .mainImgwrap, .digital-mainImgwrap, .operation-mainImgwrap, .database-mainImgwrap, .system-mainImgwrap {
		
			width: 100%;
		}
		.icon-box-content {
					height: 328px;}
					#indexPage .mash-menu .mash-list-items > li > a {
						color: #060606;
					}
					#div1 h1 {
						font-size: 40px;
						line-height: 50px;
					}
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5){
	#home {
		height: 50vh!important;
	}
	.ms-tableCell {
	
		height: 48vh!important;
	
	}
	#section2-left {
		background-size: contain;
		width: 100%;
height: 110%!important;

background-size: cover;
background-position: top;
	}

  }
@media only screen and (max-width:767px) {
.inlineLi li {
	width: 100%
}
#nav.nav-transparent .navbar-brand .logo-alt {
	display: none!important
}
#nav.nav-transparent .navbar-brand .logo {
	display: block!important
}
}
@media only screen and (max-width:767px) {
.section-header h2.title {
	font-size: 31.5px
}
.default-btn, .main-btn, .outline-btn, .white-btn {
	padding: 8px 22px;
	font-size: 16px
}
.home-content h1 {
	font-size: 36px
}
.header-wrapper h2 {
	margin-bottom: 20px;
	text-align: center;
	display: block
}
.header-wrapper .breadcrumb {
	float: none;
	text-align: center
}
}
@media(max-width:767px) {
 .cta-area .cta-content {
  padding:40px 20px 100px
 }
}
@media(max-width:767px) {
 .cta-area .cta-content h3 {
  font-size:23px;
  line-height:32px
 }
}
@media(min-width:992px) and (max-width:1200px) {
 .cta-area .cta-content h3 br {
  display:none
 }
}
@media only screen and (max-width :1200px) {
#section2-right {
	background-size: 100% auto!important;
	background-position: left top!important
}
}
@media only screen and (max-width :1024px) {
.boxWrap {
	height: inherit!important;
	min-height: inherit!important
}
.pd-RL36{ margin-bottom:20px;}
}
@media only screen and (max-width :992px) {
	.blockalign1{ padding-top:inherit; padding-right: inherit;}
	#header #logo > a{line-height:inherit}
	.mainMenu-open #header #mainMenu{ margin-top:3px;}
}
@media only screen and (max-width:768px) {
	.inlineLi li:nth-child(2n) {
		margin-right: 0px !important;
		margin-left: 0% !important;
	}
	#MainfeatureWrap .inlineLi li{width: 100%;}
	.jmg-right-caption-text {
		display: none;
	}
	.jmg-right-caption-text:first-child {
		display: block;
		width: 100%;
	}
	.jmg-right-caption-text:first-child {
		display: block;
		width: 100%;
	}
	.sgmaBlock1{padding: 50px 0px 0px 0px;}
.sgmaBlock2{padding: 10px 0px 0px 50px;}
	.sidraTrip1{padding-top: 0px; padding-right: 0px;}
	.synchrotxt{padding-right: 0px; padding-top: 0px; }
.sidraTriptxt{padding-left: 0px; padding-top: 0px; }
	#MainfeatureWrap .featuresLarge .list-icon li {
	width: 100%;
	}
	.blockalign1{ padding-top:inherit; padding-right: inherit;}
	#benifits1 .appie-traffic-service{width: 100%;}
	.responsive-img750{width: 100%;}
	.appie-traffic-area .traffic-thumb{display: none;}
	.mash-menu.separator .mash-brand > li > a, .mash-menu.separator .mash-list-items > li > a {
		border-right: none;
		border-bottom: 1px solid #ad03bf;
		box-shadow: 0 1px 0 rgba(255,255,255,.1) inset, 0 1px 0 rgba(255,255,255,.1);
	}
	.mash-menu .drop-down-large{position: relative;}
	.mash-menu .thumbnail{display: none;}
	.custom_1432189269778{clear: both!important;}
	#industriesbox .icon-box-content {height: inherit;}
	#industriesbox .icon-box-content {height: inherit; display: inherit; position: relative; z-index: -1;}
	#industriesbox .icon-box-content h5 {font-size: 20px !important; margin: 10px 0 20px 1px; display: block; float: left; font-weight: bold;}	
	#logo .logodark{display: none!important;}
	#logo .showwhite{display: block!important;}
	#header #mainMenu:not(.menu-overlay) { height: 100px!important; overflow: inherit!important;}
	#indexPage .mash-menu .mash-list-items > li > a {color: #000!important;}
	#header .progress-container{position: absolute; bottom: 0;}
	#header .header-inner #logo a > img {margin: 10px 0px 0px 0px;	}
	.seo-contact-banner .title {font-size: 28px; line-height: 34px;}
	.seo-contact-banner { padding: 50px 0;}
	.divider-elm{margin-top: inherit; margin-bottom: inherit;}
	#industriesbox .za-custom-icon.left-side{ float: inherit !important;
		display: block;
		margin-top: 8px;
		position: absolute;}
	.grid-filter li { width: 33%;}
	.column-inner:after{background:none!important}
	#header #mainMenu:not(.menu-overlay) nav > ul > li.hover-active:before{content: "\002D"!important; font-family: "inspiro-icons"; font-size: 20px;}
	.menuOnMobile{ display:block; line-height: 16px;
    font-size: 16px;
    padding: 12px 0;
    display: block;
    font-weight: 600;
    font-style: normal;}
	.mainMenu-open #header #mainMenu{ margin-top:3px;}
	#header { line-height:inherit}
	#header #logo > a{ height:80px; float: left;}
	#header #logo {
    width: inherit!important;
    left: inherit!important;
    right: inherit!important;
}
.getInTochbox .za-btn {
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 0.5px;
	padding: 16px 17px
}
.getInTochbox h4 {
	width: 100%;
	text-align: center
}
.box-text {
	clear: both
}
.card-deck .col-lg-6 {
	margin-bottom: 20px
}

#mainhometabs {
	padding: 10px
}
.icon-box-content h5 {
font-size: 20px !important;
margin: 23px 0 0 33px;
display: block;
float: left;
font-weight: bold;
}
.divider-elm {
	display: block
}
.boxWrap {
	border: 1px solid #eee !important
}
.animated-arrow {
	display: none
}
.digital-mainImgwrap, .operation-mainImgwrap, .database-mainImgwrap, .system-mainImgwrap {
	display: none
}
.innerHeaders h1 {
	font-size: 20px
}
.pdTB40 {
	padding-top: 20px !important;
	padding-bottom: 20px !important
}
.mrgTpBtdefault {
	margin-top: 20px !important
}
#main-content section {
	padding: 0px 0px 20px 0px
}
.mrgTpBtdefault2 {
	padding-top: 40px !important;
	padding-bottom: 40px !important
}
.sib_wrap2 .sib_lt, .sib_wrap2 .sib_rt {
	width: 100%
}
.resp-tab-content .icon-box-content {
    height: inherit !important;
    margin: 0px !important;
    padding: 10px !important;
    margin-left: -12px !important;
    min-height: inherit !important;
}
.sepWidth {
	width: inherit
}
/*#serviceswrap .box-text, #serviceswrap .za-custom-icon {
	display: none
}*/
.resp-tab-content .icon-box-content {
    margin-left: inherit;
}
.resp-tab-content-active {
	padding: 0px
}
#mobileSlider .button a {
}
.intro h1, .ms-tableCell {
	font-size: 30px!important;
	display: block
}
.ms-section.ms-table {
	display: block
}
#section3-left {
	padding-top: 30px!important
}
#section2-left {
	padding-top: 30px!important
}
#left-side {
	width: 100%!important;
	z-index: 7
}
#right-side {
	width: 100%!important;
	z-index: 1
}
.intro h1 {
	margin-top: 20px!important;
	line-height: 27px!important;
	font-size: 21px !important
}
.ms-tableCell {
	line-height: 27px!important
}
.intro {
	width: 90%
}
.sectionheader {
	font-size: 23px !important;
	line-height: normal !important
}
#mainhometabs .nav-tabs>li {
	display: block;
	width: 100%
}
#serviceswrap .tab-content {
	margin: 14px auto
}
#serviceswrap .mainImgwrap {
	min-height: 497px;
	width: 100%!important
}
.services-titlebox {
	width: 88%;
	height: 377px;
	position: absolute;
	right: 6%;
	bottom: 5%

}
.box-title {
    font-size: 32px;
    line-height: 50px;
}
#industriesbox .industries-titlebox {
	width: 100%;
	height: 175px;
	position: relative;
	right: '0';
	margin: 110px 10px 10px 0;
	padding: 12px;
	bottom: inherit !important;
	left:  0 !important;
}
#industriesbox .col-md-pull-4{clear: both;}
.custom_1432189260622{clear: both;}
#industriesbox .mainImgwrap {
	width: 100%;
	min-height: 294px !important
}
.custom_1421026931181 {
	padding-top: 0!important;
	padding-bottom: 10px!important
}
.custom_1421186141803 {
	padding-top: 44px!important
}
.demo-1 {
	display: none
}
#section1-left .intro {
	padding: 0 14px!important
}
.mouse a {
	display: inline-block;
	width: 36px;
	height: 36px
}
#section2-right {
	background-image: none!important
}
.mouse a {
	width: 36px;
	height: 45px
}
.mouse {
	left: 90%
}
#section1-left {
	padding-top: 30px!important
}
html {
	overflow: scroll!important
}
#home {
	display: none!important
}
#multiscroll-nav {
	display: none
}
#industriesbox .box-title {
	margin: 8px 11px auto
}
#industriesbox {
	position: relative;
	padding: 0 0 40px
}
.client-item.with-hover:hover .img {
	opacity: 1
}

.clients.grid-layout-4-1 .client-item, .clients.grid-layout-4-2 .client-item {
	width: 33% !important;
	float: left
}
.carousel-indicators {
	left: 30%!important;
	width: 100%!important
}
#quote-carousel .carousel-indicators .active {
	width: 70px!important;
	height: 70px!important
}
.carousel-control.right {
	right: -16px
}
.carousel-control {
	left: -21px
}
#mobileSlider .button a {
	background: rgba(41,93,236,1);
	background: -moz-linear-gradient(left, rgba(41,93,236,1) 0, rgba(46,185,203,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0, rgba(41,93,236,1)), color-stop(100%, rgba(46,185,203,1)));
	background: -webkit-linear-gradient(left, rgba(41,93,236,1) 0, rgba(46,185,203,1) 100%);
	background: -o-linear-gradient(left, rgba(41,93,236,1) 0, rgba(46,185,203,1) 100%);
	background: -ms-linear-gradient(left, rgba(41,93,236,1) 0, rgba(46,185,203,1) 100%);
	background: linear-gradient(to right, rgba(41,93,236,1) 0, rgba(46,185,203,1) 100%);
	border-radius: 3px;
	display: inline-block;
	padding: 10px 18px;
	font-size: 13px
}
#mobileSlider .button a, .button a {
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#295dec', endColorstr='#2eb9cb', GradientType=1 )
}
.resp-tabs-container {
	padding: 10px 0px
}
#mobileSlider {
	display: block
}
#mobileSlider .responsive-img {
	position: relative;
	width: 100%
}
.blockchain{margin-top: 80px;}
.mobileImg {
	height: 70vw;
	overflow: hidden;
	position: relative;

}
.mobileTxt:last-child{margin-bottom: 30px;}
.mobileTxt {
	padding: 20px;
	line-height: 23px;
position: relative;
background-color: #fff;
padding: 39px 39px 0px 39px;
margin: -29px 20px 0px 20px;
}
.mobileTxt .button {
	margin-top: 20px
}
.mobileTxt h1 {
	font-size: 20px;
	margin-top: inherit
}
.mobileTxt p {
	text-align: justify
}
#multiscroll-nav {
	display: none
}
ul.resp-tabs-list {
	display: none
}
h2.resp-accordion {
	display: block
}
.resp-vtabs .resp-tabs-container {
	border: none;
	float: none;
	width: 100%;
	min-height: initial;
	clear: none
}
#multiscroll-nav {
	display: none!important
}
.resp-accordion-closed {
	display: none !important
}
.resp-vtabs .resp-tab-content:last-child {
	border-bottom: 1px solid #c1c1c1 !important
}
#serviceswrap .mainImgwrap {
	display: none
}
.mainHeadingPd {
	padding-top: 30px !important;
	padding-bottom: 15px !important
}

}
@media only screen and (max-width: 640px) {
	.absolutePosition {
		position: relative !important;
	}
	#header{height:inherit!important}
	.mobileImg {
		height: inherit;
		overflow:  visible;
	
	}
	.et-hero-tabs-container--top {

		top: 0px!important;
	}
	.btnpurple{margin-bottom: 40px;}
	.custom-social-icons{margin-top: 20px;}
	.nav-advance.nav-tabs .nav-item a{font-size: 12px; padding: 5px 0px;}
	.nav-advance.nav-tabs .nav-item {
		width: 19%;
	}
	.mash-menu .vertical-tabs-content{height: inherit!important;}
	.mash-menu [class*="col-"]{ margin-bottom: inherit!important;}
	.mash-menu .vertical-tabs-content-container > a {
			padding: 14px 15px;
			font-size: 17px;
	}
	.mash-menu .drop-down{position: relative;}
	.mpHd a {
		padding-bottom: 0px;
		font-size: 21px;
	}
	.mash-menu .drop-down-large, .mash-menu .drop-down-medium{min-height: inherit!important;}
	.box-title {
		font-size: 23px;
		line-height: 33px;
	}
	.detailBtn {
		font-size: 16px;
		padding: 9px 23px;
		border-radius: 3px;
	}
.mash-menu .mash-list-items {
    padding-top: 44px;
   
    background-color: #fff;
}
.mash-menu .drop-down-large, .mash-menu .drop-down-medium{
	min-height: 31vh;
}
#header .mash-menu-inner-container {
    overflow: inherit;
    padding-right: 17px;
    padding-left: 17px;
  
}
}
@media only screen and (max-width: 480px) {
	#header #mainMenu:not(.menu-overlay) { height: 100px!important; overflow: inherit!important;}
.icon-box-content {
	margin-left: 0px
}
.divider .divider-elm {
	margin-top: 10px;
	margin-bottom: 10px
}
.custom-font-element a:link {
	font-size: 16px
}
.minheight460 {
	min-height: inherit!important
}
.boxWrap {
	min-height: inherit!important
}
.custom_1432189260622 {
	border-left: 1px solid #eee
}
	.mainServiceHd{padding: 10px 50px 10px 15px; float: left;}
	.mash-menu .drop-down-large, .mash-menu .drop-down-medium{height:inherit}
}
@media only screen and (max-width: 360px) {
	.novi-disabled h1 {
		color: #fff;
		font-size: 27px;
		
	}
	#MainfeatureWrap .inlineLi li {width: 100%;}
	.mash-list-items .col-sm-4, .mash-list-items .col-sm-1{display: none;}
	.mash-menu .mash-list-items > li > a {padding: 16px 0px 16px 0px!important; font-weight: 500!important;}
	.mash-menu .mash-list-items{padding-top: 70px;}
	.mainServiceHd{padding: 10px 50px 10px 15px; float: left;}
	.mash-menu .drop-down-large, .mash-menu .drop-down-medium{height:inherit; position: relative;}
	.mash-menu .drop-down{ position: relative!important;}
#multiscroll-nav {
	display: none!important
}
#header #mainMenu:not(.menu-overlay) { height: 100px!important; overflow: inherit!important;}
#header .mash-menu-inner-container {
    overflow: inherit;
    padding-right: 17px;
    padding-left: 17px;

}
.box-title {
    font-size: 23px;
    line-height: 33px;
}
.detailBtn {
    font-size: 16px;
    padding: 9px 23px;
    border-radius: 3px;
}
}
@media (min-width:1240px) {
body.boxed #wrapper, body.boxed .body-inner, body.boxed-simple #wrapper, body.boxed-simple .body-inner {
	float: none;
	width: 1220px;
	margin: 0 auto
}
body.boxed .body-inner, body.boxed-simple #wrapper {
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 20px
}

}
@media (min-width:992px) and (max-width:1199px) {
.news-section-wrapper {
	padding: 0 40px
}
}
@media (max-width:991px) {
#header #header-wrap #logo {
	margin: 0 auto!important;
	max-width: 130px;
	position: absolute!important;
	z-index: 2
}
#wrapper, .body-inner {
	width: 100%;
	margin: 0
}
.p-t-200 {
	padding-top: 80px!important
}
.p-b-200 {
	padding-bottom: 80px!important
}
.text-sm-center {
	text-align: center!important
}
.grid-articles:not(.post-carousel) .post-entry {
	width: 50%
}
.grid-articles:not(.post-carousel) .post-entry:first-child {
	width: 100%
}
.grid-articles:not(.post-carousel) .post-entry:first-child .post-entry-meta .post-entry-meta-title h2 {
	font-size: 20px
}
.grid-articles:not(.post-carousel) .post-entry .post-entry-meta .post-entry-meta-title h2 {
	font-size: 13px
}
.grid-articles:not(.post-carousel) .post-entry .post-entry-overlay {
	border-width: 0!important
}
.post-thumbnails .post-item:not(.quote) .post-item-description {
	width: 100%!important
}
.news-ticker {
	display: none
}
.news-section-wrapper {
	padding: 0
}
.widget {
	float: left;
	width: 100%
}
.mfp-ajax-holder .mfp-close {
	margin-right: 0
}
.mfp-close {
	font-size: 22px;
	height: 30px;
	line-height: 32px;
	width: 30px
}
.map {
	min-height: 240px
}
.sm-text-center {
	text-align: center!important
}
.sm-text-left {
	text-align: left!important
}
.sm-text-right {
	text-align: right!important
}
.sm-left {
	float: left!important
}
.sm-right {
	float: right!important
}
.sm-center {
	float: none!important;
	margin: 0 auto
}

.row.vertical-align {
	display: block
}
.sm-m-b-0 {
	margin-bottom: 0!important
}
.sm-m-b-5 {
	margin-bottom: 5px!important
}
.sm-m-b-10 {
	margin-bottom: 10px!important
}
.sm-m-b-15 {
	margin-bottom: 15px!important
}
.sm-m-b-20 {
	margin-bottom: 20px!important
}
.sm-m-b-25 {
	margin-bottom: 25px!important
}
.sm-m-b-30 {
	margin-bottom: 30px!important
}
.sm-m-b-35 {
	margin-bottom: 35px!important
}
.sm-m-b-40 {
	margin-bottom: 40px!important
}
.sm-m-b-50 {
	margin-bottom: 50px!important
}
.sm-m-b-60 {
	margin-bottom: 60px!important
}
.sm-m-b-70 {
	margin-bottom: 70px!important
}
.sm-m-b-80 {
	margin-bottom: 80px!important
}
.sm-m-b-90 {
	margin-bottom: 90px!important
}
.sm-m-b-100 {
	margin-bottom: 100px!important
}
.sm-m-b-150 {
	margin-bottom: 150px!important
}
.sm-m-b-200 {
	margin-bottom: 200px!important
}
.sm-m-t-0 {
	margin-top: 0!important
}
.sm-m-t-5 {
	margin-top: 5px!important
}
.sm-m-t-10 {
	margin-top: 10px!important
}
.sm-m-t-15 {
	margin-top: 15px!important
}
.sm-m-t-20 {
	margin-top: 20px!important
}
.sm-m-t-25 {
	margin-top: 25px!important
}
.sm-m-t-30 {
	margin-top: 30px!important
}
.sm-m-t-35 {
	margin-top: 35px!important
}
.sm-m-t-40 {
	margin-top: 40px!important
}
.sm-m-t-50 {
	margin-top: 50px!important
}
.sm-m-t-60 {
	margin-top: 60px!important
}
.sm-m-t-70 {
	margin-top: 70px!important
}
.sm-m-t-80 {
	margin-top: 80px!important
}
.sm-m-t-90 {
	margin-top: 90px!important
}
.sm-m-t-100 {
	margin-top: 100px!important
}
.sm-m-l-0 {
	margin-left: 0!important
}
.sm-m-l-5 {
	margin-left: 5px!important
}
.sm-m-l-10 {
	margin-left: 10px!important
}
.sm-m-l-15 {
	margin-left: 15px!important
}
.sm-m-l-20 {
	margin-left: 20px!important
}
.sm-m-l-25 {
	margin-left: 25px!important
}
.sm-m-l-30 {
	margin-left: 30px!important
}
.sm-m-l-35 {
	margin-left: 35px!important
}
.sm-m-l-40 {
	margin-left: 40px!important
}
.sm-m-l-50 {
	margin-left: 50px!important
}
.sm-m-l-60 {
	margin-left: 60px!important
}
.sm-m-l-70 {
	margin-left: 70px!important
}
.sm-m-l-80 {
	margin-left: 80px!important
}
.sm-m-l-90 {
	margin-left: 90px!important
}
.sm-m-l-100 {
	margin-left: 100px!important
}
.sm-m-r-0 {
	margin-right: 0!important
}
.sm-m-r-5 {
	margin-right: 5px!important
}
.sm-m-r-10 {
	margin-right: 10px!important
}
.sm-m-r-15 {
	margin-right: 15px!important
}
.sm-m-r-20 {
	margin-right: 20px!important
}
.sm-m-r-25 {
	margin-right: 25px!important
}
.sm-m-r-30 {
	margin-right: 30px!important
}
.sm-m-r-35 {
	margin-right: 35px!important
}
.sm-m-r-40 {
	margin-right: 40px!important
}
.sm-m-r-50 {
	margin-right: 50px!important
}
.sm-m-r-60 {
	margin-right: 60px!important
}
.sm-m-r-70 {
	margin-right: 70px!important
}
.sm-m-r-80 {
	margin-right: 80px!important
}
.sm-m-r-90 {
	margin-right: 90px!important
}
.sm-m-r-100 {
	margin-right: 100px!important
}
.sm-m-0 {
	margin: 0!important
}
.sm-m-5 {
	margin: 5px!important
}
.sm-m-10 {
	margin: 10px!important
}
.sm-m-15 {
	margin: 15px!important
}
.sm-m-20 {
	margin: 20px!important
}
.sm-m-25 {
	margin: 25px!important
}
.sm-m-30 {
	margin: 30px!important
}
.sm-m-35 {
	margin: 35px!important
}
.sm-m-40 {
	margin: 40px!important
}
.sm-m-50 {
	margin: 50px!important
}
.sm-m-60 {
	margin: 60px!important
}
.sm-m-70 {
	margin: 70px!important
}
.sm-m-80 {
	margin: 80px!important
}
.sm-m-90 {
	margin: 90px!important
}
.sm-m-100 {
	margin: 100px!important
}
.profile-content .profile-image {
	height: 300px;
	position: relative;
	width: 100%;
	display: table
}
.profile-content .profile-image .profile-name {
	display: table-cell;
	height: 100%;
	padding: 30px;
	position: relative;
	vertical-align: bottom;
	width: 100%
}
.profile-content .profile-image .profile-name h3 {
	font-size: 70px;
	line-height: 20px;
	margin-bottom: 10px;
	text-align: center
}
.profile-content .profile-bio {
	display: block;
	float: none;
	height: auto;
	margin: 15px auto;
	padding: 15px;
	width: 750px
}
.modal-strip.modal-active .vertical-align {
	top: 0!important;
	transform: translateY(0)!important
}
}
@media (max-width:767px) {
#wrapper, .body-inner {
	width: 100%!important
}
.col-lg-1, .col-lg-11, .col-lg-12, .col-lg-19, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
	clear: left;
	width: 100%
}
.col-md-10, .col-md-11, .col-md-12, .col-md-7, .col-md-8, .col-md-9 {
	width: 100%!important
}
.col-10, .col-11, .col-12, .col-7, .col-8, .col-9 {
	width: 100%!important
}
section {
	padding: 40px 0
}
.xs-text-center {
	text-align: center!important
}
.xs-text-left {
	text-align: left!important
}
.xs-text-right {
	text-align: right!important
}
.p-xs-20 {
	padding: 20px!important
}
.profile-content .profile-image .profile-name h3 {
	display: none
}
.profile-content .profile-bio {
	width: 470px
}
}
@media (min-width:480px) and (max-width:767px) {
.post-2-columns .post-item, .post-3-columns .post-item, .post-4-columns .post-item, .post-5-columns .post-item, .post-6-columns .post-item {
	margin-right: 2%;
	width: 98%
}
s .profile-content .profile-bio {
	margin: 20px auto;
	padding: 20px
}
}
@media (max-width:479px) {
.grid-articles.grid-articles-v2:not(.post-carousel) .post-entry:nth-child(1), .grid-articles.grid-articles-v2:not(.post-carousel) .post-entry:nth-child(2), .grid-articles:not(.post-carousel) .post-entry, .grid-articles:not(.post-carousel) .post-entry:first-child {
	width: 100%
}
.grid-articles.grid-articles-v2:not(.post-carousel) .post-entry:nth-child(1) .post-entry-meta .post-entry-meta-title h2 a, .grid-articles.grid-articles-v2:not(.post-carousel) .post-entry:nth-child(2) .post-entry-meta .post-entry-meta-title h2 a, .grid-articles:not(.post-carousel) .post-entry:first-child .post-entry-meta .post-entry-meta-title h2 a {
	font-size: 16px
}
.post-2-columns .post-item, .post-3-columns .post-item, .post-4-columns .post-item, .post-5-columns .post-item, .post-6-columns .post-item {
	margin-right: 0;
	width: 100%
}
.post-thumbnail .post-audio, .post-thumbnail .post-content-details, .post-thumbnail .post-embed, .post-thumbnail .post-image, .post-thumbnail .post-meta, .post-thumbnail .post-slider, .post-thumbnail .post-video {
	width: 100%;
	padding: 0
}
.countdown .countdown-box {
	height: 60px!important;
	padding: 2px 0 0 0!important;
	width: 60px!important;
	margin: 0!important;
	border: solid 0!important
}
.countdown .countdown-box .number {
	font-size: 20px!important;
	margin-bottom: 0
}
.countdown .countdown-container .countdown-box span {
	font-size: 10px!important;
	padding-top: 0
}
.hero-heading-3 {
	background-color: #fff;
	border: 30px solid #fff;
	padding: 30px;
	width: 100%;
	margin: 0
}
.hero-heading-3 h2, .hero-heading-3 h3 {
	font-size: 40px!important;
	line-height: 40px!important
}
.profile-content .profile-image {
	height: 200px
}
.profile-content .profile-bio {
	margin: 0;
	padding: 20px;
	width: 100%
}
}
 @media screen and (min-width:0\0){
 #solutions h3{ opacity:1!important}
 .grid-layout, .displayIe{opacity:1!important}
 .sticky-activeIE{ position:fixed!important}
 }

 .pd-bt-0 {
	padding-bottom: 0px!important
}