@font-face {
font-family: 'Bauhaus Light BT';
font-style: normal;
font-weight: normal;
src: local('Bauhaus Light BT'), url('bauhauslightbt.woff') format('woff');
}

html, body{
	height:100%;
}
body{
	background-color: #AAB4B2;
	background: linear-gradient(#AAB4B2, #061E42, #0B1844);
	background: url('../images/sitebg.png');
	background-repeat: no-repeat;
    background-attachment: fixed;
	background-size: cover;


}

.message.fancybox-content {
	-webkit-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-transform-style: preserve-3d; 
    transform-style: preserve-3d; 
}

.fancybox-close-small {color: #fff !important;}

.dcatbg1, .dcatbg1 .dropdown-item{
	background-color: #182743;
	color: #fff !important;
}

.dcatbg1 .dropdown-divider{
	border-top: 1px solid #fff !important;
}

.dropdown-sub-item{
	font-weight: 100;
	font-size: 14px;
}

.dropdown-sub-item::before {
	content: '\00b7';
    font-size: 14px;
    font-weight: bold;
    padding: 0 5% 0 0;
}
#loader{
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(0,0,0,1);
  -webkit-transition: 1s 0.4s;
  transition: 1s 0.4s;
}
#loaderSvg{
	width: 150px;
	height: 150px;
	position: fixed;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -25%);
}
#progress{
  height:1px;
  background:#fff;
  position:absolute;
  width:0;                /* will be increased by JS */
  top:50%;
}
.No-jsWran, #progstat{
  font-size: 6vw;
  font-family: 'Bauhaus Light BT';
  letter-spacing: 3px;
  width:100%;
  text-align:center;
  color:#fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);	
}

.fade-in {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  transform: translateY(0);
}

.fade-out {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s 1s, opacity 1s linear;
  transition: visibility 0s 1s, opacity 1s linear;
}

#navbar {
	font-family: 'Nunito Sans', sans-serif;
	max-width: 100%;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 1);
	z-index: 2000;

    /*-webkit-transform: translateZ(61px);
            transform: translateZ(61px);

    -webkit-transform: translate3D(0,0,61px);
            transform: translate3D(0,0,61px);*/
}

#navbar .container{
	padding: 0 15px;
}

.navbar-toggler {
  border: none;
  background: transparent !important;
}

.navbar-toggler:focus {
  outline: none;
  background: transparent !important;
}

.navbar-toggler .icon-bar {
  background-color: #fff;
  transform: rotate(0deg) translate(0px, 0px);
  -webkit-transition: ease all .2s;
  transition: ease all .2s;
}

.navbar-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggler .icon-bar+.icon-bar {
  margin-top: 4px;
}

.icon-bar:nth-child(2) {
  width: 16px;
  -webkit-transition: ease all .2s;
  transition: ease all .2s;
}

.navbar-toggler:hover>.icon-bar:nth-child(2) {
  width: 22px;
  -webkit-transition: ease all .2s;
  transition: ease all .2s;
}

.navbar-toggler:active>.icon-bar:nth-child(2) {
  width: 22px;
  -webkit-transition: ease all .2s;
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
  transform: rotate(45deg) translate(5px, 4px);
  -webkit-transition: ease all .2s;
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
  opacity: 0;
  -webkit-transition: ease all .2s;
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -4px);
  -webkit-transition: ease all .2s;
  transition: ease all .2s;
}

.logo{
	font-family:'Bauhaus Light BT';
	font-weight:normal;
	font-size:28px;
	color: #fff;
	text-align: left;
	/*padding: 0 2%;*/
}

.logo:hover, .logo:active{
	color: #fff;
}

nav{
	max-width: 1200px;
	/*margin: 0 auto;*/
	background-color: #141145 !important;
}
nav a{
	color: #fff;
}

.row{
	max-width: 1200px;
	
}

