body{ margin:0; padding: 0; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 28px; font-weight: 500; color: #333333}
h1{font-size: 42px; line-height: 60px; font-weight: 600; margin: 0 0 20px}
h2{font-size: 28px; font-weight: 600; margin: 0 0 15px}
h3{font-size: 21px; line-height: 28px; font-weight: 600; margin: 0 0 15px}
h4{font-size: 18px; line-height: 28px; font-weight: 600; margin: 0 0 15px}
h5{font-size: 14px; line-height: 16px; font-weight: 200; margin: 0 0 15px}
p{ font-weight: 200; line-height: 28px; color:#858587}
a{ text-decoration:none}
input:focus{ outline:none}
select:focus{ outline:none}
.bg-hm{background-image:url(../images/header-bg.jpg); background-position: center top; background-repeat: no-repeat}
.bg-solution{background-image:url(../images/bg-content-pg.jpg); background-position: center top; background-repeat: no-repeat}
.bg-solution2{background-image:url(../images/bg-content-pg2.jpg); background-position: center top; background-repeat: no-repeat}
section{ width:100%; float: left}
.container{width:1180px; margin: 0 auto}
header{ width:100%; position: fixed; z-index: 1}
#headerbg{background-color: none; transition: 0.8s}
#top{ width:100%; float: left; color: white; padding: 30px 0 20px; font-weight: 400; transition: 0.8s}
#logo{ width:20%; height: 62px; float: left; background-image:url(../images/logo.png); background-size: 160px; background-position: left top; background-repeat: no-repeat; transition: 0.8s}
#menu{ width:65%; float: left}
.btn-schedule{ width: 15%; float: left}
.btn-schedule a{ font-size: 13px; float: right; padding: 10px 20px; margin-top: 4px; color: white; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6250fa+0,7a41d8+100 */
background: rgb(98,80,250); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(98,80,250,1) 0%, rgba(122,65,216,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(98,80,250,1) 0%,rgba(122,65,216,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(98,80,250,1) 0%,rgba(122,65,216,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6250fa', endColorstr='#7a41d8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.btn-schedule a:hover{ background-color: deeppink}
.btn-video{ width: 180px; float: left}
.btn-video a{ width: 180px; float: left; display: block; cursor: pointer; font-size: 15px; padding: 10px 0px 10px 15px; color: white; -webkit-border-radius: 130px;-moz-border-radius: 130px;border-radius: 130px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff175f+0,f5593b+100 */
background: rgb(255,23,95); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,23,95,1) 0%, rgba(245,89,59,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,23,95,1) 0%,rgba(245,89,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,23,95,1) 0%,rgba(245,89,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff175f', endColorstr='#f5593b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.btn-video a img{float: left; width: 40px; margin-right: 5px}
.btn-video a span{float: left; margin: 8px}

.btn-video-yt{ width: 180px; float: left; display: block; cursor: pointer; font-size: 16px; line-height: 36px; padding: 10px 10px 10px 15px; color: white; -webkit-border-radius: 130px;-moz-border-radius: 130px;border-radius: 130px; border: none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff175f+0,f5593b+100 */
background: rgb(255,23,95); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,23,95,1) 0%, rgba(245,89,59,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,23,95,1) 0%,rgba(245,89,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,23,95,1) 0%,rgba(245,89,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff175f', endColorstr='#f5593b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.btn-video-yt img{float: left; width: 40px; margin-right: 0px}
.btn-video-yt:active {
    outline: none;
    border: none;
}

.btn-video-stock{ cursor: pointer; border: none;}
.btn-video-stock:active {
    outline: none;
	border: none;}
.client{width: 100%;display: flex;}
.clientSlides{display:none;}
.slide-group {display:flex;}
.slide-item {flex: 0 0 calc(100% / 6);}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 70%;
  width: auto;
  padding: 5px;
  margin-top: -22px;
  color: grey;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 50px 50px 50px 50px;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 50px 50px 50px 50px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}
#introduce{ width: 100%; float: left; margin: 130px 0 150px}
#introduce-info{ width: 45%; position: relative; float: left; margin-top: 80px}
#introduce-info h1{color: white}
#introduce-info h2{margin-bottom: 30px}
#introduce-info h3{color:#71B6D7; font-weight: 300!important; line-height: 34px; margin-bottom: 50px}
#introduce-info h4{color:#71B6D7; font-weight: 300!important; line-height: 28px; margin-bottom: 50px}
#introduce-info h5{color:#71B6D7; font-weight: 300!important; line-height: 21px; margin-bottom: 50px}
#introduce-img{ width: 55%; height: 610px; position: relative; float: left}
#introduce-download{width: 40%; float: right; margin: 0}
.download-container{width:60%;float:left;margin-top:200px;}
.download-container h2{ text-align:center; margin: 0 0 0 10px;color: #FFFFFF}
.download-container h4{ text-align:center; margin: 20px 0 0 10px;color: #9b9b9e; line-height: 24px}
.button-download-app-new { width: 100%; float: left; margin: 30px 15% 20px 15%; position:center;}
.button-download-app-new img{ width: 180px; margin: 0 10px}
.img-desktop{ position: absolute; right: 0; top: 0}
.img-mobile{ width: 300px; position: absolute; left: 30px; top: 260px}
#introduce-img img{ width: 100%}
.mschedule{ display:none}
#solution{ width:100%; position: relative}
#hm-solution{ width: 100%; float: left; padding-right:0;padding-bottom: 40px; margin-bottom: 90px; border-bottom: 1px solid #e3e3e3}
.hm-solution-header{ width: 100%; float: left; text-align: center}
.hm-solution-header h2{ margin: 0 0 22px; padding: 0; font-size:50px;}
.hm-solution-header h3{ margin: 0 0 10px; padding: 0; color:black;}
.hm-solution-header p{ width: 70%; margin: 0 auto 10px; padding: 0; color: #848484; line-height: 24px}
.hm-solution-header a{ color: #3e72f7}
.hm-solution-list{ width:100%; float: left}
.hm-solution-list ul{ width: 85%; margin: 0 auto; padding: 0; list-style-type: none; text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap}
.hm-solution-list li{ width: 25%; float: left; margin: 0 0 60px; padding: 0;}
.hm-solution-list li img{margin: 0 0 10px; padding: 0}
.hm-solution-list li h4{margin: 0; padding: 0}
.hm-solution-list li p{margin: 0; padding: 0}
#hm-client{ width:100%; float: left; margin-bottom: 60px}
#hm-client h3{ margin-bottom: 50px}
.hm-client-logo{ width:100%; float: left; text-align: center}
.hm-client-logo img{ width: 150px; margin: 0 0 30px; padding: 0 15px}

#hm-features{ width:100%; float: left; height: 600px;}
.hm-features{ width: 100%; float: left; padding-top: 60px; background-color: #e9f0f4}

#getstart{ width:100%; float: left; margin: 100px 0}
#getstart h2{ margin: 0 0 30px}
#getstart h4{ margin: 0 0 30px; font-weight: 500!important; color: #546e7a}
.bg-getstart{ background-image:url(../images/bg-getstart.jpg); background-position: right top; background-repeat: no-repeat}

#download{ width:100%; float: left; padding: 100px 0}
#download h2{ margin: 0 0 30px; color: #ffffff; line-height: 46px}
#download h4{ margin: 0 0 30px; font-weight: 500!important; color:#C6C6C6}
.bg-download{ 
background: #093a81; /* Old browsers */
background: -moz-linear-gradient(top, #093a81 0%, #1467a5 69%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #093a81 0%,#1467a5 69%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #093a81 0%,#1467a5 69%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#093a81', endColorstr='#1467a5',GradientType=0 ); /* IE6-9 */}
.button-download-app { width: 100%; float: left; margin: 30px 0 20px 0}
.button-download-app img{ width: 180px; margin: 0 10px}

.btn-schedule2{ width: 180px; margin: 0 auto}
.btn-schedule2 a{ width: 180px; float: left; display: block; cursor: pointer; font-size: 15px; padding: 10px 0; color: white; -webkit-border-radius: 130px;-moz-border-radius: 130px;border-radius: 130px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff175f+0,f5593b+100 */
background: rgb(255,23,95); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,23,95,1) 0%, rgba(245,89,59,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,23,95,1) 0%,rgba(245,89,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,23,95,1) 0%,rgba(245,89,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff175f', endColorstr='#f5593b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

#content-header{ width: 100%; float: left; margin-top: 150px}
#introduce-solution{ width: 100%; position: relative; color: white; float: left; margin-bottom: 30px; text-align: center}
#introduce-solution2{ width: 100%; position: relative; color: white; float: left; margin-bottom: 0px; text-align: center}
#introduce-solution h1{ margin: 0 0 15px}
#introduce-solution h3{ width: 70%; margin: 0 auto; font-weight: 300!important; color: #71B6D7}
#introduce-solution-img{ width: 100%; height: 552px; position: relative; float: left; text-align: center}
#introduce-solution-img img{ width: 80%}
#introduce-ci-img{ width: 100%; height: 552px; position: relative; float: left; text-align: center}
.content{ width: 100%; float: left; margin-bottom: 80px}
.content-info-full{ width: 100%; float: left}
.content-info-left{ width: 45%; margin-right: 5%; float: left}
.content-info-left h2{ line-height: 42px}
.content-info-right h2{ line-height: 42px}
.content-info-right{ width: 45%; margin-left: 5%; float: left}
.content-info-right ol.d {list-style-type: lower-alpha; margin: 0 0 0 15px; padding: 0; line-height: 28px; color:#858587}
.content-info-right ol li {margin: 0 0 15px 0; padding: 0}
.content-info-left ol.d {list-style-type: lower-alpha; margin: 0 0 0 15px; padding: 0; line-height: 28px; color:#858587}
.content-info-left ol li {margin: 0 0 15px 0; padding: 0}
.content-img-right{ width: 50%; float: left; text-align: center}

.content-img-left{ width: 50%; float: left; text-align: center}
.content-img-left img{-webkit-box-shadow: 0px 5px 40px 0px rgba(100,146,188,0.3);-moz-box-shadow: 0px 5px 40px 0px rgba(100,146,188,0.3);box-shadow: 0px 5px 40px 0px rgba(100,146,188,0.3);}
.content-img-right img{-webkit-box-shadow: 0px 5px 40px 0px rgba(100,146,188,0.3);-moz-box-shadow: 0px 5px 40px 0px rgba(100,146,188,0.3);box-shadow: 0px 5px 40px 0px rgba(100,146,188,0.3);}

#about-wrap{ width: 90%; padding:5%; float: left}
#introduce-about{ width: 100%; position: relative; color: white; float: left; margin-bottom: 50px; text-align: center}
#introduce-about h1{ margin: 0 0 20px}
#introduce-about h4{ width: 60%; margin: 0 auto; color: #71B6D7; font-weight: 400}
.introduce-about-img{ width: 90%; padding:5%; background-color: white; position: relative; float: left; -webkit-box-shadow: 0px 5px 40px 0px rgba(100,146,188,0.2);-moz-box-shadow: 0px 5px 40px 0px rgba(100,146,188,0.2);box-shadow: 0px 5px 40px 0px rgba(100,146,188,0.2);}
.introduce-about-left{ width: 45%; margin-right: 5%; float: left}
.introduce-about-right{ width: 50%; float: left}
.introduce-about-right img{ width: 100%}

.wwdo{ width:100%; float: left}
.wwdo ul{ width: 70%; margin: 0 auto 60px; padding: 0; list-style-type: none; text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap}
.wwdo ul li{ float: left; margin: 0; padding: 0; width: 45%}
.wwdo ul li img{ width: 62px}
.wwdo-row1{ width:100%; position: relative; z-index: 2; margin-top: 0px}
.wwdo-row2{ width:88%; height: 130px; padding: 50px 6% 6%; position: relative; z-index: 1; margin-top: -40px; background-color: white; -webkit-box-shadow: 0px 5px 40px 0px rgba(100,146,188,0.3); -moz-box-shadow: 0px 5px 40px 0px rgba(100,146,188,0.3); box-shadow: 0px 5px 40px 0px rgba(100,146,188,0.3); -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}
.wwdo p{ width: 60%; margin: 0 auto; text-align:center}
.team{ width:100%; float: left; margin-top: 80px; margin-bottom: 60px}
.team-box{align-items: center; width: 38%;height: auto;background-color: white;border-radius: 15px;display: inline-block;margin: 10px;transition: background-color 0.3s ease;display: flex; flex-direction: column;}
.team-box:hover{background-color: lightgray;}
.team-box h4{text-align:center;padding: 30px 10px 5px;z-index: 2;}
.team-box h5{text-align:center;padding: 0 10px 5px;z-index: 2;}
.team-box img{padding-top:10px}
.team-container{margin:10px 50px;display:flex;justify-content:center;}
.team-left{width:50%;}
.team-left h4{font-size:40px;text-align:left;padding:10px 50px 20px}
.team-left h5{font-size:20px;text-align:left;padding:5px 50px 10px}
.team-left p{text-align:left;padding:5px 50px 10px}
.team-left img{width:100%}
.team-right{width:50%;}
.team-right h4{font-size:40px;text-align:left;padding:10px 50px 20px}
.team-right h5{font-size:20px;text-align:left;padding:5px 50px 10px}
.team-right p{text-align:left;padding:5px 50px 10px}

.team-right img{width:100%}
.team-row1{ width:100%; float: left; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ccc}
.team-management{ width:40%; float: left; padding: 0 5%; text-align: center}
.team-management img{ width:100%; float:left ; padding: 0 5%;}
.team-management h2 {font-size: 28px; font-weight: 600; margin: 0 10% 15px; text-align:right;}

.team-row2{ width:100%; float: left; margin-bottom: 10px;}
.team-row2 ul{ margin: 0; padding: 0; list-style-type: none; text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap}
.team-row2 ul li{ width: 22%; min-height: 560px; float: left}
.team-row2 img{ width:80%}
.team-row2 p{ text-align:justify; text-align-last: none}
.team h4{ color: #5d4df6; margin-bottom: 0px}
.team h5{ color: #696969; margin-bottom: 20px; text-transform: uppercase}

#partnership{ width:100%; float: left; margin: 100px 0}
.partnetship-col1{ width: 25%; margin-right: 5%; float: left}
.partnetship-col1 img{ width: 100%; float: left; margin-top: 15px}
.partnetship-col2{ width: 70%; float: left; margin-bottom: 30px}
.btn-news{ width: 180px; margin: 0 auto; text-align: center}
.btn-news a{ width: 180px; float: left; display: block; cursor: pointer; font-size: 15px; padding: 10px 0; color: white; -webkit-border-radius: 130px;-moz-border-radius: 130px;border-radius: 130px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6250fa+0,7a41d8+100 */
background: rgb(98,80,250); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(98,80,250,1) 0%, rgba(122,65,216,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(98,80,250,1) 0%,rgba(122,65,216,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(98,80,250,1) 0%,rgba(122,65,216,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6250fa', endColorstr='#7a41d8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.career{ width:100%; float: left; margin-top: 80px; margin-bottom: 60px}
.career h2{ margin: 0 0 15px}
.career p{ width: 80%; margin: 0 auto 15px}
.career-list{ width:100%; float: left}
.career-list ul{ margin: 0 0 60px; padding: 0; list-style-type: none; text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap}
.career-list ul li{ width: 30%; float: left; margin: 0; padding: 0}
.career-list ul li img{ width: 62px}
.career-row1{ width:100%; position: relative; z-index: 2; margin-top: 0px}
.career-row2{ width:88%; min-height: 280px; padding: 50px 6% 6%; position: relative; z-index: 1; margin-top: -40px; background-color: white; -webkit-box-shadow: 0px 5px 40px 0px rgba(100,146,188,0.3); -moz-box-shadow: 0px 5px 40px 0px rgba(100,146,188,0.3); box-shadow: 0px 5px 40px 0px rgba(100,146,188,0.3); -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}
.career-row2 ul{ list-style: circle; width: 80%; margin: 0 auto}
.career-row2 li{ width:100%!important; margin: 0!important; padding: 0!important; float: left; text-align: left}
.contact-form{ width:65%; float: left; margin-right: 15%}
.contact-form table{ width:100%; float: left; border-collapse: collapse;}
.contact-form table tr td{ margin: 0; padding: 0}
.contact-form label{ font-size: 12px; color: #9b9b9e; font-weight: 400; margin: 0; padding: 0}
.contact-address{ width:20%; float: left}
.contact-address span a{ color: #005695}
.textfield{ width: 100%; font-size: 16px; font-weight: 600; color: #2a3245; padding:5px 0; border-bottom: 1px solid #ccc; border-top: none; border-left: 0; border-right: 0; position: relative}
.textfield::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#E0E0E0; font-weight: 200!important;
}
.textfield::-moz-placeholder { /* Firefox 19+ */
  color: #E0E0E0; font-weight: 200!important;
}
.textfield:-ms-input-placeholder { /* IE 10+ */
  color: #E0E0E0; font-weight: 200!important;
}
.textfield:-moz-placeholder { /* Firefox 18- */
  color: #E0E0E0; font-weight: 200!important;
}

.textfield-msg{ width: 100%; height: 100px; font-size: 16px; font-weight: 600; color: #2a3245; padding:5px 0; border-bottom: 1px solid #ccc; border-top: none; border-left: 0; border-right: 0; position: relative}
.textfield-msg::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#E0E0E0; font-weight: 200!important;
}
.textfield-msg::-moz-placeholder { /* Firefox 19+ */
  color: #E0E0E0; font-weight: 200!important;
}
.textfield-msg:-ms-input-placeholder { /* IE 10+ */
  color: #E0E0E0; font-weight: 200!important;
}
.textfield-msg:-moz-placeholder { /* Firefox 18- */
  color: #E0E0E0; font-weight: 200!important;
}
.textfield-msg:focus{outline: none}
.select-wrap{ border-bottom:1px solid #ccc}
.select-wrap select{ background: url(../images/down_arrow_select.jpg) no-repeat right #fff;
   width: 100%;
   padding: 0px;
   font-size: 16px; font-weight: 600; text-transform: uppercase;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px; color:#2a3245;
   -webkit-appearance: none}

.btn-contact { font-size: 15px; float: left; padding: 10px 20px; margin-top: 4px; color: white; border: none; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; -webkit-border-radius: 130px;-moz-border-radius: 130px;border-radius: 130px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff175f+0,f5593b+100 */
background: rgb(255,23,95); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,23,95,1) 0%, rgba(245,89,59,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(255,23,95,1) 0%,rgba(245,89,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(255,23,95,1) 0%,rgba(245,89,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff175f', endColorstr='#f5593b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.btn-contact:focus{outline: none}
.icon-scroll{ width:22px; margin-top: -450px; position: relative; float: right}

footer{ width:100%; float: left; background-color: #efecf4; color: #546e7a; padding: 60px 0 0; font-size: 12px}
footer p{ font-weight: 500; color: #546e7a}
.footer-row{ width:100%; float: left; margin-bottom: 60px}
.footer-row1{ width: 32%; margin-right: 5%; float: left}
.footer-row1 img{ width: 30%}
.footer-row1 p{ line-height: 24px}
.footer-row2{ width: 63%; float: left}
.footer-row2 ul{ width: 25%; display: block; margin:0; padding: 0; float: left; list-style: none}
.footer-row2 ul:nth-child(2){  margin:0 30px 0 0;}
.footer-row2 ul li{ width: 100%; margin: 0 0 8px; float: left}
.footer-row2 ul li a{ color: #546e7a; font-weight: 500; text-decoration: none}
.footer-row2 ul li a:hover{ color: #005695}
.footer-row3{ width: 25%; float: left; font-size: 28px}
.footer-row3 ul{ width: 100%; display: block; margin: 0; float: left; list-style: none}
.footer-row3 ul li{ margin: 0 0 0 0px; padding: 8px 15px; float: left}
.footer-row3 ul li:hover{ color: white; background-color: #005695; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px}
.copyright{ width:100%; float: left; padding: 20px 0 0; margin: 0 0 60px; border-top: 1px solid #dcd9e0}

.bg-pattern{ background-image:url(../images/solution/bg-pattern.png); background-position: center top; background-repeat: no-repeat}
.bg-team{ background-image: linear-gradient(to bottom right, #76B2B0, #e9f0f4 );}
.bg-team-2{  background-color:#e9f0f4}
.pdtop80m{ padding-top:0px}
.pdtop80{ padding-top:80px}
.pdtop-solution{ padding-top:30px}
.pdtop30{ padding-top:80px}
.pdtop30-m{ padding-top:0px}
.pdtop60{ padding-top:120px}
.mbot90{ margin-bottom: 90px}
.mbot30{ margin-bottom: 30px}
.mbot{ margin-bottom: 60px}
.pdbot60m{ padding-bottom:0px!important}
.mdemo{ display:block}
.img-desktop{ float:right}

.clearfix{ clear: left; margin: 0}



#cookie-page{ width:100%; float: left; padding-top: 200px; padding-bottom: 60px; background-color:#F2F2F2}
.cookie-wrapper{ width: 100%; float: left; margin: 0 0 20px; padding: 0px 0 20px}
.cookie-wrapper ul{ margin: 0 0 30px 30px; padding: 0}
.cookie-wrapper ol{ margin: 0 0 0 30px; padding: 0}
#cookie-page h3{ margin: 0 0 30px; padding: 0}
#cookie-page h3,h4{ color: #373737}
#cookie-page p{ margin: 0 0 15px; padding: 0; font-weight: 400}
#cookie-page span{ color:#373737; font-weight: 600 }
#cookie-page a{ color:#2BA7C4}

.cookie-wrap{ width:60%; position: relative; margin: 0 auto}
.cookieupdate{ width:100%; float: left; font-size: 12px; line-height: 18px; text-align: right; margin-top: 50px}

.cookie-header-wrap{ width:100%; float: left; background-color: white; position: fixed; z-index: 9999}
.cookie-header{ width: 60%; margin: 0 auto}
#logo-cookie{ width: 100%; float: left; margin: 20px 0}
#cookie-nav{ width: 100%; float: left; color: #2BA7C4; margin-bottom: 30px}
#cookie-nav ul{ list-style: none; margin: 0; padding: 0}
#cookie-nav ul li{ float: left; margin: 0px 30px 0 0px}
#cookie-nav ul li a{ text-decoration: none; color: #7c7c7c }


@media(max-width: 520px) {
	.cookie-header{ width: 90%}
	#cookie-nav{ width:100%; font-size: 12px; padding-right: 7%; padding-bottom: 0px;}
	#cookie-nav ul li{ margin: 0 7px 0 17px; float: left; text-align: left}
	#logo-cookie{ width: 100%; margin: 20px 0 10px 10px;}
	#logo-cookie img{ width: 120px!important}
	.cookie-wrap{ width:80%}
	#cookie-page{ padding-top: 190px}
}

#logo-cookie img{ width: 150px}
/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}