/**//*/*@import url('https://fonts.googleapis.com/css?family=Hind+Vadodara');@import url('https://fonts.googleapis.com/css?family=Hind+Vadodara');*/*/@charset "utf-8";
/* CSS Document */
:root{--white:#fff; --cardlink:#FF6700; --grey:#cdcdcd; --inkblue:#0505CD; --txt-inkblue:#0505CD;}
body{ font-family: 'Hind Vadodara', sans-serif;font-size: 1.1rem; line-height: 1.5rem; font-variant:normal; -webkit-font-smoothing: antialiased; -moz-font-smoothing: none; font-style: normal; font-smoothing: antialiased; }
body p{font-family: 'Hind Vadodara', sans-serif; font-weight: 300; font-size: 1.5rem; line-height: 2.2rem;}
b,strong{font-weight: bold;}
.fontsizesmall{ font-size: 1.5rem; line-height: 1.8rem;}
.font-weight-medium{ font-weight: 500 !important}
.form-control:focus, .form-control:active, .btn:focus, .btn:active{ box-shadow: none;    }
.clearfix { height: .1px; clear: both}
.btn.btn-md{ padding: 5px 10px;}
p:empty{ display: none}
a{ color: #000;  }
a:hover{ color: #555; text-decoration: none }
.text-orange{ color: #ff6700;}
hr{ border-top: 1px solid #b3b3b3}

/*search-desktop*/
.search-desktop{ background:rgba(255,255,255,0.95);/*rgba(238,241,245,0.9);#eef1f5*/;  position: fixed; width: 100%;  display: none; min-height: 70px; top: 0; }
.search-desktop .close-search { cursor: pointer; color: #fff;    height: 20px;    margin: 0;    opacity: 1;    position: absolute;    right: 20px;     width: 20px;	fill:#fff; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.search-desktop .form-control {  border:none;   background-color: transparent;  color: #000; width:100%;  font-size: 1.6rem; border-radius: 0;   line-height: 1; padding-right: 5px; font-weight: 300; margin:.2rem 2rem; height: 60px;  padding:.8rem 0; box-sizing: border-box;  }
.overlay-active:after{ content: ""; width: 100%; height: 100%; display: inline-block; background: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; z-index: 9991; display: none} 
.search-desktop .search-label{ color: #000; font-weight: 300; font-size: 1.2rem;}
.search-desktop .form-control::-webkit-input-placeholder {   color: rgba(0,0,0,0.5);}
.search-desktop .form-control::-moz-placeholder {   color: rgba(0,0,0,0.5);}
.search-desktop .form-control:-ms-input-placeholder {   color: rgba(0,0,0,0.5);}
.search-desktop .form-control:-moz-placeholder {   color: rgba(0,0,0,0.5);}
.search-desktop .input-group-btn{ position:absolute; right:0; top:0; height:100%; width:60px;  }
.search-desktop .serachbtn{cursor: pointer; background:var(--cardlink); display:block; width:100%;  }
.search-desktop .serachbtn i{ font-size: 2rem;}
.search-icon a.active{ position: relative; z-index: 1; color: #000 !important}
.search-icon a.active:before{position: absolute; background:#eef1f5; content: ""; width: 50px; height: 70px; display: inline-block; top: -15px; left: -10px; z-index: -1; display: none}
.headroom--not-top.slideDown .search-icon a.active:before{ top: -5px; left: -15px}
/* pranay */
.search-field {padding-right: 32px!important;}
/* home banner section */
button:focus{ outline: none}
.home-card{  float: left; width: 100%; background: #fff}
.home-card .card-icon{ display: inline-block; width: 53px; height: 53px;  background: url(../images/iconsprites.png) no-repeat; margin: 0 auto}
.home-card .card-icon.goal{ background-position: -8px -8px;}
.home-card .card-icon.skills{ background-position: -79px -8px;}
.home-card .card-icon.market{ background-position: -150px -8px;}
.home-card .card-icon.enterprise{ background-position: -225px -8px; width: 68px;}
.home-card a{ color: var(--cardlink); font-size: 1.3rem; text-decoration: none}
.home-card a i{ position: relative; top: 1px; font-size: 1.1rem; transition: all 0.2s ease 0s}
.home-card a:hover i{ padding-left: 10px;}
.home-card .card-group .card-body p{ font-size: 1.2rem; line-height:1.3rem}
.home-card .card-group{  padding: 2.1rem 0}

.home-banner{ width: 100%; min-height: 480px; position:absolute; /*position: fixed;*/  text-align: left;  top: 0;  width: 100%;  z-index: 0; float: left; background: #b0c2cb; background: -webkit-linear-gradient(to top, #b0c2cb, #e3ebef); background: linear-gradient(to top, #b0c2cb, #e3ebef);  }
.home-banner:before{ content:""; display:inline-block; position: absolute; bottom: 0; background: url(../images/banner-dots.png) top center no-repeat; width: 100%; min-height: 225px; height: 30%;  background-size: 100% auto; opacity: .8;}
.site-content{min-height: 100vh;}
.home-banner:after{ content: ""; display: inline-block; background-image:radial-gradient(at top, rgba(227,235,239,0) 10%, rgba(227,235,239,0) 70%, rgba(176,194,203,.5) 100%);  width: 100%; min-height: 265px; position: absolute; bottom: 0}
.tagline{ position: absolute; width: 100%;   top: 45%;    -webkit-transform: translate(-50%, -45%);    transform: translate(-50%, -45%); left: 50%;   z-index: 1;}
.tagline h1{ font-size: 3.6rem; /*font-size: 5.5rem;*/font-weight: 700; line-height: 4.3rem}
/*pranay*/
.tagline h2{font-size: 2.5rem; font-weight: 300; line-height: 2rem}
.tagline h4{ font-size: 2rem; font-weight: 400; margin: 2.2rem  0 1.2rem}
.tagline .btn{   color: #000; font-size: 1.5rem; line-height: 1; position: relative; padding: 0; margin: 0; border:solid 2px #FF6700;}
.outline-btn:hover::after, .outline-btn:hover::before {    background-color: #FF6700;    width: 60%;}
.tagline .btn i{ transition: all .2s ease; visibility: hidden; opacity: 0;  display: inline-block; width: 0; line-height: 0; }
.tagline .btn span{padding: 9px 25px 11px; display: block; }
.tagline .btn:hover i{ padding-left: 11px; visibility: visible; opacity: 1}
.tagline .btn:hover{ color: #fff; background: transparent; }
.btn:hover::after, .btn:hover::before {    background-color: #FF6700;    width: 60%;}
.btn.outline-btn:hover{background-color: #FF6700; transition: background .3s ease-out; -webkit-transition: background .3s ease-out; -moz-transition: background .3s ease-out; transition-delay: .1s; }
body .btn.border-white{ color: #fff}
.btn span{ position: relative;z-index: 1; font-weight: 500; transition: none; }
.border-white:hover:after, .border-white:hover:before{ background-color: #fff; top: -10px; }
body .border-white.btn:hover{color: #ff6700;/*color:var(--cardlink)*/}
.outline-btn.btn:hover{color:#fff}
.outline-btn.btn:hover span{ transition: none !important}
.btn{ position: relative}
.btn:before{ left: -5px}
.btn:after {    right: -5px;}

.outline-btn:after, .outline-btn:before {  height: 60px;      content: "";    position: absolute;    top: -5px;    transition: all 0.25s ease 0s;    width: 0;    z-index: 0;}
.home-content-space{ position: relative; padding-top: 480px;  z-index: -1 }


/*main navigation*/
header .navbar{ padding: 0rem 1rem}
/*.navbar-light .navbar-brand img{ transition: all .4s ease-out;}*/
.main-nav{ /*position: fixed;z-index: 11*/ position: absolute ; z-index: 111; width: 100%; box-sizing: border-box}/*pranay*/
.main-nav .navbar{ position: relative; z-index: 1}
.js-append-around + .js-append-around{ display: none}
.main-nav .navbar .nav-item .nav-link{ color: #000000;}
.main-nav .navbar .dropdown-menu{}
.main-nav .navbar .dropdown-menu{ display:block; opacity: 0;   -webkit-animation-fill-mode: forwards;   -moz-transition: all .5s  ease-out;    transition: all .5s  ease-out;  -webkit-transition: all .5s  ease-out; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); border-radius: 0; border: none; margin: 0; padding: 0;  width: 200px; visibility: hidden; }
.main-nav .navbar .dropdown-menu .dropdown-item{ white-space: inherit}
.main-nav .navbar .dropdown-menu li{  opacity: 0;  transform-origin: top; -moz-transform-origin: top;  -webkit-animation-fill-mode: forwards;    animation-fill-mode: forwards; -moz-animation-fill-mode: forwards;  -webkit-transform: scale(1, 0);  display: block; -moz-transition: all .5s  ease-out;    transition: all .5s  ease-out;  -webkit-transition: all .5s  ease-out; }
.main-nav .navbar .dropdown .dropdown-menu > li + li{ border-top:solid thin #eee;}
.main-nav .navbar .dropdown:hover > .dropdown-menu{ opacity: 1; visibility: visible; -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;}
.main-nav .navbar .dropdown:hover .dropdown-menu li a{ padding: .6rem 1rem; font-size: .95rem; line-height: 1.1rem; color: #616161}
.main-nav .navbar .dropdown-menu .dropdown-item:focus, .main-nav .navbar .dropdown-menu .dropdown-item:hover{background: #F5F5F5; color: #616161 !important}
.main-nav .navbar .dropdown:hover > .dropdown-menu > li{-webkit-transform: scale(1, 1);  transform: scale(1, 1);   opacity:1; -webkit-transition-delay: .4s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;}
.main-nav .navbar .dropdown-menu li, .main-nav .navbar .dropdown > .dropdown-menu{-webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;}
.main-nav .navbar .dropdown .dropdown-menu.right{ right: 0; left: auto;}
.main-nav .navbar .dropdown .dropdown-menu.right .dropdown-menu.right{ right: 100%; margin-right: 0; top: 0}
.main-nav .navbar .nav-item.dropdown .nav-link .fa-chevron-down{color: #FF6700; position: relative;}
.main-nav .navbar .nav-item.dropdown:hover .nav-link .fa-chevron-down{ transform: rotate(180deg); transform: -webkit-rotate(180deg); transform: -moz-rotate(180deg); top: 2px; }
.main-nav .navbar .dropdown-menu li.dropdown a.dropdown-item{ position: relative}
.main-nav .navbar .dropdown-menu li.dropdown .dropdown-item span.fa{ position: absolute; left: 1rem; top: 50%; transform: translateY(-50%)}
.main-nav .navbar .navbar-nav .dropdown-menu.right{text-align: right}
.main-nav .navbar-toggler{ line-height: 0; border:none; width: 35px; height: 35px; padding: 0; background:transparent; position: relative; z-index: 111; cursor: pointer; text-align: right}
.navbar-toggler span {
    width: 80%;
    height: 2px;
    margin: 0 auto;
	padding: 0; 
	line-height:0; 
    display: block;
    background: #555;
    transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
    transition-delay: 0.2s;
}
.navbar-toggler span:first-of-type {
    transform: rotate(45deg) translate(2px, 2px); width: 100%;
}
.navbar-toggler span:nth-of-type(2) {
    opacity: 0;
}
.navbar-toggler span:last-of-type {
    transform: rotate(-45deg) translate(1px, -1px); width: 65%;
}
.navbar-toggler.is-active span {    opacity: 1;    margin:0; background: #555;}
.navbar-toggler.is-active{}
.nav-item.dropdown .la-close{ display: none}
.searchbox-collapse{ display: none; width: 100%; position: absolute; top: 0; height: 100%; z-index: 999; background: rgba(255,255,255,.98); /*top: 57px;*/}
.searchbox-collapse .search-form .form-group{ position: relative}
.searchbox-collapse .search-form .form-group .search-close{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); right: .5rem}
.searchbox-collapse .search-close svg{ width: 20px; height: 20px; transform: translateY(0)}
.main-nav .navbar-toggler.search-icon-mobile.active{ background: #d9e3e8; color: #000}
.main-nav .navbar-toggler.search-icon-mobile .la{ font-size: 2rem; position: relative; top: 5px;}
.main-nav .navbar-toggler.search-icon-mobile.active .fa, .main-nav .navbar-toggler.search-icon-mobile .la{ display: none}
.main-nav .navbar-toggler.search-icon-mobile .fa, .main-nav .navbar-toggler.search-icon-mobile.active .la{ display: block}
/*.navbar-fixed-top{    position: fixed;    right: 0;  top: 0;   left: 0;    z-index: 1030;} pranay*/
.navbar-fixed-top{position: fixed; top: 0; z-index: 1030;}
.animatation {    -webkit-animation-duration: .5s;    -moz-animation-duration: .5s;    -o-animation-duration: .5s;    animation-duration: .5s;    -webkit-animation-fill-mode: both;    -moz-animation-fill-mode: both;    -o-animation-fill-mode: both;    animation-fill-mode: both}
.headroom--not-top.slideDown{ background: #fff; border-bottom: solid 1px rgba(0,0,0,0.1);transition:all .5s ease-out;}
.headroom--not-top.slideDown .navbar{padding-top: 0; padding-bottom: 0}
.headroom--not-top.slideDown .navbar .navbar-nav > .nav-item > .nav-link{ padding: 20px 2rem 20px 0; color: #555}
.headroom--not-top.slideDown .light, .fix-nav .dark{max-width: 160px; transition: all .4s ease-out;/* width: 100%;pranay */}
.headroom--not-top.slideDown.fix-nav .navbar-nav .nav-item .nav-link{ color: #000}
a{ transition: color 0.25s ease 0s, border-color 0.2s ease 0s, background 0.2s ease 0s}
.m-relative{ position: relative}
.overlay-a{position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 1;}





/**/
.product-sections{ float: left; width: 100%; min-height: 150px;  }
.product-sections .container-fluid{ /*padding: 35px 15px*/}
.product-sections.h-cube{background-image: linear-gradient(45deg, #2E368F 10%,  #A23D97 100%); background-image: -webkit-linear-gradient(45deg, #2E368F 10%,  #A23D97 100%); background-image: -moz-linear-gradient(45deg, #2E368F 10%,  #A23D97 100%); background-image: -ms-linear-gradient(45deg, #2E368F 10%,  #A23D97 100%);}
.h-cube .container-fluid{ background: url(../images/hcube-section-bg.png) right -30px center no-repeat; }

.product-sections h2 span{ display: block; font-size: 1.3rem; line-height: 1; font-weight: 500}
.product-sections p{ }
.product-sections h4{ margin-bottom: 2.5rem;}
body .outline-btn{border: solid 2px #ff6700;    padding: 9px 25px 11px;    color: #000;    font-size: 1.1rem;    line-height: 1; position: relative; overflow: hidden}
body .outline-btn i, body .btn-primary i{ transition: all .2s ease; visibility: hidden; opacity: 0;  display: inline-block; width: 0}
body .outline-btn:hover i, body .btn-primary:hover i{ padding-left: 10px; visibility: visible; opacity: 1}
body .btn-primary{ background: #ff6700; border:solid 2px #ff6700; padding: 9px 25px 11px;    color: #fff;    font-size: 1.35rem;    line-height: 1;}
body .btn-primary:hover{ background: #ff6700; border-color: #ff6700}

.product-sections.trackex{background-image: linear-gradient(45deg, #FBAC18 5%, #D31C5B 70%); background-image: -webkit-linear-gradient(45deg, #FBAC18 5%, #D31C5B 70%); background-image: -moz-linear-gradient(45deg, #FBAC18 5%, #D31C5B 70%); background-image: -ms-linear-gradient(45deg, #FBAC18 5%, #D31C5B 70%);}
.yellow-darkred-grad{background-image: linear-gradient(45deg, #FBAC18 5%, #D31C5B 70%); background-image: -webkit-linear-gradient(45deg, #FBAC18 5%, #D31C5B 70%); background-image: -moz-linear-gradient(45deg, #FBAC18 5%, #D31C5B 70%); background-image: -ms-linear-gradient(45deg, #FBAC18 5%, #D31C5B 70%);}
.advantage{background: url(../images/advantage-section-bg.png) left bottom no-repeat; background-size: auto }
.trackex .container-fluid{ background: url(../images/trackex-section-bg.png) left 10px center no-repeat; background-size: auto 100% }

.service-section{ float: left; width: 100%; padding:3rem 0; background: #fff}
.font-lg1{ font-size: 2.8rem; line-height: 2.8rem;}
.font-lg2{ font-size: 1.8rem; line-height: 1.8rem;}
.inkblue{ color: var(--inkblue);}
.service-card{}

/*.service-card .card-deck + .card-deck{ margin-top: 1.6rem}*/
.service-card .card{ position: relative; border:solid 1px #cacaca; border-radius: 0; background: url(../images/dots-graybg.png) center no-repeat; background-size: cover}
.service-card .card:before{ content: ""; display: inline-block; position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.4); width: 100%; height: 100%}
.icon{ background: url(../images/iconsprites.png) no-repeat}
.service-card i.icon, i.service-icon{ display: inline-block; width: 70px; height: 52px;}
.service-card .card-deck .card .card-body{ position: relative; z-index: 1}
.service-card i.icon.i-bigdata{ background-position:  -9px -69px;}
.service-card i.icon.i-enterprise{ background-position:  -81px -69px;}
.service-card i.icon.i-cloud{ background-position:  -153px -69px;}
.service-card i.icon.i-management{ background-position:  -226px -69px;}

.product-section{float: left; width: 100%; /*padding: 0 0 3rem 0;*/ background: #fff}
.product-section .hcube, .product-section .sap{  background-image: linear-gradient(30deg, #cfd3d7 0%, #c6d4db 30%, #8596a0 100%); position: relative;}
.product-section .sap .card{ background: url(../images/sap-product-bg.jpg) no-repeat center right; background-size: cover; /*min-height: 465px;*/}
.product-section .hcube .card{ background: url(../images/hcube-product-bg.png) no-repeat center right; background-size: cover; /*min-height: 465px;*/}
.product-section .hcube .card-base, .product-section .sap .card-base{ position: absolute; bottom: 20px; width: calc(100% - 2.5rem); width: -moz-calc(100% - 2.5rem); width: -webkit-calc(100% - 2.5rem);}
h2 span{ display: block; font-size: 1.1rem; line-height: 1; font-weight: 500}
.bor-inkblue{ border-color:var(--inkblue) !important}

.product-section .card .card-base p:last-child{ margin-bottom: 0 }
.product-section .case-study{  background-image: linear-gradient(45deg, #E85E26 15%, #A23D97 80%); background-image: -webkit-linear-gradient(45deg, #E85E26 15%, #A23D97 80%); background-image: -moz-linear-gradient(45deg, #E85E26 15%, #A23D97 80%); background-image: -ms-linear-gradient(45deg, #E85E26 15%, #A23D97 80%); position: relative;}
.product-section .case-study .card{ background: url(../images/dots-graybg.png) no-repeat center; background-size: cover; /*min-height: 220px;*/}
.product-section .whitepaper{  background-image: linear-gradient(20deg, #010afa 0%, #0789b4 50%,  #0df777 100%); position: relative;}
.product-section .whitepaper .card{ background: url(../images/dots-graybg.png) no-repeat center; background-size: cover; min-height: 220px;}
.product-section .erp{  background-image: linear-gradient(30deg, #010afa 0%, #0789b4 50%,  #0df777 100%); position: relative; display: flex; height: 100%;}
.product-section .erp .card{ background: url(../images/dots-graybg.png) no-repeat center; background-size: cover; /*min-height: 220px;*/}
.product-section .erp .card-base, .product-section .devops .card-base{ margin-top: 10%; position: relative}
.product-section .devops{  background-image: linear-gradient(30deg, #d61657 0%, #ea612c 50%,  #fea802 100%); position: relative; display: flex; height: 100%;}
.product-section .devops .card{ background: url(../images/dots-graybg.png) no-repeat center; background-size: cover; /*min-height: 220px;*/}
.product-section .manufacture{ background-image: linear-gradient(30deg, #1b359d 0%, #632ea5 40%,  #ae26ae 100%); position: relative;}
.product-section .manufacture .card{ background: url(../images/dots-graybg.png) no-repeat center; background-size: cover; /*min-height: 220px;*/}


.client-section{ background-image: linear-gradient(30deg, #ec5c06 0%, #cf4257 50%,  #b126ad 100%); float: left; width: 100%; padding: 4rem 0 }
.client-section .logos{ margin: 0; padding: 0; width: 100%;  list-style-type: none; display: flex; flex-flow: row wrap; }
.client-section .logos li:first-child, .client-section .logos li:last-child{margin-bottom: 30px; }
.client-section .logos li{ width: 20%; display:block; text-align: center; align-self:flex-start;}

.txt-inkblue {color: var(--txt-inkblue) !important}

.fotter{ float: left; width: 100%; background: #afc2cb; position: relative; padding: 30px 0; background-image: linear-gradient(90deg, #d8e2e7 0%, #afc2cb 100%);}
/*.fotter:after{ content: ""; display: inline-block; position: absolute; height: 100%; width: 50%; right: 0; background: url(../images/footer-rt-pattern.png) no-repeat right center; top: 0}*/
.fotter:before{ content: ""; display: inline-block; position: absolute;  height: 100%; width: 100%; left: 0; background: url(../images/footer-lf-pattern.png) no-repeat left center; top: 0; background-size: cover; }
.fotter .container{ position: relative; z-index: 11}
.fotter ul{ list-style-type: none; margin: 0; padding: 0;}
.fotter ul li{ display: block;}
.fotter ul li + li{ margin-top: 2px}
.fotter ul li a{ color: #000; text-decoration: none; font-weight: 400}
.fotter ul li a:hover{ color: #424242}
.fotter h4{ font-weight: 700; font-weight: 1.3rem; margin-bottom: .8rem; padding: 0; color: #000}
.ft-follow{ text-align: center; margin-top: 2.5rem;  }
.ft-follow h5{ font-weight: 2rem; font-weight: 700; color: #000; margin-bottom: 1rem}
.ft-follow ol{ list-style-type: none; margin: 0 0 2rem;; padding: 0; text-align: center; }
.ft-follow ol li{ display: inline-block; }
.ft-follow ol li + li{ margin-left: 5px}
.ft-follow ol li a{ width: 30px; height: 30px; background: #000; border-radius: 30px; display: inline-block; line-height: 30px;}
.ft-follow ol li:first-child a:hover{background:#1da1f3; }
.ft-follow ol li:nth-child(2) a:hover{background:#3f51b5; }
.ft-follow ol li:nth-child(3) a:hover{background:#df4b37; }
.ft-follow ol li:nth-child(4) a:hover{background:#0077b5; }
.ft-follow ol li:last-child a:hover{background:#ff0000; }
.ft-follow ol li a i{ color: #fff}
.ft-follow p.rights{color: #000; margin-bottom: 0; font-weight: 400 ; font-size: 1.1rem; }
.fix-nav .navbar-nav .dropdown-menu{box-shadow: 0 6px 12px rgba(0,0,0,0.175); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); -moz-box-shadow: 0 6px 12px rgba(0,0,0,0.175);}

.search-modal .close {    color: #fff;    height: 20px;    margin: 0;    opacity: 1;    position: absolute;    right: 20px;    top: 20px;    width: 20px;	fill:#fff;}
.search-modal #search-form .input-group{border-bottom: solid 2px #fff;}	
.search-modal #search-form .input-group .btn{ font-size: 2.8rem; line-height: 1rem;}
.search-modal #search-form .form-control {  border:none;   background-color: transparent;  color: #fff;  font-size: 30px;  height: auto;  padding-left: 0;
  padding-right: 0;}
.form-control{ outline: none;}
textarea:focus, input:focus{    outline: none;}
.modal-backdrop.show{ opacity: .95}
.search-modal .modal-content {    background-color: transparent;}
.search-modal .modal-content .form-control{ border-radius: 0}
html body.modal-open{ padding-right: 0 !important }

/* page loading */
.pace {  -webkit-pointer-events: none;  pointer-events: none;  -webkit-user-select: none;  -moz-user-select: none;  user-select: none;}
.pace-inactive {  display: none;}
.pace .pace-progress {  background: #f5d919;  position: fixed;  z-index: 2000;  top: 0;  right: 100%;  width: 100%;  height: 5px;}

/*services page*/
.page-bg{transition: opacity 0.8s ease 0s}
.content-space{ position: relative; padding-top: 480px; z-index: -1 }
.hero::after, .hero::before { content: "";  height: 100%;    position: absolute;    top: 0;    transition: all 0.25s ease-in 0.15s; width: 0; z-index: 0;}
.hero {  background-color: #afc2cb;  background-image: linear-gradient(75deg, #d9e3e8 0%,  #afc2cb 70%);  height: 480px; position: absolute; /*position: fixed; */ text-align: left;  top: 0;  width: 100%;  z-index: 0;}
.hero + section, .page-bgcontent {  background-color: #fff;  box-shadow: 0 -3px 1px 0 rgba(0, 0, 0, 0.05);  position: relative}
/*.page-bgcontent:before{ content: ""; display: block; width: 100%; padding-top:480px; position: relative; z-index: -111;}*/
.page-bgcontent {  background: #fff;  z-index: 11;}
.page-bgcontent, [class*="shaded-"], section, sub, sup {  position: relative;}
.hero-content{ position: absolute; left: auto; bottom: 4rem; z-index: 1}
.hero-content p{ font-size: 2rem; line-height: 2rem; font-weight: 300}
.hero-content h1{ font-size: 2.8rem; line-height: 2.8rem; font-weight: 700; margin-bottom: 1rem;}
.heroban-rt-img{ padding:4.3rem 0 0.5rem; position: absolute; width: 100%; height: 100%;}
.heroban-rt-img .img-fluid{ max-height: 100%;}
.sectionpy{padding-top: 3.5rem; padding-bottom: 3.5rem;}
.organization-section h2{ font-size: 2.3rem; line-height: 2.4rem; margin: 0}
.organization-section p{ font-size: 1.5rem; line-height: 2rem; font-weight: 300; padding: 0; margin: 0}
.quote-section{ background-image: linear-gradient(90deg, #343093 0%,  #a627ac 70%);}
.quote-section h4{font-size: 2.2rem; line-height: 2.2rem; color: #fff;}
.quote-section p{ font-size: 1.4rem; color: #fff; line-height: 1.8rem; margin: 2rem 0 0; padding: 0}
.quote {	padding: 6px 16px;	border: none;	quotes: "\201C" "\201D";    display: inline-block;}
.quote h4:before {     content: open-quote;    font-weight: 600;} 
.quote h4:after {     content: close-quote;    font-weight: 600; }
.bigdata-services .hcube{ background-image: linear-gradient(30deg, #6b8ea1 0%,  #dae4e9 60%);}
.bigdata-services .hcube{ position: relative}
.bigdata-services .hcube:before{ position: absolute; content: ""; background: url(../images/bigdata-service-bg.png) center bottom -60px no-repeat; height: 100%;width: 100%; display: block; left: 0; top: 0; background-size: cover;}
.service-card .card .card-body, .service-card .card .card-footer, .bigdata-services .hcube .card-body{ position: relative; z-index: 1}
.service-prod{ padding-top:3.5rem; border-top: solid 1px #B3B3B3}

/*product page*/
.product-img{ padding-bottom: 0; position: relative;}
.heroban-rt-img.product-img img{ position: absolute; max-height: 420px; bottom: 0; right: 0 }
.products.h-cube .container-fluid{ background: url(../images/product-hcubebg.png) center right no-repeat;}
.products.h-cube{background-image: linear-gradient(30deg, #2f3192 0%, #642c9e 40%,  #af26ae 100%); }
.d-blue-d-pink-grad{background-image: linear-gradient(60deg, #2E3192 30%, #B126AE 100%); }
.why-msrcosmos{  background: url(../images/why-msrcosmos-bg.png) right bottom no-repeat; background-size: auto}
.trackex.products{background-image: linear-gradient(30deg, #ffaa01 0%, #e65434 30%,  #d4145a 100%); }
.products ul{ list-style-type: none; margin: 2rem 0; padding: 0}
.products ul li{ font-weight: 300; color: #fff; list-style-type: initial; list-style-position: inside}


/* insights page*/
.insights-section{ background: #fff; padding: 3.5rem 0}
.insights-section .card-img{ height: 200px; background-color: #afc2cb;  background-image: linear-gradient(0deg, #afc2cb 0%,  #d9e3e8 70%); position: relative;}
.insights-section .card-img img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.card-blog .card-header{ background: #0b35a8}
.casestudy-card .card-header{ background: #ff6700}
.webinar-card .card-header{ background: #00d475}
.news-card .card-header{ background: #FCBF01}
.events-card .card-header{ background: #C70039}
.insights-section .card-header{ color: #fff; font-size: 1.2rem; font-weight: 600}
.insights-section .card-title{ line-height: 1.5rem; margin-bottom: .5rem}
.insights-section .card-title a{ font-size: 1.4rem; color: #000;  font-weight: 600;}
.insights-section .header-top h2{ font-size: 2.8rem; margin: 0 0 1rem; padding: 0; line-height: 2.8rem; font-weight: 700}
.insights-section .header-top p{ font-size:1.5rem; line-height: 1.5rem; padding: 0; margin: 0}
body .custom-select{    background-image: linear-gradient(45deg, transparent 50%, #FF6700 50%), linear-gradient(135deg, #FF6700 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-repeat: no-repeat;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;}
.insights-section .input-group .input-group-btn .btn{ border:solid 1px #ced4da; border-left-color: #fff}
.insights-section .input-group .input-group-btn .btn i{ color: #FF6700}

/* contact page*/
.contact-bg{ background: url(../images/contact-bg.png) no-repeat bottom right; background-size: auto 100%}
.lets-talk{ padding-top: 3rem;padding-bottom: 5rem}
.lets-talk h2{ font-size: 2.8rem; line-height: 2.8rem; font-weight: 700; margin-bottom: 1.5rem}
.lets-talk p{ font-size: 1.5rem; line-height: 1.8rem;}
.google-map{ min-height: 350px;  width: 100%; clear: both; position: relative; border: solid .5rem #fff; box-sizing: border-box}
.reachus h2{ font-size: 2.8rem;line-height: 2.8rem; font-weight: 700}
.reachus .contact-details{ margin: 3.8rem 0 0}
.reachus .contact-details h4{ font-size: 1.8rem; line-height: 1.8rem; font-weight: 600 }
.reachus .contact-details ul{ list-style-type: none; margin: 1.2rem 0 0; padding: 0;}
.reachus .contact-details ul li{ list-style-type: none; margin: 0; padding: 0; font-size: 1.5rem; line-height: 1.6rem; padding-left: 45px;  position: relative;}
.reachus .contact-details ul li a{ color: #000; text-decoration: none}
.reachus .contact-details ul li i{ width: 35px; height: 30px;  position: absolute; left: 0; top: 0}
.reachus .contact-details ul li .phone{ background-position: -9px -130px;}
.reachus .contact-details ul li .email{ background-position: -81px -130px; top: 5px;}
.reachus .contact-details ul li .fax{ background-position: -153px -130px; }
.reachus .contact-details ul li + li{ margin-top: 1.5rem}
.contact-locations, .reachus{ margin: 5.1rem 0 0; }
.contact-locations:last-of-type{ margin-bottom: 5.1rem;}
.contact-locations h3{ font-size: 2.1rem; line-height: 2.1rem; margin: 0; padding: 0;  font-weight: 700; color: #FF6700 }
.contact-locations h4{ font-size: 1.8rem; line-height: 1.8rem;  font-weight: 600; margin-bottom: 2.1rem; padding: 0; min-height: 55px; position: relative;}
.contact-locations h4 span{ position: absolute; bottom: 0; left: 0}
.contact-locations p{ font-size: 1.5rem; line-height: 1.8rem; margin: 0; padding: 0 0 0 48px; position: relative;}
.contact-locations p + p{ margin-top:1.5rem}
.contact-locations .location{ margin: 2rem 0 0}
.contact-locations .location i{ width: 35px; height: 35px; display: block; position: absolute; left: 0; top: 0;}
.contact-locations .location .map-icon{ background-position: -226px -130px;}

/* bigdata advanced analytics*/
.secondary-menu{width: 100%; border-top:solid 1px #DAE4E9; border-bottom:solid 1px #DAE4E9; text-align: center;}
.secondary-menu ul{ list-style-type: none; margin: 0 auto; padding: 0; white-space: nowrap; overflow-y: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;}
.secondary-menu ul li{ display: inline-block; vertical-align: middle}
.secondary-menu ul li a{ display: table-cell; font-size: 1rem; color: #000; font-weight: 500; line-height: 1rem; text-align: left; padding: 1rem 0; position: relative; height: 63px; vertical-align: middle; text-decoration: none}
.secondary-menu ul li a:before{ bottom: 5px;  transition: all .5rem ease-out; }
@-webkit-keyframes subline {
	0% {
        bottom: 5px;
		opacity: 0
    }
    100% {
       bottom: -1px;
	  opacity: 1
    }
}
@-moz-keyframes subline {
    0% {
        bottom: 5px;
		opacity: 0
    }
    100% {
       bottom: -1px;
	  opacity: 1
    }
}
@-o-keyframes subline {
    0% {
        bottom: 5px;
		opacity: 0
    }
    100% {
       bottom: -1px;
	  opacity: 1
    }
}
@keyframes subline {
    0% {
        bottom: 5px;
		opacity: 0
    }
    100% {
       bottom: -1px;
	  opacity: 1
    }
}
.secondary-menu ul li a:hover:after, .secondary-menu ul li a.active:after{ content: ""; width: 100%; height: 3px; background: #F16722; border-radius: 3px; position: absolute; bottom: -1px; left: 0;  animation: subline .2s ease-in-out; -webkit-animation: subline .2s ease-in-out; -moz-animation: subline .2s ease-in-out; -o-animation: subline .2s ease-in-out; }
.secondary-menu ul li + li{ margin-left: 2.2rem;}
.secondary-menu ul li a i{ display: inline-block; float: left; width: 40px; height: 25px; position: relative; top: 4px;}
i.hcube{ background-position: -441px -199px;}
i.trackex{ background-position: -514px -199px;}
i.cloud{ background-position: -8px -186px;}
.secondary-menu ul li a i.bigdata{ background-position: -79px -186px;}
.secondary-menu ul li a i.engagement{ background-position: -149px -188px;}
.secondary-menu ul li a i.erp{ background-position: -222px -188px;}
.secondary-menu ul li a i.application{ background-position: -295px -185px;}
.secondary-menu ul li a i.technology{ background-position: -368px -189px;}
/*.secondary-menu ul li a i.technology + span{ margin-top: 6px;}*/
.secondary-menu ul li a span{ display: inline-block; float: left; position: relative; top: 50%; transform:translate(0%,-50%); transform: -webkit-translate(0%,-50%);  transform: -moz-translate(0%,-50%); transform: -ms-translate(0%,50%);}
.hero.subhero{ height: 525px; }
.hero.subhero + .content-space{ padding-top: 525px}
.subhero-mid{ height: 360px;}
.subhero-mid + .content-space{padding-top: 360px;}
.headroom--not-top.slideDown .secondary-menu{background-image: linear-gradient(75deg, #d9e3e8 0%,  #afc2cb 70%); border-bottom: none}
.fontsize-midium1{ font-size: 2.25rem; line-height: 2.8rem; font-weight: 600; margin-bottom: 1.6rem}
.fontsize-small2{ /*font-size: 1.65rem;*/ font-size: 1.5rem;line-height: 1.8rem; font-weight: 300 }/*pranay*/
.data-analytics, .green-blue-grad{ background-image: linear-gradient(45deg, #3CDC94 0%, #69c5ca 40%,  #93B0FC 100%);}
.i-access{ background-position: -8px -250px;}
.i-IoT{ background-position: -80px -250px;}
.i-cognitive, .i-customers{ background-position: -151px -250px;}
/* Application
Lifecycle Management*/
.middle{ top: 50%; position: relative; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%)}
.resource{ list-style-type: none; margin: 0; padding: 0;}
.resource li{ display: block; width: 100%; float: left; position: relative; padding-left: 90px; min-height: 75px;}
.resource li + li{ margin-top: 1.5rem}
.resource li img{ position: absolute; left: 0; top: -10px; }
.resource li span{ display: inline-block; /*font-size: 1.7rem;*/ font-size: 1.5rem; line-height: 1.7rem; font-weight: 300; }
.i-DevOps{ background-position: -225px -250px}
.i-mobile-dev{ background-position: -285px -250px}
.i-support{ background-position: -358px -250px}
/* Cloud Services*/
.basic-ul{  list-style-type: none; margin: 0; padding: 0}
.basic-ul li{ display: block; /*font-size: 1.7rem;*/font-size: 1.5rem; line-height: 1.9rem; font-weight: 300; padding-left: 30px; position: relative}
.basic-ul li + li{margin-top: 1.2rem}
.basic-ul.white-dots li:before{ background: #fff}
.basic-ul li:before{ display: inline-block; content: ""; width: 13px; height: 13px; background: #000; border-radius: 10px; position: absolute; left: 0; top: 11px; /*transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);*/}
.align-content-middle{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.align-content-bottom{position: relative; top: 100%; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); }
/******04052018*****/
.basic-ul li ul li:before{border-radius: 1px;}
.i-cloud-strategy{background-position: -8px -310px}
.i-infrastructure{background-position: -80px -310px}
.i-modernization, .i-upgrades{background-position: -145px -310px}
.i-cloud-application{background-position: -225px -310px}
.i-content-manage{background-position: -369px -310px}
.i-mobility{background-position: -295px -310px}
.i-business-app{background-position: -80px -370px}
.i-checkmark{background-position: -145px -370px}
.i-systems-integration{background-position: -220px -370px}
.i-migration{background-position: -290px -370px}
.i-microsoft{background-position: -297px -8px}
.i-sap{ background-position: -370px -8px}
.i-oracle{background-position: -297px -63px}
.i-aws{background-position: -370px -69px}
.service-card i.i-hadoop{background-position: -297px -130px; width: 135px;}
.i-code-deploy{background-position: -513px -371px;}
.i-expend{background-position: -441px -250px;}
.i-database{background-position: -513px -250px;}
.i-multitaps{background-position: -441px -371px;}
.i-lock{background-position: -441px -8px;}
.i-build{background-position: -513px -8px;}
.i-accelerate{background-position: -441px -128px;}
.i-transformative{background-position: -513px -128px;}
.i-archite{background-position: -298px -491px;}
.i-migrate{background-position: -369px -491px;}
.i-operations{background-position: -440px -491px;}
.i-optimization{background-position: -513px -491px;}
.i-assistance{background-position: -154px -491px;}
.i-maintenance{background-position: -225px -491px;}
.i-deliver{background-position: -8px -491px;}
.i-accelerated{background-position: -80px -491px;}
.i-lowcost{background-position: -585px -491px;}
.i-chart{background-position: -154px -610px;}
.i-bar-graph{background-position: -8px -610px;}
.i-financial{background-position: -80px -610px;}




.service-icon + .font-lg2{ margin-top: -8px;}



/* services inner pages*/
.breadcrumb-mt{ margin-top: 20px;}
.headroom--not-top .breadcrumb-mt{ display: none}
.breadcrumb-item + .breadcrumb-item::before{ content:"\f105"; display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.breadcrumb .breadcrumb-item a, .breadcrumb .breadcrumb-item{ font-size: 1.05rem;}
.breadcrumb .breadcrumb-item a:hover{color: #ff6700}
.breadcrumb-item.active{ color: #6c757a}
body .fontsize-22{ font-size: 1.37rem; }
.basic-ul.orange-dots li:before{ background: #FF6700}
.dataaccess-img{ text-align: center}
.dataaccess-img svg{ max-width: 540px; }
.my-6, .mt-6{ margin-top: 4.5rem;}
.my-6, .mb-6{ margin-bottom: 4.5rem;}
.py-6, .pt-6{ padding-top: 4.5rem;}
.py-6, .pb-6{ padding-bottom: 4.5rem;}
.contact-msr{ background-image: linear-gradient(30deg, #FFAC00 0,  #D4145A 80%);}
.custom-counter{ margin: 0; padding: 0}
.custom-counter li {  counter-increment: step-counter; display: block; font-size: 1.5rem; line-height: 1.9rem; font-weight: 300; padding-left: 30px; position: relative}
.custom-counter li + li{margin-top: 1.2rem}
.custom-counter li::before {  content: counter(step-counter)'.'; left: 0; font-weight: 600;    position: absolute;    top: 0;}
.blue-pink-grad{ background-image: linear-gradient(45deg, #243E95 0%,  #A23D97 70%);}
.font-weight-semibold{ font-weight: 600}
.cardlfticon .card-body{ padding-left:90px; position: relative}
.cardlfticon .card-body .service-icon{ position: absolute; width: 72px; left: 0; top: 11px; height: 100px;}
.mobile-app-dev-diagram{ max-width: 1000px; }
.mobile-apps-support{ max-width: 515px; max-height: 495px; display: inline-block}
.mobile-apps-support svg{ max-height: 100%;}
.business-apps{ max-width: 460px;}
.systems-integration{ max-width: 950px;}
.implementation-chart{ max-width: 860px;}
.migration-chart{ max-width: 900px;}
.enterprise-mobility-chart{ max-width: 440px;}
.CRM-chart{ max-width: 600px;}
.CMS-chart{max-width: 482px;}
.infra-chart svg{ max-width: 303px;}
.AI-MI{ max-width: 460px;}
.icon-ul{  list-style-type: none; margin: 0; padding: 0}
.icon-ul li{ display: block; /*font-size: 1.7rem;*/ font-size: 1.5rem; line-height: 1.9rem; min-height: 60px; font-weight: 300; padding-left: 80px; position: relative}
.icon-ul li img{ position: absolute; left: 0; /*top: -5%;*/}
.icon-ul li + li{margin-top: 2rem}
.expertise p{ font-size: 1rem; line-height: 1.1rem;font-weight: 500;}
.expertise .card-header{ min-height: 85px;}
.card-footer{ padding-bottom: 1.2rem;}

/* search results*/
.search-title{ color: #333}
.search-results{ background: #f0f0f0; }
.search-results .card h4 a:hover{color: #ff6700}
.link-url{ color: #8a8a8a;}
.search-keyword{}
.search-results .card{box-shadow: 0 0 1px rgba(0, 0, 0, 0.02), 0 1px 2px 0 rgba(0, 0, 0, 0.04), 0 2px 1px -2px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.03);}
.container-fluid .container{ overflow: visible}

#googleMap{ overflow: hidden}
.navbar-brand img.light{ max-width:100% ; width: 215px}
.fotter img.img-fluid[alt=MSRCosmos]{ max-width: 222px;}

@media (min-width:1300px){
	.container{max-width:1250px}
	.main-nav .navbar{ max-width: 1250px; margin: 0 auto}
}
@media (min-width:768px){
	.navbar-expand-lg .navbar-nav .dropdown-menu{ position: absolute;}
	button.search-icon-mobile, .navbar-toggler{ display: none}
	.collapse.navbar-collapse{ display: flex; flex-basis: auto}
	.collapse.navbar-collapse .navbar-nav{ flex-direction: row}
	.dropdown, .dropup{ position: relative}
	.home-card .card{ border: none}
	.home-card .card + .card{ border-left: solid 1px var(--grey);}
	.fix-nav .navbar-nav .nav-item a{padding-right: 1.5rem}
	.fix-nav .navbar-nav .dropdown-menu{ min-width: 180px; left: auto; right: 0; box-shadow: 0}
	.fix-nav .navbar-nav .dropdown-menu .dropdown-item{white-space: normal; line-height: 1.15rem; }
	.main-nav .navbar .navbar-nav > .dropdown > .dropdown-menu:after{ 	bottom: 100%;	right: 60px;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;	border-color: rgba(255, 255, 255, 0);	border-bottom-color: #ffffff;	border-width: 8px;	margin-left: -8px;}
	.searchbox-collapse{ display: none !important}
	.Arranging-elements, .arranging-elements{   column-count: 2;  -webkit-column-count: 2; -moz-column-count: 2; column-gap: 3rem; -webkit-column-gap: 3rem;  -moz-column-gap: 3rem;}
	.product-section .card{ min-height: 225px;}
	.align-text-bottom{ bottom: 20px; position: absolute; width:98%; width: calc(100% - 2.5rem); width: -moz-calc(100% - 2.5rem); width:-webkit-calc(100% - 2.5rem)}
}
@media (max-width:767px){
	/*.search-desktop{ display: none !important}*/
	.c-offcanvas .navbar{ padding-left: 0; padding-right: 0}
	.navbar-toggler span:first-of-type,
    .navbar-toggler span:nth-of-type(2),
    .navbar-toggler span:last-of-type {        transform: none;        opacity: 1;		float: right;        margin: 4px auto;    }
    .navbar-toggler.is-active span {        margin: 0 auto;		color: #fff;    }
    .navbar-toggler.is-active span:first-of-type {        transform: rotate(45deg) translate(2px, 2px); width: 30px;    }
    .navbar-toggler.is-active span:nth-of-type(2) {        opacity: 0;    }
    .navbar-toggler.is-active span:last-of-type {        transform: rotate(-45deg) translate(1px, -1px); width: 30px;    }
	.social-icons{ list-style-type: none;/* margin: 0 15px;*/ margin: 0 2px; padding: 0;  width: 100%; text-align: center; }
	.navbar .offcanvas-nav .dropdown.show .nav-link{ font-weight: 700; background: #0872d7; color: #fff;}
	.social-icons li{ display: inline-block; text-align: center;  margin: 0 15px 10px;}
	.social-icons li a{ background: #fff; color: #444444;   border-radius: 30px;    display: inline-block;      line-height: 28px;  }
	.navbar .offcanvas-nav{ width: 100%; text-align: right;}
	.navbar .offcanvas-nav .nav-item a{ padding-right: 40px; padding-top: .5rem; padding-bottom: .5rem; }
	.navbar .offcanvas-nav .nav-item{ border-top: solid thin #e5e5e5;}
	.navbar .offcanvas-nav .nav-item:nth-last-child(2){border-bottom: solid thin #e5e5e5;}
	.navbar .offcanvas-nav .nav-item .nav-link{color: #444444; font-size: .95rem; position: relative}
	.navbar .offcanvas-nav .nav-item .nav-link .dropdownicon{ position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
	.navbar .offcanvas-nav .nav-item.search-icon{ display: none}
	.navbar .offcanvas-nav .dropdown-menu{ border-radius: 0; padding: 0; margin: 0; border:none; background: #EEEEEE; text-align: right}
	.navbar .offcanvas-nav .dropdown-menu .dropdown-item{ white-space: inherit; line-height: 1.1rem; position: relative;}
	.navbar .offcanvas-nav .dropdown-menu .dropdown-item .fa-angle-left{ position: absolute; right: 18px; top: 55%; transform: translateY(-50%) rotate(-180deg); font-size: 1.3rem;}
	.navbar .offcanvas-nav .dropdown-menu .dropdown, .navbar .offcanvas-nav .dropdown-menu .dropdown-menu .dropdown{ border-top: solid thin #e5e5e5}
	.navbar .offcanvas-nav .dropdown.show .nav-link .la-close{ display: block;  font-size: 1.2rem; top: 53% !important; color: #fff;}
	.offcanvas-nav .dropdown.show .fa-chevron-down{ display: none}
	.navbar .offcanvas-nav .dropdown-menu .dropdown-menu{background: #FAFAFA}
	.navbar .offcanvas-nav .dropdown-menu .dropdown:hover .dropdown-menu{ display: block; }
	/*.navbar .offcanvas-nav .dropdown > a:focus, .navbar .offcanvas-nav .dropdown > a:hover, .navbar .offcanvas-nav .dropdown:focus > a,  .navbar .offcanvas-nav .dropdown:hover > a, .navbar .offcanvas-nav .dropdown a:hover, .navbar .offcanvas-nav .dropdown a:focus{ background:#E3F2FD;}*/
	.navbar .offcanvas-nav .dropdown:focus > a .fa-angle-left,  .navbar .offcanvas-nav .dropdown:hover > a .fa-angle-left{ transform: rotate(-90deg) translateY(-50%); top: 39%; right: 7px; }
	.navbar .offcanvas-nav .dropdown-menu .dropdown .dropdown-menu li{-webkit-transform-origin: top;  transform-origin: top;  -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;   -webkit-transform: scale(1, 0); opacity: 0;  display: block; visibility: hidden;  transition: all 300ms  ease-out;  -webkit-transition: all 0.2s  ease-out;}
	.navbar .offcanvas-nav .dropdown-menu .dropdown:hover .dropdown-menu li{-webkit-transform: scale(1, 1); visibility: visible; transform: scale(1, 1);   opacity:1;}
	.navbar .offcanvas-nav .navbar-nav > .nav-item > .nav-link{ padding-top: .8rem; padding-bottom: .8rem; font-weight: 500; font-size: 1.05rem; }
	.navbar-brand .dark{ display: block !important} 
	/*.navbar-brand .light{ display: none}*/
	.navbar{ padding: 0}
	.mobile-header{ padding: 0 .5rem; align-items: center;    display: flex;    flex-wrap: wrap;    justify-content: space-between;    padding:0 1rem;
    position: relative; width: 100%;}
	.search-icon-mobile{ border: none ;}
	.main-nav .navbar-toggler.search-icon-mobile{ text-align: center;}
	.main-nav .navbar-toggler.search-icon-mobile{position: relative; left: 0; margin-top: -8px; text-align: center;  width: 55px; border-radius: 0; height: 65px; }
	.main-nav .navbar-toggler.search-icon-mobile span{ height: auto; background: transparent; float: none; }
	.main-nav .navbar-toggler.search-icon-mobile[aria-expanded="true"]{background:#E3F2FD; color: #757575;}
	#serchbox .col-12{/*background-image: linear-gradient(-180deg, #d9e3e8 0%,  #afc2cb 70%); border-bottom: solid 2px #e9eff2;*/ }
	.search-form .form-group{ margin: 0; }
	.search-form .form-group .search-field{ border: none; font-size: 1.1rem;text-align: left; background: transparent;}
	.js-offcanvas-toggler{ margin-right: 0px;}

	.container-fluid .container{ padding-left: 0; padding-right: 0;padding-right: 0; max-width: 1024px;}
	.home-card .card-body{ padding-left: .5rem; padding-right: .5rem;}
	.tagline h1{ font-size: 3.6rem;}
	.tagline h2{ font-size: 2.5rem}
	.tagline h4{ font-size: 1.5rem}
	.home-card .card-group .card-body p{ font-size: 1.1rem; line-height: 1.3rem}
	.product-section .case-study .card-body{ min-height: 250px}
	.product-section .hcube .card-body{ min-height: 250px;}
	.product-section .erp .card-body, .product-section .devops .card-body{ min-height: 180px;}
	.product-section .erp .card-base, .product-section .devops .card-base{ margin-top: 1%;}
	.product-section .sap .card-body{ min-height: 423px;}
	.client-section .logos li img{ max-width: 180px; width: 100%;}
	.main-nav{ position: relative}
	.searchbox-collapse h4{ font-size: .9rem;}
	.basic-ul li::before{ top: 6px; width: 10px; height: 10px;}
	.basic-ul li + li{ margin-top: .6rem;}
	.my-6, .mb-6{ margin-bottom: 2rem;}
	.my-6, .mt-6{ margin-top: 2rem;}
	.py-6, .pb-6{ padding-bottom: 2rem;}
	.py-6, .pt-6{ padding-top: 2rem;}
	.pt-5, py-5{ padding-top: .8rem !important;}
	.pb-5, py-5{ padding-bottom: .8rem !important;}
	.has-offcanvas--overlay .secondary-menu.m-relative {opacity: 0.2;}
    

	

}
@media (max-width:767px){
	.navbar-fixed-top{ position: relative;}
	.fix-nav .navbar{ padding: 0}
	.main-nav{ background: #fff;}
	.home-banner{ min-height: 320px;}
	.trackex .container-fluid{ background-image: 80%}
	.product-section.service-prods .card-base{ position: relative; bottom: auto;}
	.product-section.service-prods .sap{ margin-top: 20px;}
	.product-section .sap .card-body{ min-height: auto}
	.service-card{ margin-top: 1.5rem}
	.insights-section .card-img img{ max-width: 90%}
	.home-content-space{ padding-top: 341px;}
	.home-banner{ min-height: 400px;}
	.secondary-menu{ background: #d9e3e8; background-image: linear-gradient(75deg, #d9e3e8 0%,  #afc2cb 70%);}
}
@media (max-width:640px){
	.tagline{ top: 50%;}
	.tagline h1{ font-size: 2.5rem; line-height: 2.5rem;}
	.tagline h2{ font-size: 1.6rem; line-height: 1.6rem;}
	.tagline h4{ font-size: 1.1rem; line-height: 1.5rem; margin: .8rem;}
	.product-section .sap .card-body, .product-section .hcube .card-body{  min-height: 250px;}
	.product-section .hcube .card-base, .product-section .sap .card-base{ position: static; padding-bottom: 1rem; padding-top: 1rem; width: 100%}
	.client-section .logos li{ width: 33%;}
	.client-section .logos li:nth-child(3n+1){margin-bottom: 15px;}
	/*.product-section .manufacture .card-body{ margin-bottom: 25px;}*/
	.home-card .card{padding: 15px 0}
	.h-cube .container-fluid{ background-size: 80%; background-position: right -30px bottom -50px}
	.home-banner:before{ min-height: 100px; height: 15%;}
	.fotter [class^="col-"] + [class^="col-"], .fotter [class*=" col-"] + [class*=" col-"]{margin-top: 10px;}
	.client-section{ padding: 2rem 0}
	.navbar-brand img{ max-width: 165px;}
	.home-card .card-body{ padding-top: 0}
	.fontsize-midium1, .quote-section h4{ font-size: 1.5rem; line-height: 1.6rem;}
	.fontsize-small2, .resource li span, .lets-talk p, .insights-section .header-top p, .organization-section p, .products ul li, .basic-ul li, .custom-counter li,.icon-ul li{ font-size: 1.1rem; line-height: 1.3rem;}
	.hero-content p{ font-size: 1.25rem; line-height: 1.35rem;}
	.resource li{ padding-left: 68px;}
	body p, body .insight-individual > ul li{ font-size: 1.1rem; line-height: 1.5rem;}
	body .insight-individual > ul li:before{width: 8px; height: 8px;}
	.fontsize-midium1.mb-4, .fontsize-midium1.mb-5{ margin-bottom: 1rem !important;}
	.service-section, .sectionpy{ padding-top: 1rem; padding-bottom: 1rem}
	.service-prod{ padding-top: 1.5rem;}
	.hero-content h1{ margin-bottom: 0}
	.hero-content h1, .reachus h2{ font-size: 1.6rem; line-height: 2rem;}
	.hero.subhero{ height: 400px;}
	body .hero.subhero .container-fluid{ background-size: 90% auto !important}
		.font-lg1, .contact-locations h3, .insights-section .header-top h2{ font-size: 1.8rem; line-height: 1.8rem;}
	.font-lg2, .lets-talk h2, .organization-section h2{ font-size: 1.6rem; line-height: 1.8rem; font-weight: 600 !important}
	.contact-details, .reachus, .reachus .contact-details{ margin-top: 2rem}
	.reachus .contact-details h4{ font-size: 1.6rem; line-height: 1.5rem;}
	.reachus .contact-details ul li{ font-size: 1.2rem; line-height: 1.3rem;}
	.contact-locations, .reachus{ margin-top: 3rem}
	.contact-locations h4{ min-height: 20px;}
	.lets-talk{ padding-bottom: 2.5rem}
	.mpt-4 + .mpt-4{ margin-top: 1.5rem;}
	.align-content-middle, .align-content-bottom{ top: auto; bottom: auto; transform: none}
	
	body .hero.subhero .container-fluid.insight-bg{ background-size: 75% auto !important}

}
@media screen and (min-width: 768px) and (max-width:960px) {
	.fix-nav .navbar-nav > .nav-item > a{ padding-right: 1rem; font-size: 1rem;  }
	.headroom--not-top.slideDown .navbar .navbar-nav > .nav-item > .nav-link{  font-size: 1rem }
	.fix-nav .navbar-nav .nav-item.dropdown a{ padding-right: .5rem;}
	.main-nav .navbar .nav-item.dropdown .nav-link .fa-chevron-down{ font-size: 1rem}
/*	.product-section .case-study .card-body, .product-section .hcube .card-body{min-height: 275px;}*/
	.product-section .erp .card-base{ margin-top: 5%;}
	.product-section .devops .card-base{ margin-top: 2%}
	.product-section .devops .card-body{ min-height: 182px;}
	.navbar-brand .light{ max-width: 180px;}
	.container-fluid .container{ max-width: 100%}
	.client-section .logos li img{ max-width: 130px; width: 100%}
	.headroom--not-top.slideDown .navbar .navbar-nav > .nav-item > .nav-link{ padding: 20px .9rem 20px 0; color: #555}
	.insights-section .card-img img{ max-width: 90%}
	
	.hero-content h1{ font-size: 2.8rem;}
	.hero-content p{ font-size: 1.8rem; line-height: 2rem}
	.organization-section h2{ font-size: 2.1rem; line-height: 2.2rem}
	.organization-section p{ font-size: 1.4rem; line-height: 1.5rem}
	.service-card .h-50, .product-section .h-50{ height: auto !important}
	.product-section .sap .card-body{ min-height: auto}
	.product-section.service-prods .card-base{ position: relative; bottom: auto;}
	.product-section.service-prods .sap{ margin-top: 20px;}
	.contact-bg{ background-size: auto 80% !important;}
	.hero{ height: 360px;}
	.subhero-mid + .content-space{ padding-top: 360px; -webkit-padding-before: 217px;}
	.content-space{ padding-top: 360px; -webkit-padding-before: 217px;} /* pranay */
	.hero-content{ bottom: 1.5rem}
	
	.navbar-light .navbar-brand{ margin-right: .5rem}
	
	
	.home-banner{ height: 450px !important}
	.home-content-space{ padding-top: 450px !important}
	.home-banner::before{ height: 25%;  min-height: 105px;}
	/*pranay*/
	.trackex-bg {
    background-size: 84% auto !important;background-position: bottom -35px right;}
	.insight-individual {display: inline-block;width: 100%;}
	iframe {max-width: 100% !important;}
	.navbar-brand img.light{ max-width: 100%; width: 180px;}
	.has-offcanvas--overlay .secondary-menu.m-relative {opacity: 0.2;}
}
@media screen and (min-width: 960px) and (max-width:1115px) {	
	.home-banner:before{ min-height: 180px;}
	/*.tagline{ left: 50%; top: 28%; transform: translateX(-50%); padding-left: 0}*/
	.navbar-expand-lg .navbar-nav > .nav-item.dropdown > .nav-link{ position: relative; padding-right: 2rem;} 
	.navbar-expand-lg .navbar-nav .nav-link .dropdownicon{ position: absolute; top: 50%; right: 8px; transform: translateY(-50%)}
	.product-section  .h-50{ height: auto !important}
	.product-section .sap .card-body, .product-section .sap{ height: 100%;}
	.hero-content h1{ font-size: 2.8rem;}
	.hero-content p{ font-size: 2rem}
	.container-fluid .container{ max-width: 100%;}
}
@media screen and (min-width: 320px) and (max-width:480px) {
	.tagline h1{ font-size: 2.2rem; line-height: 1.3rem}
	.tagline h2{ font-size: 1.2rem;}
	.tagline h4{ font-size: 1.1rem; margin-top: .5rem; line-height: 1.3rem;}
	.home-banner:before{ min-height: 90px; height: auto}
	.home-content-space{ padding-top: 290px;}
	.home-banner{ min-height: 350px;}
	/*.hero.subhero{ min-height: 250px; height: auto; padding-bottom: 2rem}*/
	.breadcrumb-mt .breadcrumb{ padding: 0}
	.breadcrumb .breadcrumb-item a, .breadcrumb .breadcrumb-item{ font-size: .9rem; line-height: 1.1rem}
	.breadcrumb-mt{ display: none}
	
	.hero.subhero{ height: 350px;}
	/*pranay*/
	.grand_child {height: 295px!important;}
	
}
@media only screen and (min-device-width : 320px) and (max-device-width : 640px) {
	.pace .pace-progress{display: none}
	.hero-content{ position: relative; bottom: auto}
	.hero, .heroban-rt-img{ position: static; height: auto}
	.heroban-rt-img{ padding: 1.5rem 0}
	.content-space{ display: none}
	.hero .container-fluid .container{ padding-top: 1.5rem}
	.organization-section [class^="col-"] + [class^="col-"]{ margin-top: 1.5rem }
	.heroban-rt-img.product-img img{ position: static;}
	.heroban-rt-img.product-img{ padding-bottom: 0}
	.contact-bg{ min-height: 200px;}
	.contact-bg .hero-content{ min-height: 155px; display: block;}
	.contact-bg .hero-content h1{position: absolute; bottom: 0px;}
	/* pranay*/
	.cardlfticon .card-body{padding-left: 57px; /*padding-left: 80px;*/}
	.icon-ul li img {position: absolute;left: 21px;top: -5%;width: 30px;}
	.cardlfticon .card-body .service-icon{background-size: 500px; width: 51px;height: 85px;}
	.i-archite {background-position: -213px -352px;}
	.i-assistance {background-position: -110px -351px;}
	.i-maintenance {background-position: -161px -352px;}
	.i-migrate {background-position: -264px -352px;}
	.i-operations {background-position: -315px -352px;}
	.i-optimization {background-position: -367px -352px;}
	.i-expend {background-position: -315px -179px;}
	.i-multitaps {background-position: -315px -265px;}
	.i-database {background-position: -367px -179px;}
	.i-code-deploy {background-position: -367px -265px;}
	.i-lock {background-position: -315px -6px;}
	.i-build {background-position: -366px -6px;}
	.i-accelerate {background-position: -315px -92px;}
	.i-transformative {background-position: -367px -92px;}
	.i-deliver{background-position: -6px -351px;}
	.i-accelerated{background-position: -58px -351px;}
	.i-lowcost{background-position: -419px -351px;}
	.i-chart{background-position: -110px -437px;}
	.i-financial{background-position: -59px -437px;}
	.i-bar-graph{background-position: -6px -437px;}
	/* pranay*/
	/* privacy policy */ 
h1 + p:empty { display: block;padding-top: 5px;}
	.blog-social .fa {font-size: 20px;}
	/*.insight-individual > ul li {font-size: 1.3rem!important;}*/
	body h2{font-size: 1.3rem;}
	body h3{font-size: 1.2rem;}
	.font-lg1.mb-3, .font-lg1.mb-2{ margin-top: 1.5rem; margin-bottom: 0 !important}
	.service-card{ /*margin-top: 0*/}
	.home-banner{ position: absolute}
	.navbar-brand img.light{ max-width: 100%; width: 160px;}
	/* removed background image */
	.h-cube .container-fluid, .trackex .container-fluid, .product-section .whitepaper .card, .product-section .case-study .card, .product-section .hcube .card, .product-section .sap .card, .product-section .devops .card, .product-section .manufacture .card, .product-section .erp .card, .products.h-cube .container-fluid,.advantage,.why-msrcosmos{ background-image: none}
	.product-section.service-prods .sap{margin-top: 20px; /*margin-top: 0*/}
	
	/*body .hero.subhero .container-fluid{ background-size: 75% auto !important}*/
	.breadcrumb-mt{ display: none}
	
	/*pranay*/
	.has-offcanvas--overlay .secondary-menu.m-relative {opacity: 0.2;}
	iframe {max-width: 100% !important;}
	.container-fluid.py-6 .mt-5{margin-top: 0px!important;}
	.container-fluid.py-6 ul {margin-top: 0.6rem;}
	.search-field {padding-right: 100px!important;}
	.resource li img {position: absolute;left: 15px;top: -10px;width: 40px;height: 40px;}

}
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
	.icon, .home-card .card-icon{ background-image: url(../images/iconsprites@2x.png); background-size: 700px 700px;}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	.home-banner{ height: 450px !important}
	.home-content-space{ padding-top: 450px !important}
	.home-banner:before{ height: 10% !important;  min-height: 150px !important;}
}
@media (max-height: 620px) and (min-width:1024px){
	.home-banner{ height: 550px !important;  }
	body .home-content-space{ padding-top: 550px !important;}
	.home-banner::before{ min-height: 160px; height: 15%;}
	
}
@media (max-height: 700px) and (min-width:1024px){
	.waves__container canvas{ height: 800px !important}
}
@media (min-height: 620px) and (max-height:768px) and (min-width:1100px){
	.home-banner::before{min-height:150px;  height: 25%}
	.tagline h1{ font-size: 3.6rem; }
	.tagline h2{font-size:2.5rem}
	.tagline h4{ font-size: 1.9rem;}
}
.home-banner:before
	
/*IE Browser CSS*/
@media screen and (-ms-high-contrast:active),
 (-ms-high-contrast:none) {
	 .secondary-menu ul li a span{ transform: translate(0, 0%)}
	 .card{ width: 100%;}
}
@supports (-ms-ime-align:auto) {
	.secondary-menu ul li a span{ transform: translate(0, 0%)}
	.card{ width: 100%;}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
		.navbar-toggler.search-icon-mobile span{ height: 0}
	  .main-nav{ position: relative;}
	  .main-nav .navbar{  background: #fff}
	  .main-nav .navbar-expand-lg .collapse.navbar-collapse{ display: none !important}
	 .navbar-expand-lg button.search-icon-mobile, .navbar-expand-lg .navbar-toggler{ display: block}
	  .navbar-toggler span{ transform: none; opacity: 1;}
		.navbar-toggler span:first-of-type, .navbar-toggler span:nth-of-type(2), .navbar-toggler span:last-of-type{ transform: none; opacity: 1; margin: 4px auto; float: right}
	.navbar-toggler.is-active span{ float: none; margin: 0; width: 100%;}
		.navbar-toggler.is-active span:nth-of-type(2){ opacity: 0}
		.navbar-toggler.is-active span:first-of-type{transform:rotate(45deg) translate(2px, 2px)}
		.navbar-toggler.is-active span:last-of-type{transform:rotate(-45deg) translate(1px, -1px)}
		
		.social-icons{ margin: 0; padding: 0; width: 100%; text-align: center}
		.social-icons li{ display: inline-block; text-align: center;  margin: 0 15px 10px;}
	.social-icons li a{ background: #fff; color: #444444;   border-radius: 30px;    display: inline-block;      line-height: 28px;  }
	  .main-nav .navbar{justify-content:space-between}
		.c-offcanvas .navbar{ padding: 0}
	.navbar .ipad-menu {  text-align: right;  width: 100%;}
		.navbar .ipad-menu	.navbar-nav{flex-direction:column; width: 100%}
	.navbar .ipad-menu .nav-item {    border-top: thin solid #e5e5e5;}
		.navbar .ipad-menu .nav-item a {  display: block;  line-height: 1rem;  padding-bottom: 0.8rem;  padding-top: 0.8rem; padding-right: 3rem;}
		
		.navbar .ipad-menu .dropdown-menu{ border-radius: 0; padding: 0; margin: 0; border:none; background: #EEEEEE; text-align: right}
		.navbar-nav > .menu-item.menu-item-has-children .header-subnav-indicator{  box-sizing: border-box;  height: 40px;    position: absolute;
  right: 0;  z-index: 11; top: 0; /* top:50%;  transform: translate3d(0px, -50%, 0px);  transition: height 333ms cubic-bezier(0.666, 0, 0.333, 1) 0s;*/  width: 40px; }
.navbar-nav > .menu-item.menu-item-has-children .header-subnav-indicator:before, .navbar-nav > .menu-item.menu-item-has-children .header-subnav-indicator:after {  box-sizing: border-box;  content: "";  height: 8px;  left: 0;  position: absolute;  transition: border-color 333ms cubic-bezier(0.666, 0, 0.333, 1) 0s;  width: 16px;}
.navbar-nav > .menu-item.menu-item-has-children .header-subnav-indicator::before {  border-left: 2px solid #777;  border-right: 2px solid #777;
  border-top: 2px solid #777;  border-top-left-radius: 15px;  border-top-right-radius: 15px;  top: 12px; left: 12px;}
.navbar-nav > .menu-item.menu-item-has-children .header-subnav-indicator::after {  border-bottom: 2px solid #777;  border-bottom-left-radius: 15px;  border-bottom-right-radius: 15px;  border-left: 2px solid #777;  border-right: 2px solid #777;  bottom: 12px; left: 12px;}
.navbar-nav > .menu-item.menu-item-has-children.open > .header-subnav-indicator{ top: 0;}
	.navbar-nav .dropdown-menu .dropdown.open .header-subnav-indicator.active{ top: 0;}
	.navbar-nav > .menu-item.menu-item-has-children .header-subnav-indicator.active::before{ top: 9px; border-color: #ff6700;}
	.navbar-nav > .menu-item.menu-item-has-children .header-subnav-indicator.active::after{bottom: 9px; border-color: #ff6700;}
	.c-offcanvas .dropdown-menu .menu-item-has-children > a::before{ display: none}
	.navbar .ipad-menu .dropdown-menu .dropdown:hover .dropdown-menu{ display: none}
	.navbar .ipad-menu .dropdown-menu .dropdown .dropdown-menu.active{ display: block}
	.navbar .ipad-menu .dropdown-menu .dropdown .dropdown-menu li{ transform: scale(1); opacity: 1;  visibility: visible; }
	.navbar-nav > .menu-item.menu-item-has-children > a:before{ content: ""; background: #f9f9ff9; border-left: solid 1px #ddd;  display: inline-block; width: 2.5rem;  height: 100%; right: 0; top: 0;  position: absolute;  }
	.navbar .ipad-menu .nav-item a{ padding-right: 3rem;}
	.navbar .ipad-menu .nav-item:last-nth-child(2){ border-bottom: thin solid #e5e5e5;}
	.navbar-nav > .menu-item > a{ font-size: .9rem; font-weight: 500; text-transform: uppercase;}
		body .navbar-nav > .menu-item.menu-item-has-children > a:after{ display: none}
	.navbar .ipad-menu .nav-item.search-icon{ display: none}
		.navbar .ipad-menu .nav-item:nth-last-child(2){ border-bottom: thin solid #e5e5e5}
	.dropdown-menu.active{ display: block}
	  
	   .hero.subhero{ position: relative; margin-top: -150px;}
	  .hero.subhero.grand_child{ margin-top: -180px;}
	  .subhero + .content-space{ display: none}

}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  .waves__container canvas{ height: 750px !important; width: 100% !important;}
	  .waves__container::before{ top: 0}
	 
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) and (orientation: landscape) 
	and (-webkit-min-device-pixel-ratio: 2) {
		.waves__container canvas{ width: 100% !important}
		body .home-content-space{ padding-top: 420px !important; }
		
}



/* Sapphire Now 2018 */
.request-form{ background: #eeeeee; padding: 1.5rem 2rem}
.request-form .form-group .wpcf7-list-item-label{ font-size: .95rem; margin-bottom: .2rem }
.request-form .form-group [type="radio"]:checked,
.request-form .form-group [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.request-form .form-group [type="radio"]:checked + .wpcf7-list-item-label,
.request-form .form-group [type="radio"]:not(:checked) + .wpcf7-list-item-label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.request-form .form-group [type="radio"]:checked + .wpcf7-list-item-label:before,
.request-form .form-group [type="radio"]:not(:checked) + .wpcf7-list-item-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ced4da;
    border-radius: 100%;
    background: #fff;
}
.request-form .form-group [type="radio"]:checked + .wpcf7-list-item-label:after,
.request-form .form-group [type="radio"]:not(:checked) + .wpcf7-list-item-label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #ff6700;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.request-form .form-group [type="radio"]:not(:checked) + .wpcf7-list-item-label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.request-form .form-group [type="radio"]:checked + .wpcf7-list-item-label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.request-form .btn{ cursor:pointer}
.wpcf7-form-control.wpcf7-radio.form-check-input .wpcf7-list-item{ display: block}
.wpcf7-form-control.wpcf7-radio.form-check-input{ position: static; margin: 0; padding: 0}
.request-form .screen-reader-response{ display: none;}
.request-form .form-group{ margin-bottom: .3rem;}
.request-form .form-group .wpcf7-not-valid-tip{ font-size: 80%; color: #dc3545}
.request-form .form-group .req{ color:#dc3545 }
@media (min-width: 320px) and (max-width:640px){
	.request-form{ margin-top: 1.5rem; padding: 1.5rem 1rem;}
	.request-form .fontsizesmall{ font-size: 1.6rem; text-align: center}
	.request-form  .form-control-md{ font-size: .92rem; margin-bottom: .2rem}
}

/*.sapphire-banner:after{ width: 100%; height: 50%; content: ""; display: block; background: orange; position: absolute; top: 0; left: 0}*/

/*sapphire 2018 Open*/
.hero-content .sapphire-title{ font-size: 3.5rem; line-height: 3.8rem}
.sap-support{ font-size: 1rem; line-height: 1.1rem;/* background: url(../images/dots-graybg.png) center no-repeat rgba(165,186,196,0.2); background-size: cover; border: solid 1px #cacaca;*/ padding: 1rem; box-sizing: border-box; margin-bottom: 1.5rem; background-image: linear-gradient(45deg, #E85E26 15%, #A23D97 80%); background-image: -webkit-linear-gradient(45deg, #E85E26 15%, #A23D97 80%); background-image: -moz-linear-gradient(45deg, #E85E26 15%, #A23D97 80%); background-image: -ms-linear-gradient(45deg, #E85E26 15%, #A23D97 80%); color: #fff; position: relative;}
.sap-support:after{ background: url(../images/dots-graybg.png) no-repeat center; background-size: cover; content: ""; display: block; position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; left: 0}
.sap-support *{ position: relative; z-index: 1}
.sap-support a:hover{ text-decoration: underline}
.sap-support p{ font-size: 1.1rem; line-height: 1.6rem}
.knowledge-topics{ padding: 1.5rem; background: #f7f7f7; margin-top: 1.5rem}
.knowledge-topics h4{ font-size: 1.5rem; font-weight: 500; margin:0 0 .5rem; padding: 0}
.knowledge-topics ul{ margin: 0; padding: 0; list-style-position: inside; list-style-type: none}
.knowledge-topics ul li{ position: relative; padding-left: 25px}
.knowledge-topics ul li + li{margin-top:.3rem}
.knowledge-topics ul li::before {content: "•"; position: absolute; color: #ff6700; top: 50%; left: 0; font-size: 2.4rem;
  display: inline-block; width: 1em; line-height: 0}
.sapphire-left p, .contact-info p{ font-size: 1.1rem; line-height: 1.6rem}

.sapphire-left .card.book-appointment{background-image: linear-gradient(30deg, #010afa 0%, #0789b4 50%,  #0df777 100%); max-width: 450px; margin: 1.5rem auto;}
 .sapphire-left .card.book-appointment .card-body{background: url(../images/dots-graybg.png) no-repeat center; background-size: cover; text-align: center; padding: 2rem}
.sapphire-left .card.book-appointment .card-body p{ color: #fff}
.sapphire-left .card.book-appointment .card-body a{ color: #fff; font-weight: 500; font-size: 1.3rem}
.sapphire-left .card.book-appointment .card-body a i{font-size: 1rem; font-weight: 300; position: relative; top: -.1rem}
.sapphire-left .card.book-appointment .card-body h4{ font-size: 1.8rem; color: #fff; font-weight: 600;}

.sapphire-left .sapphire-blogs .card-body{background:#f7f7f7}
.party-address{ padding-left: 25px; position: relative;}
.party-address i{ position: absolute; left: 0; top: 5px; color: #8898aa;}
.with-icons{ padding-left: 20px; position: relative;}
.with-icons i.fa{ position: absolute; left: 0; color: #8898aa; top: 5px }
.lineheight-0{ line-height: 1.1}

@media (max-width:640px){
	.hero-content .sapphire-title{ font-size: 2.2rem; line-height: 2.5rem}
	.sapphire-banner h2{ font-size: 1.5rem; line-height: 1.7rem;}
}

/*sapphire 2018 Close*/

/**VINCI360**/
.basic-ul li ol{ margin: .3rem 0 0; padding: 0}
	.basic-ul li ol li{ font-size: 1.35rem}
	.basic-ul li ol li::before{border: solid 2px #888; background: #fff; top: 9px; border-radius: 0;}
	.basic-ul.orange-dots li ol li:before{  border: solid 2px #ff6700; background: #fff;  }
	.highlights-deck .card {
  background: transparent;
  border-color: currentcolor currentcolor currentcolor #fff;
  border-image: none;
  border-radius: 0;
  border-style: none none none solid;
  border-width: medium medium medium 2px;
		color: #fff;
		font-size: 1.3rem;
		line-height: 1.5rem
}
	.highlights-deck .card:first-child {  border-color: rgba(255, 255, 255, 0.33);}
	.highlights-deck .card:nth-child(2) {  border-color: rgba(255, 255, 255, 0.66);}
.contact-msr.know-right-now{
background-image: linear-gradient(30deg, #010afa 0%, #0789b4 50%, #0df777 100%);
background-image: -webkit-linear-gradient(30deg, #010afa 0%, #0789b4 50%, #0df777 100%);
background-image: -moz-linear-gradient(30deg, #010afa 0%, #0789b4 50%, #0df777 100%);
}
 .vinci360 .container-fluid{ background: url(../images/vinci360-section-bg.png) left 3% center no-repeat; background-size: auto}
i.vinci360{ background-position: -584px -199px;}
 @media (max-width: 640px){
.basic-ul li ol li {
    font-size: 1.1rem;
}
.basic-ul li ol li::before
{
	top: 6px;
}
	 .vinci360 .container-fluid
	 {
		 background: none;
	 }
}
 @media (max-width: 768px){
	 .vinci360 .container-fluid {
        background-position: left -150px center;
}
	 
}
@media (max-width: 1300px) and (min-width: 960px){
	 .vinci-banner .container-fluid {
        background-position: bottom -96px right 10px !important;
    background-size: auto 80% !important;
}
	 
}


.whitepaper-download .modal-content{
	border-radius: 0; border: none
}
.modal-backdrop.show{ opacity: .5}
@keyframes showSweetAlert {
0% {
    transform: scale(0.7);
}
45% {
    transform: scale(1.05);
}
80% {
    transform: scale(0.95);
}
100% {
    transform: scale(1);
}
}
@keyframes showSweetAlert {
0% {
    transform: scale(0.7);
}
45% {
    transform: scale(1.05);
}
80% {
    transform: scale(0.95);
}
100% {
    transform: scale(1);
}
}

.show .modal-content{
    animation: 0.3s ease 0s normal none 1 running showSweetAlert;
}
.modal.fade.show .modal-dialog {
    opacity: 1;
    /*transform: translate3d(0%, 0px, 0px);*/
}
/*.hbspt-form .hs-error-msgs{ position: absolute}*/
.hbspt-form span{font-size: 1rem}
@media (min-width: 576px){
	.modal-dialog{ margin: 0 auto}
	.modal-open .modal{ overflow: initial}
	.modal-open .modal{ position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
	}
/**********************/
.whitepaper-card .card-header{ background:#ae26ae}


/*sapphire-malathi*/
.evnet-stip{ width: 100%; min-height: 50px;  position: relative; /*overflow: hidden;*/}
/*.evnet-stip:before{ width: 46%; height: 100%; left: 0; top: 0; background: #f3fbfe; content: ""; display: inline-block; position: absolute;}
.evnet-stip:after{ width: 300px; height: 300px; right:51%; top:50%; background: #f3fbfe; content: ""; display: inline-block; position: absolute; transform: translateY(-50%) rotate(45deg); border-radius: 25px; z-index: 0}*/
.evnet-stip h2{ font-size: 1.5rem; font-weight: 400; color: #7B7B7B}
.evnet-stip .saponcloud{ color: #fff; font-weight: 300}
.assist-content{background: linear-gradient(90deg, #4801ff 0%, #6910f5 50%,  #ac32e4 100%);}
.assist-bg{ position: relative;  background: #f6f6f7}
.assist-bg h2{ font-size: 1.8rem;     position: relative;    top: 50%;    transform: translateY(-50%); text-align: center; font-weight: 600; color: #444 }
.assist-bg:before{background: url(../images/ca-callout-bg-2.svg) right -2px center no-repeat; width: 55%; height: 100%;     background-size: auto 100%; content: ""; position: absolute; right: 0; top: 0; display: inline-block}
.demo-on {
    position: absolute;
    left: 50%;
    top: 0;
    background: #fff;
    border: solid 2px #ddd;
    padding: .5rem 1.5rem;
    z-index: 1;
    transform: translateX(-50%) translateY(-50%);
    Z-INDEX: 1;
    border-radius: 25px;
    font-size: 1.1rem;
    color: #666;
}

@media (min-width: 768px) and (max-width: 960px){
	.evnet-stip .py-4{ padding-left: 1rem !important}
}
@media (max-width: 640px) {
	.assist-bg:before{ display: none}
	.evnet-stip:before{ width: 100%; left: 0; top: 0; height: 50%;}
	.evnet-stip:after{ width: 640px; height: 640px; left: 50%; right: auto; bottom: 50%; transform: translateX(-50%); direction:none}
	.evnet-stip h2, .assist-bg h2{ font-size: 1.1rem}
}


.form-whitepaper{ background:#eee; padding: 1.5rem 1.3rem 0; border:solid 1px #ddd}
.form-whitepaper h4{ font-size:1.4rem; padding-bottom: 1.2rem; text-align: center;}
.form-whitepaper .hs-form-field{ width: 100%}
.form-whitepaper .input .hs-input{ width:100%; box-sizing: border-box; padding:1rem;}
/* data-works-summit-2018 19/07/2018 */

.hero-content .data-works-title
{
	font-size: 3.7rem;
    line-height: 3rem;
}
img.data-works-logo {
    position: absolute;
    right: 30px;
    bottom: 0px;
}


.data-works-left ul li:before{
	top:9px;
}

@media (max-width:768px){
	img.data-works-logo
	{
		right: 5px;
	}
}



/* sapto azure  22/06/2018 */

.azure-business{
	    background-image: linear-gradient(-20deg, #6e45e2 0%, #88d3ce 100%);
}
.sapphire-left p{	font-size: 1.2rem;}
.sap-points ol{	list-style: none;	font-size: 1.2rem;}
.testimonial-sap{
	font-size: 1.2rem;
	font-weight: 400;
}
.cloud-providers img
{
	width: 120px;
}

/*insight card background images 13.17-18*/
.insights-section .card-img{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover}
.insights-section .card-img a{ position: absolute; width: 100%; height: 100%; top: 0; left: 0}

/* header scroll effect 18/07/2018 */
.animated.slideUp .dropdown{display: none;}
.headroom--not-top.slideDown .navbar{min-height: 70px;}
@media (max-width: 767px){
.headroom--not-top{position: fixed;}
.fix-nav .navbar {padding:0rem 1rem;}
/*.has-offcanvas--visible .headroom--not-top{position:sticky;}*/
.headroom--not-top.slideDown .navbar{min-height: auto;}
.search-desktop .form-control{height: 50px;}
.search-desktop{min-height: auto}
}

/* */
.careerpage-post{ display:block;}
.careerpage-post .u-label {    display: inline-block;    font-size: 1.1rem;    font-weight: 400;    line-height: 1.3;    padding: 0.625rem 1.8rem 0.655rem;    border-radius: 6.1875rem;    transition: 0.2s ease-in-out;}
.u-label--success {
    color: #ff6700;
    background-color: rgba(255, 103, 0, 0.1);
}
.u-label--sm {
    font-size: 0.75rem;
    padding: 0.5rem 1rem;
}
.careerpage-post .accordion{ margin-top: 1rem}
.careerpage-post .accordion .card{ border: none}
.careerpage-post .accordion .card + .card{ margin-top: 1.2rem}
.careerpage-post .accordion .card .card-header{ padding: 0; border: none; box-shadow: none}
.careerpage-post .accordion .card .card-header a.toggle-btn{ display: block;    background-color: #fff;    color: #1e2022;    border: 1px solid #e7eaf3;    border-radius: 0.25rem;    transition: 0.3s ease-in-out; padding: 1rem}
.careerpage-post .accordion .card .card-header .job-title{ font-weight: 500;font-size: 1.1rem}
.careerpage-post .accordion .card .card-header .job-location{ float: right; color: #ff6700; font-weight: 300; font-size: 1.1rem}
.careerpage-post .accordion .card .card-header .job-location:after{content: "\f121"; display: inline-block;    font: normal normal normal 16px/1 LineAwesome;
    font-size: inherit;    text-decoration: inherit;    text-rendering: optimizeLegibility;    text-transform: none;    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;    font-smoothing: antialiased; margin-left: .3rem; }
.careerpage-post .accordion .card .card-header a.toggle-btn[aria-expanded*=true]{ border-color: transparent; }
.careerpage-post .accordion .card .card-header a.toggle-btn[aria-expanded*=true] .job-title{ font-size: 1.75rem; font-weight: 600; line-height: 1.5; margin-bottom: 0rem; display: block;}
.careerpage-post .accordion .card .card-header a.toggle-btn[aria-expanded*=true] .job-location{     color: #77838f;    line-height: 1.5;    font-size: 1.2rem;    float: none;
    font-weight: 400;}
.careerpage-post .accordion .card .card-header a.toggle-btn[aria-expanded*=true] .job-location:after{ display: none}
.careerpage-post .accordion .card .card-body p{ }
.careerpage-post .accordion .card .card-body .mail-info{ display: inline-block;    font-size: 1.1rem;    font-weight: 400;    line-height: 1.3;    padding: 0.625rem 1.9rem 0.655rem;    border-radius: 6.1875rem;    transition: 0.2s ease-in-out; color: #77838f;    background-color: rgba(119, 131, 143, 0.1); padding: 0.5rem 1rem;} 
.careerpage-post .accordion .card .card-header{ position: relative;}
.careerpage-post .accordion .card .card-header .btn{ display: none;}
.careerpage-post .accordion .card .card-header a.toggle-btn[aria-expanded*=true] + .btn{ display: block; position: absolute; top:1.5rem;right:1rem;color: #fff }
.careerpage-post .accordion .card .card-body .fontweight-medium{ font-weight: 500}
.careerpage-post .accordion .card .card-header a.toggle-btn:focus{ outline: none}