.sec {
	width: 100%;
	margin: 0;
	text-align: center;
	position: relative;
	z-index: 1000;
	background-color: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.sec p {
	font-family: 'Galdeano', sans-serif;
}

.container{
	max-width: 1200px;
	text-align: center;
	padding: 0;
	z-index: 1000;
	/*height: 100%;*/
	/*margin:0 auto;*/
	/*padding: 68px 0 0 0;*/
}


.tleft{
	text-align: left;
}

.nopd{
	padding: 0;
}

.home{
	background-image: url(../images/background_home.png);
	background-position: right;
	background-size: cover;
	padding: 0;
	opacity: 0;
}

.serviceA{
	color: #fff;
    opacity:1;
	background-image: url(../images/background_blue.jpg);
	background-position: center;
	background-size: cover;
	padding: 8% 4%;
	height: auto;
}

.serviceA p{
	font-size: 14px;
}

.serviceAImg{
	/*-webkit-filter: drop-shadow(0px 0 5px 1px rgba(0, 0, 0, 0.8));
	filter: drop-shadow(0px 0 5px 1px rgba(0, 0, 0, 0.8));
	box-shadow: 0px 0 5px 1px rgba(0, 0, 0, 0.8);*/
	width: 43px;
}

.subtitle{
	background: linear-gradient(#0B1844, #061E42, #0B1844);
	color: #fff !important;
	font-family:'Bauhaus Light BT' !important;
	font-weight:normal;
	font-size:35px !important;
	max-width: 300px;
	border-radius: 0 15px 15px 0;
	padding: 0 2%;
}

.subtitle2{
	font-weight: bold;
	font-size:20px !important;
}

.subtitle3 {
	cursor: pointer;
	font-weight:bold;
	font-size:18px !important;
	padding: 0 8%;
	font-family:'Bauhaus Light BT' !important;
	-webkit-transition: all .3s cubic-bezier(0.65, 0.05, 0.36, 1);
	transition: all .3s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.subtitle3::after{
	content: "\A=";
    display: block;
    margin: 0;
    padding: 0;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    width: 25px;
    color: #03B592;
    background-color: #03B592;
	font-family:'Bauhaus Light BT' !important;
	-webkit-transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.about-us .nav-tabs,
.about-us .nav-tabs .nav-link,
.about-us .nav-tabs .nav-link.active, .about-us .nav-tabs .nav-link:focus, .about-us .nav-tabs .nav-link:hover{
	border: none;
}
.about-us .nav-link.active{
	font-style: italic;
}

.about-us p {
	font-size: 18px;
	color: #0B0746;
}

.subtitle4 {
	cursor: pointer;
	font-family:'Bauhaus Light BT';
	font-weight:bold;
	font-size:18px !important;
	padding: 0 8%;
	-webkit-transition: all .3s Linear;
	transition: all .3s Linear;
	font-family:'Bauhaus Light BT' !important;
	color: #000;
}
.subtitle4-1 {
	cursor: pointer;
	font-family:'Bauhaus Light BT';
	font-weight:bold;
	font-size:18px !important;
	-webkit-transition: all .3s Linear;
	transition: all .3s Linear;
	font-family:'Bauhaus Light BT' !important;
	color: #000;
}
.subtitle4::after{
	content: "\A=";
    display: block;
    /*margin: 0 8%;*/
    padding: 0;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    width: 25px;
    color: #AF0203;
    background-color: #AF0203;
	-webkit-transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	font-family:'Bauhaus Light BT' !important;
}
.subtitle4-1::after{
	content: "\A=";
    display: block;
    /*margin: 0 8%;*/
    padding: 0;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    width: 25px;
    color: #AF0203;
    background-color: #AF0203;
	-webkit-transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	font-family:'Bauhaus Light BT' !important;
}

.about-us .nav-tabs .nav-link:focus .subtitle4::after, .about-us .nav-tabs .nav-link:hover .subtitle4::after{
	width: 54px;
	font-family:'Bauhaus Light BT' !important;
}

.active .subtitle4::after{
	font-family:'Bauhaus Light BT' !important;
	content: "\A=";
    display: block;
    /*margin: 0 8%;*/
    padding: 0;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    width: 54px;
    color: #AF0203;
    background-color: #AF0203;
	-webkit-transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.subtitle5 {
	font-family:'Bauhaus Light BT' !important;
	cursor: pointer;
	font-family:'Bauhaus Light BT';
	font-weight:bold;
	font-size:18px !important;
	padding: 0 8%;
	-webkit-transition: all .3s Linear;
	transition: all .3s Linear;
	color: #000;
}
.subtitle5-1 {
	font-family:'Bauhaus Light BT' !important;
	cursor: pointer;
	font-family:'Bauhaus Light BT';
	font-weight:bold;
	font-size:18px !important;
	-webkit-transition: all .3s Linear;
	transition: all .3s Linear;
	color: #000;
}
.subtitle5::after{
	font-family:'Bauhaus Light BT' !important;
	content: "\A=";
    display: block;
    margin: 0;
    padding: 0;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    width: 25px;
    color: #A5B402;
    background-color: #A5B402;
	-webkit-transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.subtitle5-1::after{
	font-family:'Bauhaus Light BT' !important;
	content: "\A=";
    display: block;
    margin: 0;
    padding: 0;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    width: 25px;
    color: #A5B402;
    background-color: #A5B402;
	-webkit-transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	transition: all .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.about-us .nav-tabs .nav-link:focus .subtitle5::after, .about-us .nav-tabs .nav-link:hover .subtitle5::after{
	width: 54px;
	font-family:'Bauhaus Light BT' !important;
}

.active .subtitle5::after{
	content: "\A=";
    display: block;
    margin: 0;
    padding: 0;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    width: 25px;
    color: #A5B402;
    background-color: #A5B402;
	-webkit-transition: all .3s Linear;
	transition: all .3s Linear;
	font-family:'Bauhaus Light BT' !important;
}

.no-bullet{
	list-style: none;
}

.msg{
	padding: 10% 8%;
	font-size: 18px;
}

.msg2{
	padding: 10% 8%;
	font-size: 12px;
}

.our-solution{
    padding: 0;	opacity: 0; /*each section*/
}

.our-solution > div{
	
}


.oscontainer{
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	cursor: pointer;
}

.front,
.back{
  background-size: cover;
    background-position: center;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 1s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
	height: 100%;
	min-height: 288px;
	width: 100%;
	max-width: 214px;
}

.back{
  background: #000000;
  background: -webkit-linear-gradient(45deg,  #000000 0%,#596a72 100%);
  background: -o-linear-gradient(45deg,  #000000 0%,#596a72 100%);
  background: linear-gradient(45deg,  #000000 0%,#596a72 100%);
}

.front:after{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: .3;
    background-color: #000;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border-radius: 10px;
}
.oscontainer:hover .front,
.oscontainer:hover .back{
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 1s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	padding: 10% 8%;
}

.inner{
    -webkit-transform: translateY(-50%) translateZ(30px) scale(1);
            transform: translateY(-50%) translateZ(30px) scale(1);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
	height: 100%;
	padding: 15% 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
            perspective: inherit;
    z-index: 2;
}

.innerMsg{
    -webkit-transform: translateY(-50%) translateZ(30px);
            transform: translateY(-50%) translateZ(30px);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
	height: 100%;
    padding: 5%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
            perspective: inherit;
    z-index: 2;
	text-align: left;
	-webkit-font-smoothing: antialiased;

}

.innerBorder {
	-webkit-transform: translateZ(30px);
            transform: translateZ(30px);
	-webkit-perspective: inherit;
	perspective: inherit;
    width: 100%;
    height: 100%;
    z-index: 2;
	border: 2px solid #0B1844;
	-webkit-transition: all .1s;
	transition: all .1s;
	-webkit-font-smoothing: antialiased;

}

.innerBorder::before, .innerBorder::after {
	box-sizing: inherit;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-webkit-transform-origin: center;
	transform-origin: center;
}

.innerBorder::before {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
}
.innerBorder::after {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: scale3d(1, 0, 1);
          transform: scale3d(1, 0, 1);
}
.innerBorder:hover::before, .innerBorder:hover::after {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.imTittle{
	text-transform: uppercase;
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
}

.imMsg {
	font-size: 12px;
	padding: 0;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}

.ospcontainer {
	max-width: 218px;
	height: 288px;
	margin-bottom: 5%;
}

.oscontainer .back{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.oscontainer .front{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.oscontainer:hover .back{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.oscontainer:hover .front{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.front .inner p{
  font-size: 2rem;
  margin-bottom: 2rem;
  position: relative;
}

.front .inner p:after{
  content: '';
  width: 4rem;
  height: 2px;
  position: absolute;
  background: #C6D4DF;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.75rem;
}

.front .inner img {
	z-index: -1;
}

.front .inner span{
  color: rgba(255,255,255,0.7);
  font-family: 'Galdeano', sans-serif;
  font-weight: 300;
  font-size: 22px;
}

.osyscol {
	max-width: 212px;
	width: 100%;
	min-height: 155px;
	height: 100%;
	cursor: pointer;
	padding: 0;
}

.osyscol a {
	text-decoration: none;
	color: #fff;
}

.our-system {
	padding: 0;opacity: 0; /*each section*/
}

.our-system > div{
	
}

.osyscontainer {
	min-height: 155px;
	transition: all .5s linear;
	-webkit-transition: all .5s linear; 
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	color: #fff;
	text-align: center;
	padding: 15px;
}

.osyscontainer p{
	transition: all .3s linear;
	-webkit-transition: all .3s linear; 
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 14px;
	line-height: 16px;
}
	

.osyscontainer::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	max-width: 212px;
	width: 100%;
	min-height: 121px;
	height: 100%;
	transform-origin: 50% 50%;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.osyscontainer.bg1::before {
  background: url(../images/system/email_roll.jpg) no-repeat 0 0;
  background-size: cover;
  z-index: -10;
}

.osyscontainer.bg2::before {
  background: url(../images/system/sms_roll.jpg) no-repeat 0 0;
  background-size: cover;
  z-index: -10;
}

.osyscontainer.bg3::before {
  background: url(../images/system/webform_roll.jpg) no-repeat 0 0;
  background-size: cover;
  z-index: -10;
}

.osyscontainer.bg4::before {
  background: url(../images/system/qr_roll.jpg) no-repeat 0 0;
  background-size: cover;
  z-index: -10;
}

.osyscontainer.bg5::before {
  background: url(../images/system/callcenter_roll.jpg) no-repeat 0 0;
  background-size: cover;
  z-index: -10;
}

.osyscontainer.bg6::before {
  background: url(../images/system/personalisation_roll.jpg) no-repeat 0 0;
  background-size: cover;
  z-index: -10;
}

.osyscontainer.bg7::before {
  background: url(../images/system/scheduler_roll.jpg) no-repeat 0 0;
  background-size: cover;
  z-index: -10;
}

.osyscontainer.bg8::before {
  background: url(../images/system/tracking_roll.jpg) no-repeat 0 0;
  background-size: cover;
  z-index: -10;
}

.osyscontainer.bg9::before {
  background: url(../images/system/realtime_roll.jpg) no-repeat 0 0;
  background-size: cover;
  z-index: -10;
}

.osyscontainer.bg10::before {
  background: url(../images/system/cleaning_roll.jpg) no-repeat 0 0;
  background-size: cover;
  z-index: -10;
}

.osyscontainer.bg11::before {
  background: url(../images/system/analysis_roll.jpg) no-repeat 0 0;
  background-size: cover;
  z-index: -10;
}
.osyscontainer.bg12::before {
  background: url(../images/system/multi_roll.jpg) no-repeat 0 0;
  background-size: cover;
  z-index: -10;
}

.osyscontainer:hover{
	transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-webkit-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-webkit-backface-visibility: hidden;
}

.osyscontainer:hover::before{
  z-index: -1;
  transform: scale(1.15);
  -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0,1);
  -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0,1);
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0,1);

}

.osyscontainer:hover p{
	-ms-transform: skew(-15deg) scale(1.3); /* IE 9 */
    -webkit-transform: skew(-15deg) scale(1.3); /* Safari */
    transform: rotateZ(0.5deg) skew(-15deg) scale(1.3); /* Standard syntax */
}

.osyscontainer:hover img{
	-webkit-filter: drop-shadow(4px 4px 1px rgba(8, 16, 67, 1));
	filter: drop-shadow(4px 4px 1px rgba(8, 16, 67, 1));
	
}

.our-system-sm-c {
	padding: 0;
	opacity: 1;
	position: relative;
	height: 100%;
	border: 1px solid red;
}

.img-round {
	position: relative;
}

.img-round:hover {
	z-index: 3 !important;
}

.img-round img{
	max-width: 369px;
	max-height: 344px;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 2px solid #6096C0;
	background-color: #fff;
}

.img1 {
	z-index: 1;
	float: left;
	
}

.img2 {
	z-index: 2;
	float: right;
	margin: -38% 0 0 0;
	
}

.img3 {
	z-index: 1;
    width: 100%;
    height: 100%;
    max-width: 369px;
    max-height: 344px;
}

.img4 {
/*	position: relative;
	z-index: 1;
    width: 100%;
    height: 100%;
    max-width: 369px;
    max-height: 414px;*/
}

.img4 img {
	height: 100%;
	border: none;
	border-radius: 0;
}


.sticky-submenu {
	position: fixed !important;
	top: 0;
	-ms-transform: translate3d(0,13%,0); /* IE 9 */
    -webkit-transform: translate3d(0,13%,0); /* Safari */
	transform: translate3d(0,13%,0);
}

.sticky-submenu .icon-wrapper{
margin-top: 80% !important;
}

.osyssubmenu {
	z-index: 100;
	-webkit-transition:all .2s linear;
	transition:all .2s linear;
	position: absolute;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-font-smoothing: antialiased;
	margin: 0;
}

.osyssubmenuct {
	max-width: 244px;
	display: flex;
-webkit-font-smoothing: antialiased;
}

.osyssubmenubg {
	font-size: 14px;
	max-width: 200px;
width: 80%;
	min-height: 45px;
	height: 100%;  
	border-radius: 0 15px 15px 0;
	cursor: pointer;
    text-align: center;
    display: flex;
	-webkit-transition: all .5s Linear;
	transition: all .5s Linear;
	-webkit-font-smoothing: antialiased;
}

.sm-hover {
	display: flex;
	width: 50px;
	opacity: 0;
	height: 40px;
	position: absolute;
	right: 0;
	margin-right: 5px;
margin-top: 1%;
	z-index: -1;
	-webkit-transition: all .5s Linear;
	transition: all .5s Linear;
	transform: translateX(-200%);
	border-radius: 0 5px 5px 0;
	background-size: contain !important;
	background-position: center right !important;
-webkit-font-smoothing: antialiased;
}

.sm-hover.active {
-webkit-font-smoothing: antialiased;
	opacity: 1;
	transform: translateX(0%);
}

.osyssubmenubg a {
-webkit-font-smoothing: antialiased;
	color: #fff;
    text-decoration: none !important;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: start;
    text-align: left;
    margin: 0;
    padding: 2px 20px;
	line-height: 16px;
}
.osyssubmenubg a:hover {
    text-decoration: none !important;	
}

.osyssubmenubg a.active {
	-ms-transform: skew(-15deg) !important; /* IE 9 */
    -webkit-transform: skew(-15deg) !important; /* Safari */
    transform: skew(-15deg) !important; /* Standard syntax */
}
.osyssubmenuct:hover .sm-hover {
	-ms-transform: translateX(0);
    -webkit-transform: translateX(0);
transform: translateX(0);
    opacity: 1;
}

.smreveal-block{
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	display: inline-block;
	z-index: 1;
	max-width: 201px;
	/*border-radius: 0 14px 14px 0;*/
}

.clients {
	padding: 0;
	opacity: 0; /*each section*/
}

.clts-frame {
	border: 1px solid #E3E3E3;
	width: 100%;
	max-width: 220px;
	margin: 1%;
	text-align: center;
	background-color: #fff;
}

.clts-clickable {
-webkit-box-shadow: 0 0 10px 0 rgba(25,34,67,0.3);
  -moz-box-shadow: 0 0 10px 0 rgba(25,34,67,0.3);
  box-shadow: 0 0 10px 0 rgba(25,34,67,0.3);
  -webkit-transition: all .4s;
  transition: all .4s;
  cursor: pointer;
}

.clts-clickable:hover {
transform: scale(1.1);
}

#footer {
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.sticky-footer {
	position: fixed;
	bottom: 0;
	z-index: 2000;
	background: transparent;
	width: 100%;
	max-width: 1200px;
	height: 80px;
	margin: 0;
	padding: 0;
}

.about-us {
	padding: 0;
	opacity: 0; /*each section*/	
}

.contact {
	padding: 0;
	height: 200%;
	opacity: 0; /*each section*/
}


.contact a {
	text-decoration: none;
	vertical-align: bottom;
}

.contact .imgCont, .contact .msgCont {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
	
.contact .imgCont img {
	max-width: 200px; 
	max-height: 200px; 
	width: 100%; 
	height: auto;
}

.osys-cont {
	overflow: hidden;
	width: 100%;
    margin: 0;	
    text-align: center;
    position: relative;
}

.osys-cont p {
	font-family: 'Galdeano', sans-serif;
	font-size:18px;
}


.osys-title{
	font-weight: bold;
	font-size:22px !important;
	text-transform: uppercase;
}

.osys-title1::after{
	content: "\A=";
	display: block;
    margin: 0;
    padding: 0;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    width: 25px;
    color: #023487;
    background-color: #023487;
}
.osys-title2::after{
	content: "\A=";
	display: block;
    margin: 0;
    padding: 0;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    width: 25px;
    color: #7F156D;
    background-color: #7F156D;
}
.osys-title3::after{
	content: "\A=";
	display: block;
    margin: 0;
    padding: 0;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    width: 25px;
    color: #055E17;
    background-color: #055E17;
}
.osys-title4::after{
	content: "\A=";
	display: block;
    margin: 0;
    padding: 0;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    width: 25px;
    color: #9C0042;
    background-color: #9C0042;
}
.osys-title5::after{
	content: "\A=";
	display: block;
    margin: 0;
    padding: 0;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    width: 25px;
    color: #743B03;
    background-color: #743B03;
}
.osys-title6::after{
	content: "\A=";
	display: block;
    margin: 0;
    padding: 0;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    width: 25px;
    color: #057C91;
    background-color: #057C91;
}
.osys-title7::after{
	content: "\A=";
	display: block;
    margin: 0;
    padding: 0;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    width: 25px;
    color: #434850;
    background-color: #434850;
}
.osys-title8::after{
	content: "\A=";
	display: block;
    margin: 0;
    padding: 0;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    width: 25px;
    color: #575504;
    background-color: #575504;
}
.osys-title9::after{
	content: "\A=";
	display: block;
    margin: 0;
    padding: 0;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    width: 25px;
    color: #290371;
    background-color: #290371;
}
.osys-title10::after{
	content: "\A=";
	display: block;
    margin: 0;
    padding: 0;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    width: 25px;
    color: #7A1604;
    background-color: #7A1604;
}
.osys-title11::after{
	content: "\A=";
	display: block;
    margin: 0;
    padding: 0;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    width: 25px;
    color: #77CEBB;
    background-color: #77CEBB;
}
.osys-title12::after{
	content: "\A=";
	display: block;
    margin: 0;
    padding: 0;
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    width: 25px;
    color: #C8BD15;
    background-color: #C8BD15;
}
.osys-cont-msg, .osys-cont-img {
	opacity: 1;
}
.osys-cont-img {
	padding: 2%;
}

#testimonialGallery:hover {
    font-size: 24px !important;
}

#testimonialGallery:hover::after {
    width: 120px
}

#os-wrapper {
	background-color: #fff;
}

.secpin{
	
}

.parallax {
	background-image: url('../images/body-background.jpg');
    height: 100%; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.icon-sm-hover{
	transition: all Linear .2s;
}
.icon-sm-hover:hover {
	width: 40px !important;
	height: 40px !important;
}
.icon-sm-hover.active {
	width: 40px !important;
	height: 40px !important;
}

.smpin::before{
content: " ";
display: block;
margin-top: -60px;
height: 60px;
visibility: hidden;
pointer-event: none;
}

.hideMe{
display: none !important;
}

.addThreeD{
-webkit-transform: translate3D(0,0,60px) !important;
            transform: translate3D(0,0,60px) !important;
}