@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,900');
body{background:#fff; 
    background-size: cover;

    overflow-x: hidden;
    padding: 0;
    margin: 0;
    font-family: 'Montserrat', sans-serif !important;}
.homeFooter{margin-top:204px;}
.login{margin-left: 76px !important;}

.header .container{
	 padding-bottom: 15px
}
.menu{float:right; margin: 0px 0 0 0}
.mainimg{width:100%;}
h3  {margin: 0; padding: 0;}

.cc_contact{margin-top:180px; margin-bottom:180px; }
/*MObile Navigation*/
.terms_list{margin: 0;
    padding: 0 0 15px 17px;}
.terms_list li{
      text-align: justify;
    font-size: 15px;
    color: #787878;
    font-weight: 500;
    margin: 15px 0 0 0;
}
.submenu a{padding: 8px 8px 8px 0px !important; border:0 !important;}
.submenu ul{    list-style: none;
    margin: 0;
    padding: 14px 0 14px 32px;
    background: #fff;}
.submenu ul li{list-style: none; margin: 0; font-size: 14px; padding: 0;}
.submenu ul li a{color: #000 }
.accordsuffix{float: right;}
.submenu ul li a span{width: 22px; display: inline-block;}

.opener{position: absolute;
  cursor: pointer;
    right: 20px;
    top: 13px;
    font-size: 24px;
    color: #fff;}
.mobile_navigation{display: none; z-index: 500; position: relative;}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-image: linear-gradient(100deg,#1292ab,#1e5c9d 50%,#2f0a7b);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding:14px 8px 14px 32px;
  text-decoration: none;
  font-size: 17px;
  cursor: pointer;
  color: #fff;
  display: block;
  transition: 0.3s;
  border-bottom: #1f6cad solid 1px;
}

.sidenav a:hover {
  color: #fff;
}

.sidenav .closebtn {
  padding: 0;
  border:0 !important;
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/*MObile Navigation End*/

/*subscribe*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.carousel-inner>.item{text-align: center;}
.carousel-inner>.item img{display: inline-block; }
.mobilelsider  .carousel-control.right{color: #1d5d96; opacity: 10 !important; background-image: none !important;}
.mobilelsider  .carousel-control.left{ color: #1d5d96; opacity: 10 !important; background-image: none !important;}
.mobilelsider{margin: 40px 0 43px 0}
.floater1{float: right;}
.mobile{display: none}

.sinputbtn{
	position: absolute;
    z-index: 5;
    top: 5px;
    left: 6px;
    background-image: linear-gradient(100deg,#22468e,#1c6398 40%,#119aaa);
    border-radius: 80px;
    border: 0;
    padding: 8px 21px;
    color: #fff;
    outline: none;
}
.subscribe{margin:150px 0 0 0; position: relative; }
.sinput{background: #1f3a82; border-radius: 80px; width: 415px; 
	border:0; padding: 13px 25px 13px 129px; letter-spacing: 1px;
	opacity:0.7; color: #fff; outline: none;}
.top_greadiant img{width: 100%;}
.top_greadiant{
	  background-size: cover;
    z-index: -1;
    top: 0px;
    left: auto;
    right: 0px;
    width: 100%;
    min-height: 850px;
    position: absolute;
}
.main_heading_home{margin: 40px 0;}
.main_heading_home h2 span{color: #ffe00d}
.main_heading_home h2{color: #fff; font-size: 40px; margin: 0; padding: 4px 0; font-weight: 600}
.main_heading{margin: 190px 0;}
.main_heading2{margin: 140px 0;}
.main_heading2 h2{color: #fff; font-size: 44px; margin: 0; padding: 4px 0; font-weight: 600}
.main_heading h2{color: #fff; font-size: 40px; margin: 0; padding: 4px 0; font-weight: 600}
.main_heading h2 span{color: #ffe00d}
.get_started{background: #ffe00d; color: #fff; padding: 13px 30px; font-size: 20px; 
	text-transform: uppercase; font-weight: 600; margin: 35px 0 0 ; 
	display: inline-block; border-radius: 4px;
-webkit-box-shadow: 0px 0px 25px 0px rgba(19,72,128,1);
-moz-box-shadow: 0px 0px 25px 0px rgba(19,72,128,1);
box-shadow: 0px 0px 25px 0px rgba(19,72,128,1);
transition: all .3s ease-out;

}
.get_started:hover{color: #fff; text-decoration: none; background: #1c6398; 

}

.get_started2{background: #ffe00d; color: #fff; padding: 8px 40px; font-size: 20px; 
    text-transform: uppercase; font-weight: 600; margin: 85px 0 0 ;  display: inline-block;
    display: inline-block; border-radius: 80px;
-webkit-box-shadow: 0px 0px 25px 0px rgba(19,72,128,1);
-moz-box-shadow: 0px 0px 25px 0px rgba(19,72,128,1);
box-shadow: 0px 0px 25px 0px rgba(19,72,128,1);
transition: all .3s ease-out;

}
.get_started2:hover{color: #fff; text-decoration: none; background: #1c6398; 

}
.banner_element{ position: relative; width: 100%;  margin: 150px -60px 0 0; float: right;  }
.banner_element img{width: 100%;}
.img1{position: absolute; left: -100px; top: 0; z-index: 1;}
.img2{position: absolute; left: 0px; top: 0}
.img3{position: absolute; left: 170px; top: -30px; z-index: -1}
.img4{position: absolute; left: -50px; top: -120px}

/*Middle Wrapper*/
.section1{
    background: #f8f8f8;
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    z-index: -10;
    padding: 22% 0 80px 0;}

/*Icons Gallery*/
.icons_box img{ width: 103%; margin-top: 25px; margin-left: -10px;  }
.iconsgallery{
 }
 .uicon1{    position: absolute;
    top: -11px;
    left: 20%;
    z-index: -1;}
.men1{       position: absolute;
    bottom: -106px;
    left: -9%;
    z-index: 1;
}
.women1{       position: absolute;
    bottom:-135px;
    right: -9%;
    z-index: 1;
}
.icons_box{height: 444px; width: 624px;}
.iconsgallery {position: relative;}
.iconsgallery .icon1{position: absolute; left; top: 0;}
.iconsgallery .icon2{position: absolute; left; top: 0;}
.iconsgallery .icon3{position: absolute; right: 0; top: 0;}
.iconsgallery .icon4{position: absolute; left; top: 0;}
.iconsgallery .icon5{position: absolute; right; top: 0;}
.iconsgallery .icon6{position: absolute; left; top: 0;}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 25px !important;
    height: 6px !important;
    border-radius: 50px ;
    margin: 0px 0px;
    filter: Alpha(Opacity=10);
    opacity: 0.2 !important;
    background: #2b1f84;
}
.owl-theme .owl-controls .owl-page.active span{opacity: 10 !important;}
.marketweserve {margin: 100px 0 0 0; position: relative;}
.marketweserve h2{font-size: 32px; font-weight: 600;}
.marketweserve p{font-size: 17px; color: #6e6e6e; line-height: 34px;}
.marketweserve a{color: #292989; font-weight: 600; font-size:  15px;}
.marketweserve .lineborder{   
	    position: absolute;
    left: -60%;
    top: 94%;
    z-index: -6;
}

/*fearuresgallery*/

.section2{ z-index: 1; position: relative; float: left; width: 100%;  margin:80px 0 0 0;

}

.fearuresgallery{ margin: 120px 0 0 0; width: 679px; }
.fearuresgallery .item{ background:#fff; padding:50px 0; margin: 40px; text-align: center;  
-webkit-box-shadow: 0px 0px 25px 0px rgba(194,194,194,1);
-moz-box-shadow: 0px 0px 25px 0px rgba(194,194,194,1);
box-shadow: 0px 0px 25px 0px rgba(194,194,194,1);
}
.awesomefeature {margin: 165px 0 0 0}
.awesomefeature h2{font-size: 32px; font-weight: 600;}
.awesomefeature p{font-size: 15px; margin: 0 9% 0 0 ; color: #6e6e6e; line-height: 30px;}
.awesomefeature a{color: #292989; font-weight: 600; font-size: 15px;}

.fearuresgallery h2{color: #000; font-size: 29px; margin: 0; padding: 0px 0; font-weight: 600}
.fearuresgallery h3{color: #292989; font-size:20.24px; margin: 0; padding:15px 0; line-height: 24px; font-weight: 600}
.fearuresgallery p{font-size: 15px;  color: #6e6e6e; line-height: 30px;}
.fearuresgallery .feature_box{ padding: 0 40px; }
.fearuresgallery .feature_box img{width: 40%;}
.fearuresgallery .feature_box span{ text-align: center; line-height: 98px;  position: absolute;
    left: 0;
    top: 0; background-image: linear-gradient(100deg,#22468e,#1c6398 40%,#119aaa);
 border-radius: 180px; width: 100px; height: 100px; display: inline-block;}
 .fearuresgallery .owl-pagination{display: none;}
  .fearuresgallery .owl-theme .owl-controls .owl-buttons div {
    
    border-radius: 80px !important;
    width: 53px;
    height: 53px;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(222,222,222,1);
-moz-box-shadow: 0px 0px 25px 0px rgba(222,222,222,1);
box-shadow: 0px 0px 25px 0px rgba(222,222,222,1);
}
.fearuresgallery .owl-next{ background:#fff url(../images/r1.png) no-repeat center 16px; 
    }
.fearuresgallery .owl-prev{position: absolute; background:#fff url(../images/l1.png) no-repeat center 16px; 
    left: -42px;}
  .fearuresgallery .owl-buttons {
    margin: -90px 0 0 0;
    z-index: 8000;
    position: absolute;
    left: 45%;

}

/*Section3*/
.section3Home{margin:10% 0 -20px 0;}
.section3{
	/*background-image: linear-gradient(100deg,#22468e,#1c6398 40%,#119aaa);*/
	padding:18% 0 12% 0;
	background: url(../images/bg2.png) center top;
	 position: relative; float: left; width: 100%;
	 /* transform: skewY(-3deg);*/
   /*transform-origin: top left;*/
  margin: 0;
      background-size: cover;
}
.section3 .container{
	 /*transform: skewY(3deg); */
}
.feature_box2{padding: 45px 44px 0 44px; text-align: justify;}
.feature_box2 h2{color: #fff; font-size: 29px; margin:60px 0 0 0; padding: 0px 0; font-weight: 600}
.feature_box2 p{font-size: 17px;  color: #fff ; margin-top: 17px;  line-height: 30px !important;}
.section3 .owl-theme .owl-controls .owl-page span{background: #fff !important}
.section3 .owl-buttons{display: none;}

/*Section 4*/
.section4  .container {
    transform: skewY(3deg);
}
.section4{      background: #e5e5e5;
    padding: 150px 0 190px 0;
    float: left;
    transform: skewY(-3deg);
    width: 100%;
    }
.section4 h2{color: #000; font-size: 29px; margin:24px 0 ; padding: 0px 0; font-weight: 600}
.section4 p{font-size: 15px;  color: #000; line-height:26px !important;}
.testimonialtxt{padding: 45px 55px}
.testimonialwhitebg{background: #fff;
	border-radius: 8px;
-webkit-box-shadow: 0px 0px 55px 0px rgba(194,194,194,1);
-moz-box-shadow: 0px 0px 55px 0px rgba(194,194,194,1);
box-shadow: 0px 0px 55px 0px rgba(194,194,194,1);
min-height: 302px; width: 462px; float: right; margin-right: 43px;}



/*INNER PAGES*/
/*Featuers*/
.feature-mac{position: absolute; left: -90px; top: 0}
.feature-men{position: absolute; right: -67px; top: 174px; z-index: 1}
.banner_element2{ position: relative; width: 100%;  margin: 20px -60px 0 0; float: right;  }
.banner_element2 img{width: 100%;}
.top_greadiant2 img{width: 100%;}
.top_greadiant3 img{    width: 100%;
    margin: -30% 0 0 0;}
.top_greadiant2{
      background-size: cover;
    z-index: -1;
    top: 0px;
    left: auto;
    right: 0px;
    width: 100%;
    min-height: 850px;
    position: absolute;
}
/*features_section*/
.features_section{ float: left; padding: 15% 0 80px 0; width: 100%;}
.main_title{
    font-size: 36px;
    font-weight: 800;
    background: -webkit-linear-gradient(45deg, #2f097a, #2f097a, #0dafb1 73%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0px 0 0 0;
}
.main_title-text {
 margin: 0% 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    /* justify-content: center; */
    /* -webkit-box-orient: vertical; */
    /* -webkit-box-direction: normal; */
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}
.f_dec_box{text-align: right;}
.f_dec_box h2{margin: 0 0 5px 0; padding:0;}
.right_content {    float: left;
    width: 69%;
    margin: 0 24px 26px 24px;}
.right_content p{text-align: justify; font-size: 15px; color: #878787;}
.right_content h3{margin:0 0 8px 0; color: #434a53;font-size: 19px;}
.f1{background: #7968EA}
.f2{background: #DF852B}
.f3{background: #17EBDD}
.f4{background: #FFCF56}
.f5{background: #CD0F0F}
.f6{background: #18D155}

.i1{background: #F95E5C}
.i2{background: #06B4FD}
.i3{background: #79CB44}
.i4{background: #E68127}
.i5{background: #7868E4}
.i6{background: #08B2FD}

.c1{background: #18D155}
.c2{background: #CD0E0E}
.c3{background: #FFC000}

.z1{background: #7968EA}
.z2{background: #DF852B}
.z3{background: #17EBDD}
.z4{background: #18D155}

.m1{background: #F95E5C}
.m2{background: #06B4FD}
.m3{background: #79CB44}
.m4{background: #E68127}
.m5{background: #7868E4}


.features_iconsfirst2 img{width: 75%; display: inline-block;}
.features_iconsfirst img{width: 77%; display: inline-block;}
.features_iconsfirst3 img{width: 90%; display: inline-block;}
.features_icons span{float: left;  text-align: center; line-height:42px; border-radius: 7px; color: #fff; padding: 4px; width:50px; height: 50px; }
.m_box{margin: 60px 0 0 0}
.f_dec_box p{ font-size: 15px; color: #878787; font-weight:500;}

/*SUPPORT*/
.tabss .tab-content{padding: 50px 0 200px 0}
.tabss  .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    font-size: 13px;
    color: #333;
    padding: 
    text-transform: uppercase;
    font-weight: 600;
}
.nav>li>a{padding: 15px 55px;}
.tabss .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff !important;
    cursor: default;
    background-color: #1f5b9d;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.support_section{
    background: #e5e5e5;
    float: left;
    margin: 250px 0 -50px  0;
    width: 100%;
    z-index: 1;
      transform: skewY(-3deg);
  transform-origin: top left;
  padding: 100px 0 157px 0;
  position: relative;
}
.strips{padding: 50px 0;}
.strips .logoarea{background:#1a6da2 ; height: 200px; width: 200px; 
    border-radius: 180px; text-align: center; position: absolute; right: 0; top: 25px; line-height: 170px; padding: 15px; display: block;}
 .strips .logoarea img{width: 100%;}
 .marq span{display: inline-block; padding: 4px 18px; border-radius: 12px;}
 .marq{width: 100%;}
 .hurdles-node--blue {
    background-color: #c4f0ff;
    color: #217ab7
}

.hurdles-node--pink {
    background-color: #ffe0f5;
    color: #9251ac
}

.hurdles-node--yellow {
    background-color: #fdeebe;
    color: #c85d42
}

.hurdles-node--green {
    background-color: #d6facf;
    color: #159570
}
 #maindiv{
  border: 2px solid black;
  overflow: hidden;
  white-space: nowrap;
}

#div1 {
  display: inline-block;
  animation: marquee 30s linear infinite;
}

#div2 {
  display: inline-block;
  animation: marquee2 30s linear infinite;
  animation-delay: 30s;
}

@keyframes marquee {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes marquee2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-200%);
  }
}
.support_section .container{
    transform: skewY(3deg);
}
.logos_sections p{margin: 0 0 35px 0}
.logos_sections h2{margin: 0 0 15px 0}
.logos_sections{
    background: #f6fafd;
    border-top: solid #e5e5e5 150px;

  text-align: center;
    float: left;
    margin: -210px 0 -50px  0;
    width: 100%;
    z-index: -1;
      transform: skewY(-3deg);
  transform-origin: top left;
  padding: 100px 0 157px 0;
  position: relative;
}
.logos_sections .container{
    transform: skewY(3deg);
}

.supportimg2{right: 0;}
.supportimg{position: absolute;  bottom: -306px;}
.supportimg3{position: absolute;  z-index: 1}
.suport_text h2{color: #2b2185; font-weight: 900; text-transform: uppercase; font-size: 19px;}

.suport_text h3 a:hover{text-decoration: none;     background: #ffe00d; color: #fff !important;}
.suport_text h3 a{
    
    font-size: 15px !important;
    background-image: linear-gradient(100deg,#22468e,#1c6398 40%,#119aaa);
    border-radius: 80px;
    border: 0;
    display: inline-block;
    margin: 12px 0 0 0;
    font-weight: 400;
    padding: 5px 20px;
    color: #fff !important;
    outline: none;
}
.suport_text h3{color: #244394; font-weight: 600; font-size: 18px;}
.suport_text p {
    text-align: justify;
    font-size: 15px;
    color: #000;
    margin: 15px 0 0 0
}

/*Contactus*/
.contactus_box .col-sm-6{padding: 0; margin: 0;}
.contactus_box ul{padding:100px 45px 55px 56px ; margin: 0; list-style: none;}
.contactus_box ul li span{margin-right: 15px;}
.contactus_box ul li{display: block; padding: 15px 0 ; text-align: justify;
    font-size: 15px;
    color: #787878;
    font-weight: 500;}
.contactus_box{ background: #fff; border-radius: 7px;
-webkit-box-shadow: 0px 0px 55px 0px rgba(194,194,194,1);
-moz-box-shadow: 0px 0px 55px 0px rgba(194,194,194,1);
box-shadow: 0px 0px 55px 0px rgba(194,194,194,1);
min-height: 531px;
 }
 .socialicons{text-align: center;}
 .socialicons a{margin: 0 22px;}
 .formarea{ min-height: 400px; border-radius: 0px 7px 7px 0; padding: 50px;  background-image: linear-gradient(100deg,#2f0a7b,#1e5c9d 50%,#1292ab);}
.formarea .inputbtn{border:#fff solid 2px; margin: 0 0 18px 0; color: #fff; text-transform: uppercase;outline: none; font-size: 600; font-size: 18px; border-radius: 150px; padding: 14px; background: transparent; width: 100%;}
.formarea input{border:#fff solid 2px; margin: 0 0 18px 0; border-radius: 4px; padding: 14px; font-size: 15px; outline: none; background: transparent; width: 100%;}
.formarea textarea{outline: none; border:#fff solid 2px; min-height: 120px; margin: 0 0 18px 0; border-radius: 4px; padding: 14px; background: transparent; width: 100%;}
/*Support Page CSs*/
.main_section{ float: left; padding: 10% 0 0px 0; width: 100%;}
.sumen{position: absolute; left: -90px; top: 0}
.sb2{position: absolute; left: -90px; top: 0}
.sb1{position: absolute; right: 116px; top: 51px; z-index: 1}
.support_text h2{color: #000; font-weight: 600; font-size: 22px;}
.support_text p {
    text-align: justify;    
    font-size: 15px;
    color: #787878; font-weight: 500;
    margin: 15px 0 0 0;
}
.support_text2{margin-left:50px;}
.support_text a{font-size: 15px;
    color: #197be0;  font-weight: 600;
    margin: 10px 0 0 0; display: block;}
.seprator{margin: 145px 0; float: left; width: 100%; }
.seprator2{margin: 80px 0 80px 0; float: left; width: 100%; }
.seprator4{margin:0px 0 180px 0; float: left; width: 100%; }
.seprator3{margin: 80px 0 145px 0; float: left; width: 100%; }
.seprator5 {
    margin: 145px 0 70px 0;
    float: left;
    width: 100%;
}
.sumen2 {
    position: absolute;
    left: -90px;
    top:354px;
}
.tip1 {
    position: absolute;
    left: 8%;
    top: 5px;
}
.tip3 {
      position: absolute;
    left:34%;
    top: 25px;
}
.tip2 {
      position: absolute;
    left: 59%;
    top: 0;
}



/*Digital Cat*/
.poly2{     float: right;
    margin: -180px 0 0 0;
    z-index: 1;
    position: relative;}
.poly3{ float:left;  margin: -120px 0 0 0;
    }
.digital-section{
    padding:40% 0 18% 0;
    background: url(../images/bg4.png) center top;
     position: relative; float: left; width: 100%;
      margin:-21% 0 0 0;
      background-size: cover;
}
.digital_text{ margin: 200px 0 0 0; padding:0 55px;}
.digital_text h2{color: #000; font-weight: 600; font-size: 22px;}
.digital_text p {
    text-align: justify;
    font-size: 15px;
    color: #787878;
    font-weight: 500;
    margin: 15px 0 0 0;
}
.polygon_images{margin: 0 0 50% 0 ;}
/*Products Page*/
.icons {margin-top:59px;
    z-index: 1;
    position: relative;}
.maring-top{margin-top: -9px !important;}
.icons span img{width: 100%;}
.icons span{float: left; width:30%; margin-top:16px; margin-right:16px; 

}
.know_more:hover{text-decoration: none;     background: #ffe00d; color: #fff !important;}
.know_more{
    
    z-index: 5;
    display: inline-block !important;
    font-size: 15px !important;
    background-image: linear-gradient(100deg,#22468e,#1c6398 40%,#119aaa);
    border-radius: 80px;
    border: 0;
    margin: 10px 0 0 0;
    font-weight: 400;
    padding: 5px 20px;
    color: #fff !important;
    outline: none;
}

.dcat1img{width: 90%;}
.know_more2:hover{text-decoration: none;     background: #ffe00d; color: #fff !important;}
.know_more2{
    display: inline-block !important;
    z-index: 5;
    margin: 18px 0 0 0;
    font-size: 15px !important;
    background:#FFF;
    border-radius: 80px;
    border: 0;
    font-weight: 600;
    padding: 5px 20px;
    color: #20569b !important;
    outline: none;
}


/*Section3*/
.ecommerce_section{
    padding:40% 0 15% 0;
    background: url(../images/bg2.png) center top;
     position: relative; float: left; width: 100%;
      margin:-21% 0 0 0;
      background-size: cover;
}
.ecommerce_text{margin-top:-50%; position: relative; }
.ecommerce_text h2{    color: #fff;
    font-weight: 600;
    font-size: 22px;}
.ecommerce_text h3{color: #fff; font-weight: 600; font-size: 18px;}


.digital_text2{margin-top:-43%; margin-bottom: 18.4%; position: relative; }
.digital_text2 p {
    text-align: justify;
    font-size: 15px;
    color: #fff;
    margin: 15px 0 0 0;
}
.informationtxt{padding: 0 0 150px 0}
.informationtxt h2 {
    color: #000;
    font-weight: 600;
    font-size: 22px;
}
.informationtxt p {
    text-align: justify;
    font-size: 18px;
    color: #787878;
    font-weight: 500;
    margin: 15px 0 0 0;
}
.digital_text2 h2{    color: #fff;
    font-weight: 600;
    font-size: 22px;}
.cataloguetxt ul { float: left; width: 100%; margin:25px 0 0 0; padding: 0;  list-style: none;}
.cataloguetxt ul li{color: #666;
    background: url(../images/tick2.png) no-repeat 0 7px;
    font-weight: 600;
    font-size: 15px;
    padding: 8px 0 8px 38px;
    display: block; }
.ecommerce_text ul {margin:25px 0 0 0; padding: 0;  list-style: none;}
.ecommerce_text ul li{color: #fff;
    background: url(../images/tick.png) no-repeat 0 7px;
    font-weight: 600;
    font-size: 15px;
    padding: 8px 0 8px 38px;
    display: block; }
.ecommerce_text p {
    text-align: justify;
    font-size: 15px;
    color: #fff;
    margin: 15px 0 0 0;
}

/*POINT OF SALE*/
.pos_heading{margin:60px 0 60px 0;}
.pos_heading h2{color: #fff; font-size: 40px; margin: 0; padding: 4px 0; font-weight: 600; text-align: center;}
.pointofsale_banner{}
.images_boxes{text-align: center; position: relative; margin:40px 0 0 0 }
.images_boxes2{text-align: center; position: relative; margin:0px 0 0 0 }
.topmen{position: absolute; top: -50px; left: 45%;}
.bb1{position: absolute;
    top: 113px;
    left: 4%;}
.bb2{position: absolute;
    top: 388px;
    left: 10%;}
.bb3{position: absolute; top: 0; right: 3%;}
.mn{position: absolute;
    bottom: -41px;
    left: 2%;}
.wmn{    position: absolute;
    bottom: 10px;
    right: 14px;}

.ectop{position: absolute;
    top: 19px;
    width: 20%;
    left: 36%;}
.ec1{    position: absolute;
    top: 132px;
    width: 18%;
    left: 9%;}

.ec2{position: absolute;
    top: 113px;
     right: 14%;}
.ec3{position: absolute;
    bottom: 50px;
    width: 17%;
    left: 3%;}
.ecomtext_colume{
    text-align: center;
    padding: 100px 0;
}
.ecomtext_colume p {
    font-size: 15px;
    color: #787878;
    font-weight: 500;
    margin: 15px 0 0 0;
}
.exploreall:hover{    text-decoration: none;
    background: #ffe00d;
    color: #fff !important;}
.ecombig{margin: 40px 0}
.section_esaytouse{ display: none; margin: 170px 0 60px 0; float: left; width: 100%;}
.section_esaytouse  p {
   font-size: 17px;
    color: #6e6e6e;
    line-height: 27px;
}
.esaytousetxt{margin: 94px 40px 0 40px;}
.section_esaytouse .section4 h2 {
    color: #000;
    font-size: 29px;
    margin: 24px 0;
    padding: 0px 0;
    font-weight: 600;
}
.exploreall{ display: none; visibility: hidden; font-size: 16px !important;
    background-image: linear-gradient(100deg,#22468e,#1c6398 40%,#119aaa);
    border-radius: 80px;
    border: 0;
    display: inline-block;
    margin: 40px 0 0 0;
    font-weight: 500;
    padding: 11px 50px;
    color: #fff !important;
    outline: none;}
.ecomtext_colume .ecom_1 img{margin-top:25px;}
.ecomtext_colume h3{font-size: 36px; font-weight: 700;}
.ecomtext_colume h2{font-size: 22px; font-weight: 600; margin: 0; padding: 5px 0; color: #4d4d4d;}
.ec4{   position: absolute;
    bottom: 59px;
    right: 80px; width: 22%;}

 .posboximg {width: 100%;}
 .pos-col1{margin: 250px 0 0 0}
 .pos-col1 h2{color: #000;
    font-weight: 600;
    font-size: 22px;}
    .pos-col12 p{text-align: center !important;}
.pos-col1 p{text-align: justify;
    font-size: 15px;
    color: #787878;
    font-weight: 500;
    margin: 15px 0 0 0;}
 .pos-col2{margin: 150px 0 0 0}
  .pos-col2 span img{margin: 0 5px 0 0}

 .pos-col2 h2{color: #000;
    font-weight: 600;
    font-size: 22px;}
.pos-col2 p{text-align: justify;
    font-size: 15px;
    color: #787878;
    font-weight: 500;
    margin: 15px 0 0 0;}
.pos_section p {
    font-size: 15px;
    color: #fff;
    margin: 15px 27% 0 27%;
    text-align: center;
}
.pos_section{
    padding:15% 0 2% 0;
    z-index: -1;
    background: url(../images/bg2.png) center top;
     position: relative; float: left; width: 100%;
      margin:-27.5% 0 7% 0;
      background-size: cover;
}
.white_bg{
    min-height: 525px;
    background:#fff;
    padding: 60px 10px 20px 0;
    border-radius: 5px;
    text-align: center;
    color: #000;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(16,38,81,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(16,38,81,1);
    box-shadow: 0px 0px 10px 0px rgba(16,38,81,1);
}
.white_bg  h2{font-size: 22px; color: #000;}
.white_bg p{text-align: center;
    font-size: 15px;
    color: #666;
    font-weight: 500;
    margin: 15px 0 0 0; margin: 15px 5% 0 5%}
.white_bg a{}
.white_bg a:hover{text-decoration: none;     background: #ffe00d; color: #fff !important;}
.white_bg a{
    font-size: 16px !important;
    background-image: linear-gradient(100deg,#22468e,#1c6398 40%,#119aaa);
    border-radius: 80px;
    border: 0;
    display: inline-block;
    margin: 15px 0 0 0;
    font-weight: 500;
    padding:17px 70px;
    color: #fff !important;
    outline: none;
}

/*Footer*/
.bottomFooter{ text-align: right;
    color: #000;
    font-weight: 500;
    margin: -30px 0 6px 0;
    float: left;
    width: 100%; }
.bottomFooter a{color: #000;}
footer .text-center a{color: #fff;}
footer .text-center a:hover{color: #fff;}
footer ul li a:hover{color: #58c5ea !important; text-decoration: none;}
footer ul li a:active{color: #58c5ea !important; text-decoration: none;}
footer ul li a:focus{color: #58c5ea !important; text-decoration: none;}
footer ul li a i{margin: 0 8px 0 0}
footer ul li a{color: #fff;     font-weight: 300; font-size: 15px; display: inline-block;
 padding:0 0 5px 0 ;}
footer ul li{list-style: none;}
footer p{margin-left:-57px;font-size: 15px; line-height:27px;     font-weight: 300;}
footer{
	background-image: linear-gradient(100deg,#1292ab,#1e5c9d 50%,#2f0a7b);
	padding: 100px 0; color: #fff;
	border-radius:0px 0 190px 0;
	 position: relative; float: left; width: 100%;
	  transform: skewY(-3deg);
  transform-origin: top left;
  margin: 50px 0 0 0;
}
footer .container{
	transform: skewY(3deg);
}

.loginbtn{ color: #fff !important; border:#0dafb1 solid 1px; padding: 3px 15px !important; 
     margin: 35px 0 0 ; 
    display: inline-block; border-radius: 2px;

transition: all .3s ease-out;}
/*Header css*/
.header{padding:25px 0 0 0;}
#menu, .mean-container .mean-bar {position:relative;   margin:0px ;    position: relative;    text-align: left;    }
#menu ul { list-style:none; margin:0; padding:0;}
#menu ul li {padding:0 12px; display:inline-block; }
#menu ul li a i{ font-weight:300; font-size:12px;}
#menu ul li a {text-decoration:none; outline:none;    
  font-size:15px; color:#fff;margin:0 ;  position: relative;    
  padding:15px 2px ; font-weight: 400; display:inline-block;  }


#menu ul li a:hover{ 
color:#ccb62e;   }
.uparrow{
            position: absolute;
    left: 13%;
    top: -21px;
    color: #fff;
    font-size: 25px;
}
#menu ul li a.active {
	color:#ccb62e; }
#menu ul ul  { background: #fff; transition: all .3s ease-out;  position: absolute; left: -999em; margin: 0; padding:20px 0; width: 235px;   border-radius:5px;   z-index:99999; border:0 !important; border-bottom: 1px solid #ccc; }
#menu ul ul a span{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    float: left;
    margin: -5px 15px 0 0;
    text-align: center;
    line-height: 32px;
    position: relative;
        box-shadow: 0 3px 4px 0 rgba(0,0,0,.05);
    background: #fff;
}
#menu ul ul a  { width:250px;
display: block;
text-align: left;
font-weight: 500;
margin: 0;
color: #000 !important;
border-radius: 0;
padding: 17px 20px !important;
font-size: 14px !important;
border: 0;}
#menu ul ul a:hover  {  color:#666 !important;  text-decoration:none; }
#menu ul ul ul  { border-top:0; margin: -29px 0 0 235px; }
#menu ul li li { padding: 0; margin:0; border:0; }
#menu ul li:hover, #menu ul li.hover  { position:static;}
#menu ul li:hover ul ul,  #menu ul li.sfhover ul ul, #menu ul li:hover ul ul ul,  #menu ul li.sfhover ul ul ul, #menu ul li:hover ul ul ul ul, #menu ul li.sfhover ul ul ul ul { left:-999em; }

#menu ul li:hover ul, #menu ul li.sfhover ul, #menu ul li li:hover ul, #menu ul li li.sfhover ul, #menu ul li li li:hover ul, #menu ul li li li.sfhover ul, #menu ul li li li li:hover ul, #menu ul li li li li.sfhover ul { left:auto; }

#menu li ul li.current_page_item > a, #menu li ul li.current-menu-ancestor > a, #menu li ul li.current-menu-item > a, #menu li ul li.current-menu-parent > a { color: #000 !important;
padding: 4px 15px !important; text-decoration:none; }


a.meanmenu-reveal {	display: none}
.mean-container .mean-bar {width:100% position:relative;  z-index: 999999; }
.meanclose{font-size: 15px !important}
.mean-container a.meanmenu-reveal { 
    z-index:500; padding: 5px 6px 7px 6px; border-radius: 80px; 
    border: #fff solid 1px; width:15px; height:15px;  position:absolute;	
    top:15px;	right:15px !important; color:#fff;	text-decoration:none; text-indent:-9999em; 
    display:block; font:300 12px Montserrat, sans-serif; outline:none;}

.mean-container a.meanmenu-reveal span {	display: block;	background: #fff;	height: 2px;	margin-top: 3px}

.mean-container .mean-nav { width: 100%; margin-top:0;}
.mean-container .mean-nav ul {	padding: 0;	margin: 0;	width: 100%;	list-style-type: none;}
.mean-container .mean-nav ul li {	position: relative;  padding: 8px 14px; border-bottom: #2478a2 solid 1px; }
.mean-container .mean-nav ul li:first-child { }
.mean-container .mean-nav ul li:last-child { border-bottom:none;}
.mean-container .mean-nav ul li a { text-transform:uppercase; 	display:block; width:auto; padding:10px ; text-align:left; color: #fff !important; }
.mean-container .mean-nav ul li li:first-child {}
.mean-container .mean-nav ul li li { background:url(images/m-bullet.png) 5.3% center no-repeat; }
.mean-container .mean-nav ul li li a {	width: auto;  opacity: .9; filter: alpha(opacity=90); text-shadow: none!important;	visibility: visible}

.mean-container .mean-nav ul li.mean-last a {	border-bottom: 0;	margin-bottom: 0}
.mean-container .mean-nav ul li li li a {	width: 70%;	padding: 1em 15%}
.mean-container .mean-nav ul li li li li a {	width: 60%;	padding: 1em 20%}
.mean-container .mean-nav ul li li li li li a {	width: 50%;	padding: 1em 25%}


.mean-container .mean-nav ul li a.mean-expand {
    width: 15px;
    height: 15px;
    font-size: 28px !important;
    padding: 9px!important;
    text-align: center;
    position: absolute;
    right: 14px;
    top: 11px;
    z-index: 2;
    line-height: 12px;
}
.mean-container .mean-nav ul li a.mean-expand:hover, .mean-container .mean-nav ul li a.mean-expand:focus { text-decoration:none; outline:none;}

.mean-container .mean-push {	float: left;	width: 100%;	padding: 0;	margin: 0;	clear: both}
.mean-nav .wrapper {	width: 100%;	padding: 0;	margin: 0}

.mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box;	box-sizing: content-box}
.logo{width:94%;}