.header {
 position:absolute;
 left:-80px;
 top:15px;
 width:72px;
 z-index:100;
 text-align:center;
 opacity:1;
 visibility:visible;
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 -khtml-border-radius:4px
}
.header.active {
 opacity:1!important;
 visibility:visible!important
}
.header .top-menu {
 width:100%;
 font-size:0
}
.header .top-menu ul li {
 display:block;
 transition:color .3s ease 0s;
 -moz-transition:color .3s ease 0s;
 -webkit-transition:color .3s ease 0s;
 -o-transition:color .3s ease 0s
}
.header .top-menu ul li:first-child a {
 border-radius:4px 4px 0 0;
 -moz-border-radius:4px 4px 0 0;
 -webkit-border-radius:4px 4px 0 0;
 -khtml-border-radius:4px 4px 0 0
}
.header .top-menu ul li:last-child a {
 border-radius:0 0 4px 4px;
 -moz-border-radius:0 0 4px 4px;
 -webkit-border-radius:0 0 4px 4px;
 -khtml-border-radius:0 0 4px 4px;
 border:none
}
.header .top-menu ul li:last-child a:before {
 display:none
}
.header .top-menu ul li a {
 position:relative;
 overflow:hidden;
 display:block;
 height:72px;
 color:#171717;
 text-align:center;
 background:#fff
}
.header .top-menu ul li a:before {
 content:'';
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 height:1px;
 background:-moz-radial-gradient(right,ellipse cover,rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%);
 background:-webkit-radial-gradient(right,ellipse cover,rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%);
 background:radial-gradient(ellipse at right,rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%)
}
.header .top-menu ul li a .icon {
 margin:-27px 0 0 -20px;
 position:absolute;
 top:50%;
 left:50%;
 width:40px;
 height:40px;
 font-size:20px;
 color:#171717;
 line-height:40px;
 border-radius:30px;
 -moz-border-radius:30px;
 -webkit-border-radius:30px;
 -khtml-border-radius:30px;
 transition:all .3s ease 0s;
 -moz-transition:all .3s ease 0s;
 -webkit-transition:all .3s ease 0s;
 -o-transition:all .3s ease 0s
}
.header .top-menu ul li a .link {
 position:absolute;
 left:0;
 top:57%;
 width:100%;
 display:block;
 font-size:14px;
 font-weight:400;
 text-transform:uppercase;
 transition:all .3s ease 0s;
 -moz-transition:all .3s ease 0s;
 -webkit-transition:all .3s ease 0s;
 -o-transition:all .3s ease 0s
}
.header .top-menu ul li:hover a,
.header .top-menu ul li.active a {
 color:#78cc6d
}
.header .top-menu ul li:hover a .icon,
.header .top-menu ul li.active a .icon,
.header .top-menu ul li:hover a .link,
.header .top-menu ul li.active a .link {
 color:#78cc6d
}
@media(max-width:1023px) {
 .header {
  position:fixed;
  left:0;
  top:-4px;
  width:100%;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:center
 }
 .header .top-menu {
  margin:0 auto;
  max-width:540px;
  display:flex;
  box-shadow:0 0 25px rgba(0,0,0,.05)
 }
 .header .top-menu ul {
  display:flex;
  width:100%
 }
 .header .top-menu ul li {
  display:block;
  width:100%
 }
 .header .top-menu ul li:first-child a {
  border-radius:4px 0 0 4px;
  -moz-border-radius:4px 0 0 4px;
  -webkit-border-radius:4px 0 0 4px;
  -khtml-border-radius:4px 0 0 4px
 }
 .header .top-menu ul li:last-child a {
  border-radius:0 4px 4px 0;
  -moz-border-radius:0 4px 4px 0;
  -webkit-border-radius:0 4px 4px 0;
  -khtml-border-radius:0 4px 4px 0
 }
 .header .top-menu ul li a:before {
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:1px;
  height:100%;
  background:-moz-radial-gradient(top,ellipse cover,rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%);
  background:-webkit-radial-gradient(top,ellipse cover,rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%);
  background:radial-gradient(ellipse at top,rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%)
 }
 .header .top-menu ul li:last-child a:before {
  display:block
 }
}
@media(max-width:560px) {
 .header {
  padding:0 5px;
  width:100%
 }
 .header .top-menu {
  max-width:100%
 }
}
.card-started {
 position:relative;
 width:100%;
 height:600px;
 z-index:11;
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 -khtml-border-radius:4px
}
.card-started:before {
 content:'';
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 box-shadow:10px 10px 15px rgba(0,0,0,.05);
 border-radius:0 0 4px 0;
 -moz-border-radius:0 0 4px 0;
 -webkit-border-radius:0 0 4px 0;
 -khtml-border-radius:0 0 4px 0
}
.card-started:after {
 content:'';
 position:absolute;
 left:-15px;
 top:-15px;
 width:100%;
 height:100%;
 background:-moz-linear-gradient(-45deg,rgba(120,204,109,0.4) 0%,rgba(120,204,109,0.01) 100%);
 background:-webkit-linear-gradient(-45deg,rgba(120,204,109,0.4) 0%,rgba(120,204,109,0.01) 100%);
 background:linear-gradient(135deg,rgba(120,204,109,0.4) 0%,rgba(120,204,109,0.01) 100%);
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 -khtml-border-radius:4px
}
.card-started .profile {
 padding:210px 20px 20px;
 position:relative;
 height:100%;
 background-position:50%;
 text-align:center;
 z-index:10;
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 -khtml-border-radius:4px;
 background:#eaeaea;
 background-size:cover
}
.card-started .profile.no-photo {
 padding-top:340px
}
.card-started .profile.no-photo .image {
 display:none
}
.card-started .profile .slide {
 position:absolute;
 overflow:hidden;
 left:0;
 top:0;
 width:100%;
 height:300px;
 background-color:#626262;
 background-repeat:no-repeat;
 background-position:center center;
 background-size:cover;
 border-radius:4px 4px 0 0;
 -moz-border-radius:4px 4px 0 0;
 -webkit-border-radius:4px 4px 0 0;
 -khtml-border-radius:4px 4px 0 0
}
.card-started .profile .slide:after {
 left:auto;
 right:-25%;
 transform:rotate(-6deg);
 -webkit-transform:rotate(-6deg);
 -moz-transform:rotate(-6deg);
 -o-transform:rotate(-6deg)
}
.card-started .profile .image {
 margin:0 0 20px;
 position:relative;
 display:inline-block;
 width:140px
}
.card-started .profile .image:before {
 content:'';
 position:absolute;
 top:10px;
 left:-10px;
 width:100%;
 height:100%;
 background:-moz-linear-gradient(-45deg,rgba(120,204,109,0.4) 0%,rgba(120,204,109,0.01) 100%);
 background:-webkit-linear-gradient(-45deg,rgba(120,204,109,0.4) 0%,rgba(120,204,109,0.01) 100%);
 background:linear-gradient(135deg,rgba(120,204,109,0.4) 0%,rgba(120,204,109,0.01) 100%);
 border-radius:100%;
 -moz-border-radius:100%;
 -webkit-border-radius:100%;
 -khtml-border-radius:100%
}
.card-started .profile .image img {
 position:relative;
 display:block;
 width:100%;
 height:auto;
 border:0px solid #009fe3;
 border-radius:100%;
 -moz-border-radius:100%;
 -webkit-border-radius:100%;
 -khtml-border-radius:100%
}
.card-started .profile .title {
 margin:0 0 10px;
 font-size:32px;
 color:#171717;
 line-height:32px;
 font-weight:400
}
.card-started .profile .subtitle {
 margin:0 0 15px;
 font-size:14px;
 color:#78cc6d;
 line-height:14px;
 font-weight:400
}
.card-started .profile .social a {
 margin:0 6px;
 display:inline-block;
 vertical-align:middle
}
.card-started .profile .social a .ion,
.card-started .profile .social a .fab,
.card-started .profile .social a .fas {
 font-size:16px;
 color:#171717;
 transition:all .3s ease 0s;
 -moz-transition:all .3s ease 0s;
 -webkit-transition:all .3s ease 0s;
 -o-transition:all .3s ease 0s
}
.card-started .profile .social a:hover .ion,
.card-started .profile .social a:hover .fab,
.card-started .profile .social a:hover .fas {
 color:#78cc6d
}
.card-started .profile .lnk.active.discover .arrow {
 transform:scaleX(-1);
 -webkit-transform:scaleX(-1);
 -moz-transform:scaleX(-1);
 -o-transform:scaleX(-1)
}
@media(max-width:560px) {
 .card-started {
  height:480px
 }
 .card-started:after {
  display:none
 }
 .card-started .profile {
  padding:160px 15px 15px!important
 }
 .card-started .profile.no-photo {
  padding-top:250px
 }
 .card-started .profile .slide {
  height:200px!important;
  margin-top:0;
  background-position:50% 12%
 }
 .card-started .profile .image {
  margin:0 0 15px;
  width:124px
 }
 .card-started .profile .title {
  font-size:28px;
  line-height:28px
 }
 .card-started .profile .image {
  margin:-50px 0 10px!important;
  width:146px
 }
}
.card-inner {
 padding:0;
 position:absolute;
 overflow:hidden;
 left:95%;
 top:15px;
 width:120%;
 height:570px;
 background:#fff;
 transform-origin:center left;
 opacity:0;
 visibility:hidden;
 z-index:8;
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 -khtml-border-radius:4px;
 transition:visibility 1s linear,opacity .5s linear;
 -moz-transition:visibility 1s linear,opacity .5s linear;
 -webkit-transition:visibility 1s linear,opacity .5s linear;
 -o-transition:visibility 1s linear,opacity .5s linear
}
.card-inner.animated {
 opacity:1;
 visibility:visible;
 z-index:9
}
.card-inner.active {
 opacity:1;
 visibility:visible;
 z-index:10
}
.card-inner.hidden {
 opacity:0;
 visibility:hidden;
 z-index:9
}
.card-inner:before,
.card-inner:after {
 content:'';
 position:absolute;
 top:0;
 left:0;
 right:20px;
 height:20px;
 background:#fff;
 z-index:10
}
.card-inner:after {
 top:auto;
 bottom:0
}
.card-inner .card-wrap {
 padding:30px 30px 30px 60px;
 position:relative;
 overflow-x:hidden;
 height:100%
}
@media(max-width:1072px) {
 .card-inner {
  width:115%
 }
}
@media(max-width:1023px) {
 .card-inner {
  position:relative;
  margin:15px 0;
  left:0;
  top:0;
  width:auto;
  height:auto;
  opacity:1;
  visibility:visible
 }
 .card-inner .card-wrap {
  padding:30px 30px 30px 40px;
  overflow:visible;
  height:auto
 }
 .card-inner:last-child {
  margin-bottom:50px
 }
}
@media(max-width:560px) {
 .card-inner {
  margin:10px 0
 }
 .card-inner .card-wrap {
  padding:30px
 }
 .card-inner:last-child {
  margin-bottom:10px
 }
}
.content {
 margin:0 0 60px;
 position:relative
}
.content:last-child {
 margin-bottom:0
}
.content .title {
 margin:0 0 15px;
 padding:0 0 5px;
 position:relative;
 font-size:17px;
 color:#171717;
 line-height:21px;
 font-weight:500
}
.content .title:before {
 content:'';
 position:absolute;
 left:-12px;
 top:0;
 width:30px;
 height:30px;
 visibility:hidden
}
.content .title:after {
 content:'';
 position:absolute;
 left:-60px;
 bottom:-15px;
 width:95%;
 height:1px;
 background:-moz-radial-gradient(left,ellipse cover,rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%);
 background:-webkit-radial-gradient(left,ellipse cover,rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%);
 background:radial-gradient(ellipse at left,rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%)
}
.info-list ul li {
 display:inline-block;
 width:48%;
 line-height:1.6
}
.info-list ul li strong {
 display:inline-block;
 font-size:13px;
 color:#171717;
 font-weight:500;
 text-transform:uppercase
}
@media(max-width:560px) {
 .info-list ul li {
  display:block;
  width:auto
 }
}
.service-items {
 font-size:0
}
.service-items.border-line-v:after {
 margin:0 0 0 -1px;
 content:'';
 position:absolute;
 left:50%;
 top:0;
 width:1px;
 height:100%;
 background:-moz-radial-gradient(top,ellipse cover,rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%);
 background:-webkit-radial-gradient(top,ellipse cover,rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%);
 background:radial-gradient(ellipse at top,rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%)
}
.service-items .service-item {
 text-align:left
}
.service-items .service-item .icon {
 margin:0;
 width:65px;
 height:65px;
 text-align:center;
 font-size:32px;
 color:#78cc6d;
 background:-moz-linear-gradient(-45deg,rgba(120,204,109,0.4) 0%,rgba(120,204,109,0.01) 100%);
 background:-webkit-linear-gradient(-45deg,rgba(120,204,109,0.4) 0%,rgba(120,204,109,0.01) 100%);
 background:linear-gradient(135deg,rgba(120,204,109,0.4) 0%,rgba(120,204,109,0.01) 100%);
 border-radius:60px;
 -moz-border-radius:60px;
 -webkit-border-radius:60px;
 -khtml-border-radius:60px
}
.service-items .service-item .icon .ion,
.service-items .service-item .icon .fab,
.service-items .service-item .icon .fas {
 display:block;
 line-height:60px
}
.service-items .service-item .name {
 margin:15px 0 10px;
 font-size:13px;
 color:#171717;
 font-weight:500;
 text-transform:uppercase
}
.service-items .service-item p {
 margin:0
}
@media(max-width:560px) {
 .service-items.border-line-v:after {
  display:none
 }
 .service-items .col:after {
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:-moz-radial-gradient(left,ellipse cover,rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%);
  background:-webkit-radial-gradient(left,ellipse cover,rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%);
  background:radial-gradient(ellipse at left,rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%)
 }
}
.pricing-items {
 font-size:0
}
.pricing-items .pricing-item {
 padding:0 0 70px;
 text-align:center
}
.pricing-items .pricing-item .icon {
 margin:0 auto;
 width:40px;
 height:40px;
 text-align:center;
 font-size:32px;
 color:#78cc6d
}
.pricing-items .pricing-item .icon .ion,
.pricing-items .pricing-item .icon .fab,
.pricing-items .pricing-item .icon .fas {
 display:block;
 line-height:40px
}
.pricing-items .pricing-item .name {
 margin:0 0 30px;
 font-size:13px;
 color:#171717;
 font-weight:500;
 text-transform:uppercase
}
.pricing-items .pricing-item .amount {
 margin:0 0 25px
}
.pricing-items .pricing-item .amount .number {
 margin:0;
 position:relative;
 display:inline-block;
 vertical-align:middle;
 font-size:42px;
 line-height:26px;
 font-weight:500;
 color:#171717
}
.pricing-items .pricing-item .amount .dollar,
.pricing-items .pricing-item .amount .period {
 margin:0 3px;
 position:relative;
 bottom:7px;
 display:inline-block;
 vertical-align:top;
 font-size:17px;
 font-weight:400;
 color:#171717
}
.pricing-items .pricing-item .amount .period {
 bottom:auto;
 top:7px;
 vertical-align:bottom;
 font-size:13px;
 color:#626262
}
.pricing-items .pricing-item .feature-list ul li {
 padding:5px 0;
 font-size:14px;
 color:#171717
}
.pricing-items .pricing-item .feature-list ul li:last-child {
 border-bottom:none
}
.pricing-items .pricing-item .feature-list ul li.disable {
 text-decoration:line-through;
 opacity:.6
}
.pricing-items .pricing-item .feature-list ul li strong {
 margin:0 0 0 5px;
 padding:0 5px;
 display:inline-block;
 vertical-align:middle;
 font-size:12px;
 color:#171717;
 background:rgba(120,204,109,.4);
 font-weight:300;
 border-radius:2px;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 -khtml-border-radius:2px
}
.pricing-items .pricing-item .lnks .lnk {
 float:none;
 width:100%;
 display:block
}
.pricing-items .pricing-item .speed-basic {
 transform:scaleX(-1);
 -webkit-transform:scaleX(-1);
 -moz-transform:scaleX(-1);
 -o-transform:scaleX(-1)
}
.fuct-items {
 font-size:0
}
.fuct-items .fuct-item {
 position:relative;
 text-align:center
}
.fuct-items .fuct-item .icon {
 margin:0 auto;
 width:60px;
 height:60px;
 text-align:center;
 font-size:32px;
 color:#78cc6d
}
.fuct-items .fuct-item .icon .ion,
.fuct-items .fuct-item .icon .fab,
.fuct-items .fuct-item .icon .fas {
 display:block;
 line-height:60px
}
.fuct-items .fuct-item .name {
 margin:0;
 font-size:13px;
 color:#171717;
 font-weight:500;
 text-transform:uppercase
}
.client-items {
 font-size:0;
 text-align:center
}
.client-items .client-item img {
 max-width:100%;
 opacity:.4
}
.resume-title,
.skill-title {
 padding:0 0 20px;
 position:relative
}
.resume-title:after,
.skill-title:after {
 left:-20px
}
.resume-title .icon,
.skill-title .icon {
 position:relative;
 top:-15px;
 float:left;
 width:40px;
 height:40px;
 font-size:32px;
 color:#78cc6d;
 background:#fff
}
.resume-title .icon .ion,
.skill-title .icon .ion,
.resume-title .icon .fab,
.skill-title .icon .fab,
.resume-title .icon .fas,
.skill-title .icon .fas {
 display:block;
 line-height:40px
}
.resume-title .name,
.skill-title .name {
 margin:0 0 0 40px;
 font-size:13px;
 line-height:13px;
 color:#171717;
 font-weight:500;
 text-transform:uppercase
}
.resume-items .resume-item {
 position:relative;
 padding:20px 0
}
.resume-items .resume-item:after {
 left:-20px
}
.resume-items .resume-item.active .date {
 color:#78cc6d
}
.resume-items .resume-item.active .date:before {
 background:#78cc6d
}
.resume-items .resume-item .date {
 margin:0 0 10px;
 padding:0;
 position:relative;
 display:inline-block;
 font-size:11px;
 line-height:18px;
 color:#d8dbe2;
 font-weight:500;
 text-transform:uppercase;
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 -khtml-border-radius:4px
}
.resume-items .resume-item .date:before {
 content:'';
 position:absolute;
 left:-25px;
 top:4px;
 width:9px;
 height:9px;
 background:#d8dbe2;
 border-radius:9px;
 -moz-border-radius:9px;
 -webkit-border-radius:9px;
 -khtml-border-radius:9px
}
.resume-items .resume-item .name {
 margin:0;
 font-size:13px;
 color:#171717;
 font-weight:500;
 text-transform:uppercase
}
.resume-items .resume-item .company {
 margin:0 0 10px;
 font-size:11px;
 color:#999;
 font-weight:300;
 text-transform:uppercase
}
.resume-items .resume-item p {
 margin:0
}
.skills-list ul {
 margin:0;
 padding:0;
 list-style:none
}
.skills-list ul li {
 position:relative;
 padding:20px 0
}
.skills-list ul li:after {
 left:-20px
}
.skills-list ul li .name {
 margin:0 0 8px;
 font-size:14px;
 line-height:14px;
 color:#626262
}
.skills-list ul li .progress {
 position:relative;
 display:block;
 width:100%;
 height:4px;
 background:#d8dbe2
}
.skills-list ul li .progress .percentage {
 position:absolute;
 left:0;
 top:0;
 width:0%;
 height:100%;
 background:#78cc6d;
 transition:all .3s ease 0s;
 -moz-transition:all .3s ease 0s;
 -webkit-transition:all .3s ease 0s;
 -o-transition:all .3s ease 0s
}
.content.works .filter-menu {
 position:absolute;
 top:-9px;
 right:0
}
.content.works .filter-menu .f_btn {
 margin:0 0 0 15px;
 padding:0;
 position:relative;
 display:inline-block;
 vertical-align:top;
 height:40px;
 line-height:40px;
 font-size:13px;
 color:#626262;
 cursor:pointer;
 border:none
}
.content.works .filter-menu .f_btn.active {
 color:#78cc6d
}
.content.works .filter-menu .f_btn label {
 cursor:pointer
}
.content.works .grid-items.border-line-v:after {
 margin:0 0 0 -1px;
 content:'';
 position:absolute;
 left:50%;
 top:0;
 width:1px;
 height:100%;
 background:-moz-radial-gradient(top,ellipse cover,rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%);
 background:-webkit-radial-gradient(top,ellipse cover,rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%);
 background:radial-gradient(ellipse at top,rgba(197,202,213,0.7) 0%,rgba(255,255,255,0) 70%)
}
@media(max-width:560px) {
 .content.works .title {
  padding:0 0 45px
 }
 .content.works .filter-menu {
  top:35px;
  left:0;
  right:auto
 }
 .content.works .filter-menu button {
  margin:0 15px 0 0
 }
 .content.works .grid-items.border-line-v:after {
  display:none
 }
}
.box-item {
 position:relative;
 overflow:hidden;
 text-align:center
}
.box-item .image {
 position:relative
}
.box-item .image a {
 display:block;
 font-size:0
}
.box-item .image a img {
 position:relative;
 width:100%;
 height:auto
}
.box-item .image .info {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 display:block;
 opacity:0;
 text-align:center;
 transition:all .3s ease 0s;
 -moz-transition:all .3s ease 0s;
 -webkit-transition:all .3s ease 0s;
 -o-transition:all .3s ease 0s
}
.box-item .image .info:before {
 content:'';
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background:-moz-linear-gradient(-45deg,rgba(120,204,109,0.4) 0%,rgba(120,204,109,0.01) 100%);
 background:-webkit-linear-gradient(-45deg,rgba(120,204,109,0.4) 0%,rgba(120,204,109,0.01) 100%);
 background:linear-gradient(135deg,rgba(120,204,109,0.4) 0%,rgba(120,204,109,0.01) 100%);
 transition:all .3s ease 0s;
 -moz-transition:all .3s ease 0s;
 -webkit-transition:all .3s ease 0s;
 -o-transition:all .3s ease 0s
}
.box-item .image .info .ion,
.box-item .image .info .fab,
.box-item .image .info .fas {
 margin:-16px 0 0 -16px;
 position:absolute;
 left:50%;
 top:50%;
 width:32px;
 height:32px;
 font-size:32px;
 line-height:32px;
 color:#fff;
 transition:all .1s ease-in .4s;
 -moz-transition:all .1s ease-in .4s;
 -webkit-transition:all .1s ease-in .4s;
 -o-transition:all .1s ease-in .4s
}
.box-item .desc {
 padding:15px 45px 0;
 position:relative
}
.box-item .desc .name {
 padding:0 0 2px;
 display:block;
 font-size:13px;
 color:#171717;
 font-weight:500;
 text-transform:uppercase
}
.box-item .desc .category {
 margin:0;
 font-size:11px;
 color:#999;
 font-weight:300;
 text-transform:uppercase
}
.box-item .date {
 padding:10px 0 0;
 position:absolute;
 left:20px;
 bottom:20px;
 width:50px;
 height:50px;
 font-size:11px;
 line-height:11px;
 color:#171717;
 text-align:center;
 font-weight:500;
 text-transform:uppercase;
 background:#fff
}
.box-item .date strong {
 display:block;
 font-size:20px;
 line-height:20px;
 color:#171717;
 font-weight:700
}
.box-item:hover .image .info {
 opacity:1
}
.content.contacts .map {
 margin:0 0 20px;
 height:190px
}
.alert-success {
 display:none
}
.alert-success p {
 margin:0;
 font-size:17px
}
.mfp-wrap.popup-box-inline {
 margin:0 0 0 -360px;
 padding:0;
 top:0;
 left:50%;
 overflow:auto;
 width:720px;
 height:100%;
 background:#fff
}
.mfp-wrap.popup-box-inline .mfp-container {
 padding:0;
 position:relative;
 height:auto
}
.mfp-wrap.popup-box-inline .content {
 margin-bottom:40px
}
.mfp-wrap.popup-box-inline .image {
 padding:0 0 40px;
 font-size:0
}
.mfp-wrap.popup-box-inline .image img {
 width:100%;
 height:auto
}
.mfp-wrap.popup-box-inline .desc {
 padding:0 40px
}
.mfp-wrap.popup-box-inline .desc .post-box .blog-content {
 margin:0
}
.mfp-wrap.popup-box-inline .desc .lnk,
.mfp-wrap.popup-box-inline .desc .button {
 height:30px;
 line-height:30px
}
@media(max-width:720px) {
 .mfp-wrap.popup-box-inline {
  left:0;
  width:100%;
  margin:0;
  padding:0 10px
 }
}
.mfp-wrap.popup-box .mfp-close,
.mfp-wrap.popup-box-inline .mfp-close {
 padding:0;
 right:-54px;
 top:0;
 width:54px;
 height:54px;
 line-height:54px;
 font-family:poppins;
 color:#fff;
 font-size:42px;
 font-weight:300;
 text-align:center;
 opacity:1
}
@media(max-width:720px) {
 .mfp-wrap.popup-box .mfp-close,
 .mfp-wrap.popup-box-inline .mfp-close {
  right:0;
  top:-54px
 }
}
.mfp-wrap.popup-box-inline .mfp-close {
 top:0;
 right:0;
 color:#171717
}
@media(max-width:720px) {
 .mfp-wrap.popup-box-inline .mfp-close {
  right:0;
  top:0
 }
}
.card-inner.blog-post {
 -webkit-animation:none;
 animation:none
}
.content.works .filter-menu .f_btn input {
 position:absolute;
 left:0;
 top:0;
 opacity:0
}
.header .top-menu ul li a {
 padding:10px 0 14px;
 height:auto
}
.header .top-menu ul li a .icon {
 margin:0 auto;
 position:relative;
 top:0;
 left:0;
 height:auto;
 line-height:normal
}
.header .top-menu ul li a .link {
 position:relative;
 left:0;
 top:0;
 width:100%;
 line-height:13px
}
@media(max-width:1023px) {
 .header .top-menu ul li a {
  padding-bottom:0;
  height:75px
 }
}
.mfp-wrap.popup-box-inline {
 margin:0 0 0 -360px;
 padding:0;
 top:0;
 left:50%;
 overflow:visible;
 overflow-y:scroll;
 -webkit-overflow-scrolling:touch;
 width:720px;
 height:100%;
 background:#fff
}
@media(max-width:720px) {
 .mfp-wrap.popup-box-inline {
  margin:0;
  padding:0;
  position:fixed!important;
  left:0;
  top:0!important;
  width:100%;
  height:100%!important
 }
}
.revs-carousel {
 position:relative;
 text-align:center
}
.revs-carousel .owl-carousel .owl-stage-outer {
 padding-bottom:30px
}
.revs-carousel .owl-dots {
 position:absolute;
 left:0;
 bottom:2px;
 width:100%;
 height:8px;
 text-align:center
}
.revs-carousel .owl-dots .owl-dot {
 margin:0 3px;
 display:inline-block;
 vertical-align:top;
 width:10px;
 height:10px;
 border:1px solid #78cc6d;
 border-radius:100%;
 -webkit-border-radius:100%
}
.revs-carousel .owl-dot.active {
 background:#78cc6d
}
.revs-item .text {
 margin-bottom:30px;
 padding:0 30px;
 position:relative;
 font-weight:300;
 font-style:italic;
 opacity:.65
}
.revs-item .text:before,
.revs-item .text:after {
 content:'';
 position:absolute;
 left:3px;
 top:3px;
 width:14px;
 height:14px;
 background:url(../images/quote.svg) no-repeat;
 background-size:contain;
 opacity:.65
}
.revs-item .text:after {
 left:auto;
 top:auto;
 right:3px;
 bottom:3px;
 transform:scale(-1);
 -webkit-transform:scale(-1)
}
.revs-item .user .img {
 margin:0 auto;
 display:block;
 width:60px
}
.revs-item .user .img img {
 width:100%;
 height:auto;
 border-radius:100%;
 -webkit-border-radius:100%
}
.revs-item .info .name {
 margin:6px 0 0;
 font-size:17px;
 font-weight:500;
 color:#323232
}
.revs-item .info .company {
 font-size:14px;
 color:#999;
 font-weight:400
}
.card-inner {
 transition:visibility 1s linear,opacity 0s linear;
 -moz-transition:visibility 1s linear,opacity 0s linear;
 -webkit-transition:visibility 1s linear,opacity 0s linear;
 -o-transition:visibility 1s linear,opacity 0s linear
}
.content.works .filter-menu .f_btn input {
 cursor:pointer
}
.revs-item {
 position:relative;
 text-align:center;
 max-width:648px;
 width:100%
}
.skills-list ul {
 clear:both
}
.skills-list.circles ul {
 margin:0 -20px;
 text-align:center
}
.skills-list.list ul {
 padding-top:10px
}
.skills-list.circles ul li {
 padding-bottom:40px;
 display:inline-block;
 vertical-align:top;
 width:47%
}
.skills-list.list ul li {
 padding-top:10px;
 padding-bottom:10px
}
.content.skills .row .col.col-d-12 .skills-list.circles ul li,
.content.skills .row .col.col-t-12 .skills-list.circles ul li {
 width:24%
}
.skills-list.circles ul li .name {
 position:absolute;
 top:130px;
 left:0;
 width:100%;
 text-align:center
}
.skills-list.list ul li .name {
 padding-left:30px;
 margin-bottom:0;
 position:relative
}
.skills-list.list ul li .name:before {
 content:"\f121";
 position:absolute;
 left:0;
 top:0;
 display:inline-block;
 font-family:ionicons;
 color:#78cc6d;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 text-rendering:auto;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.skills-list.dotted ul li .progress {
 background:0 0!important
}
.skills-list.list ul li .progress {
 display:none
}
.skills-list.dotted ul li .progress .percentage {
 position:relative;
 overflow:hidden;
 top:-2px;
 height:14px;
 background:0 0!important;
 z-index:2
}
.skills-list.dotted ul li .progress .dg,
.skills-list.dotted ul li .progress .da {
 position:absolute;
 left:0;
 top:-2px;
 width:100%;
 display:flex;
 justify-content:space-between;
 height:14px
}
.skills-list.dotted ul li .progress .da {
 top:0
}
.skills-list.dotted ul li .progress .dg span,
.skills-list.dotted ul li .progress .da span {
 display:block;
 width:14px;
 height:14px;
 background:#eee;
 -webkit-border-radius:14px;
 border-radius:14px
}
.skills-list.dotted ul li .progress .da span {
 background:#78cc6d!important
}
.skills-list.circles .progress.p51 .slice,
.skills-list.circles .progress.p52 .slice,
.skills-list.circles .progress.p53 .slice,
.skills-list.circles .progress.p54 .slice,
.skills-list.circles .progress.p55 .slice,
.skills-list.circles .progress.p56 .slice,
.skills-list.circles .progress.p57 .slice,
.skills-list.circles .progress.p58 .slice,
.skills-list.circles .progress.p59 .slice,
.skills-list.circles .progress.p60 .slice,
.skills-list.circles .progress.p61 .slice,
.skills-list.circles .progress.p62 .slice,
.skills-list.circles .progress.p63 .slice,
.skills-list.circles .progress.p64 .slice,
.skills-list.circles .progress.p65 .slice,
.skills-list.circles .progress.p66 .slice,
.skills-list.circles .progress.p67 .slice,
.skills-list.circles .progress.p68 .slice,
.skills-list.circles .progress.p69 .slice,
.skills-list.circles .progress.p70 .slice,
.skills-list.circles .progress.p71 .slice,
.skills-list.circles .progress.p72 .slice,
.skills-list.circles .progress.p73 .slice,
.skills-list.circles .progress.p74 .slice,
.skills-list.circles .progress.p75 .slice,
.skills-list.circles .progress.p76 .slice,
.skills-list.circles .progress.p77 .slice,
.skills-list.circles .progress.p78 .slice,
.skills-list.circles .progress.p79 .slice,
.skills-list.circles .progress.p80 .slice,
.skills-list.circles .progress.p81 .slice,
.skills-list.circles .progress.p82 .slice,
.skills-list.circles .progress.p83 .slice,
.skills-list.circles .progress.p84 .slice,
.skills-list.circles .progress.p85 .slice,
.skills-list.circles .progress.p86 .slice,
.skills-list.circles .progress.p87 .slice,
.skills-list.circles .progress.p88 .slice,
.skills-list.circles .progress.p89 .slice,
.skills-list.circles .progress.p90 .slice,
.skills-list.circles .progress.p91 .slice,
.skills-list.circles .progress.p92 .slice,
.skills-list.circles .progress.p93 .slice,
.skills-list.circles .progress.p94 .slice,
.skills-list.circles .progress.p95 .slice,
.skills-list.circles .progress.p96 .slice,
.skills-list.circles .progress.p97 .slice,
.skills-list.circles .progress.p98 .slice,
.skills-list.circles .progress.p99 .slice,
.skills-list.circles .progress.p100 .slice {
 clip:rect(auto,auto,auto,auto)
}
.skills-list.circles .progress .bar,
.skills-list.circles .progress.p51 .fill,
.skills-list.circles .progress.p52 .fill,
.skills-list.circles .progress.p53 .fill,
.skills-list.circles .progress.p54 .fill,
.skills-list.circles .progress.p55 .fill,
.skills-list.circles .progress.p56 .fill,
.skills-list.circles .progress.p57 .fill,
.skills-list.circles .progress.p58 .fill,
.skills-list.circles .progress.p59 .fill,
.skills-list.circles .progress.p60 .fill,
.skills-list.circles .progress.p61 .fill,
.skills-list.circles .progress.p62 .fill,
.skills-list.circles .progress.p63 .fill,
.skills-list.circles .progress.p64 .fill,
.skills-list.circles .progress.p65 .fill,
.skills-list.circles .progress.p66 .fill,
.skills-list.circles .progress.p67 .fill,
.skills-list.circles .progress.p68 .fill,
.skills-list.circles .progress.p69 .fill,
.skills-list.circles .progress.p70 .fill,
.skills-list.circles .progress.p71 .fill,
.skills-list.circles .progress.p72 .fill,
.skills-list.circles .progress.p73 .fill,
.skills-list.circles .progress.p74 .fill,
.skills-list.circles .progress.p75 .fill,
.skills-list.circles .progress.p76 .fill,
.skills-list.circles .progress.p77 .fill,
.skills-list.circles .progress.p78 .fill,
.skills-list.circles .progress.p79 .fill,
.skills-list.circles .progress.p80 .fill,
.skills-list.circles .progress.p81 .fill,
.skills-list.circles .progress.p82 .fill,
.skills-list.circles .progress.p83 .fill,
.skills-list.circles .progress.p84 .fill,
.skills-list.circles .progress.p85 .fill,
.skills-list.circles .progress.p86 .fill,
.skills-list.circles .progress.p87 .fill,
.skills-list.circles .progress.p88 .fill,
.skills-list.circles .progress.p89 .fill,
.skills-list.circles .progress.p90 .fill,
.skills-list.circles .progress.p91 .fill,
.skills-list.circles .progress.p92 .fill,
.skills-list.circles .progress.p93 .fill,
.skills-list.circles .progress.p94 .fill,
.skills-list.circles .progress.p95 .fill,
.skills-list.circles .progress.p96 .fill,
.skills-list.circles .progress.p97 .fill,
.skills-list.circles .progress.p98 .fill,
.skills-list.circles .progress.p99 .fill,
.skills-list.circles .progress.p100 .fill {
 position:absolute;
 width:.82em;
 height:.82em;
 clip:rect(0em,0.5em,1em,0em);
 border:.09em solid #78cc6d;
 -webkit-border-radius:50%;
 border-radius:50%;
 -webkit-transform:rotate(0deg);
 transform:rotate(0deg)
}
.skills-list.circles .progress.p51 .bar:after,
.skills-list.circles .progress.p51 .fill,
.skills-list.circles .progress.p52 .bar:after,
.skills-list.circles .progress.p52 .fill,
.skills-list.circles .progress.p53 .bar:after,
.skills-list.circles .progress.p53 .fill,
.skills-list.circles .progress.p54 .bar:after,
.skills-list.circles .progress.p54 .fill,
.skills-list.circles .progress.p55 .bar:after,
.skills-list.circles .progress.p55 .fill,
.skills-list.circles .progress.p56 .bar:after,
.skills-list.circles .progress.p56 .fill,
.skills-list.circles .progress.p57 .bar:after,
.skills-list.circles .progress.p57 .fill,
.skills-list.circles .progress.p58 .bar:after,
.skills-list.circles .progress.p58 .fill,
.skills-list.circles .progress.p59 .bar:after,
.skills-list.circles .progress.p59 .fill,
.skills-list.circles .progress.p60 .bar:after,
.skills-list.circles .progress.p60 .fill,
.skills-list.circles .progress.p61 .bar:after,
.skills-list.circles .progress.p61 .fill,
.skills-list.circles .progress.p62 .bar:after,
.skills-list.circles .progress.p62 .fill,
.skills-list.circles .progress.p63 .bar:after,
.skills-list.circles .progress.p63 .fill,
.skills-list.circles .progress.p64 .bar:after,
.skills-list.circles .progress.p64 .fill,
.skills-list.circles .progress.p65 .bar:after,
.skills-list.circles .progress.p65 .fill,
.skills-list.circles .progress.p66 .bar:after,
.skills-list.circles .progress.p66 .fill,
.skills-list.circles .progress.p67 .bar:after,
.skills-list.circles .progress.p67 .fill,
.skills-list.circles .progress.p68 .bar:after,
.skills-list.circles .progress.p68 .fill,
.skills-list.circles .progress.p69 .bar:after,
.skills-list.circles .progress.p69 .fill,
.skills-list.circles .progress.p70 .bar:after,
.skills-list.circles .progress.p70 .fill,
.skills-list.circles .progress.p71 .bar:after,
.skills-list.circles .progress.p71 .fill,
.skills-list.circles .progress.p72 .bar:after,
.skills-list.circles .progress.p72 .fill,
.skills-list.circles .progress.p73 .bar:after,
.skills-list.circles .progress.p73 .fill,
.skills-list.circles .progress.p74 .bar:after,
.skills-list.circles .progress.p74 .fill,
.skills-list.circles .progress.p75 .bar:after,
.skills-list.circles .progress.p75 .fill,
.skills-list.circles .progress.p76 .bar:after,
.skills-list.circles .progress.p76 .fill,
.skills-list.circles .progress.p77 .bar:after,
.skills-list.circles .progress.p77 .fill,
.skills-list.circles .progress.p78 .bar:after,
.skills-list.circles .progress.p78 .fill,
.skills-list.circles .progress.p79 .bar:after,
.skills-list.circles .progress.p79 .fill,
.skills-list.circles .progress.p80 .bar:after,
.skills-list.circles .progress.p80 .fill,
.skills-list.circles .progress.p81 .bar:after,
.skills-list.circles .progress.p81 .fill,
.skills-list.circles .progress.p82 .bar:after,
.skills-list.circles .progress.p82 .fill,
.skills-list.circles .progress.p83 .bar:after,
.skills-list.circles .progress.p83 .fill,
.skills-list.circles .progress.p84 .bar:after,
.skills-list.circles .progress.p84 .fill,
.skills-list.circles .progress.p85 .bar:after,
.skills-list.circles .progress.p85 .fill,
.skills-list.circles .progress.p86 .bar:after,
.skills-list.circles .progress.p86 .fill,
.skills-list.circles .progress.p87 .bar:after,
.skills-list.circles .progress.p87 .fill,
.skills-list.circles .progress.p88 .bar:after,
.skills-list.circles .progress.p88 .fill,
.skills-list.circles .progress.p89 .bar:after,
.skills-list.circles .progress.p89 .fill,
.skills-list.circles .progress.p90 .bar:after,
.skills-list.circles .progress.p90 .fill,
.skills-list.circles .progress.p91 .bar:after,
.skills-list.circles .progress.p91 .fill,
.skills-list.circles .progress.p92 .bar:after,
.skills-list.circles .progress.p92 .fill,
.skills-list.circles .progress.p93 .bar:after,
.skills-list.circles .progress.p93 .fill,
.skills-list.circles .progress.p94 .bar:after,
.skills-list.circles .progress.p94 .fill,
.skills-list.circles .progress.p95 .bar:after,
.skills-list.circles .progress.p95 .fill,
.skills-list.circles .progress.p96 .bar:after,
.skills-list.circles .progress.p96 .fill,
.skills-list.circles .progress.p97 .bar:after,
.skills-list.circles .progress.p97 .fill,
.skills-list.circles .progress.p98 .bar:after,
.skills-list.circles .progress.p98 .fill,
.skills-list.circles .progress.p99 .bar:after,
.skills-list.circles .progress.p99 .fill,
.skills-list.circles .progress.p100 .bar:after,
.skills-list.circles .progress.p100 .fill {
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg)
}
.skills-list.circles .progress {
 margin:0 auto;
 position:relative;
 font-size:90px;
 width:90px;
 height:90px;
 border-radius:90px;
 background:#eee
}
.skills-list.circles .progress *,
.skills-list.circles .progress *:before,
.skills-list.circles .progress *:after {
 -moz-box-sizing:content-box;
 -webkit-box-sizing:content-box;
 box-sizing:content-box
}
.skills-list.circles .progress span {
 position:absolute;
 width:100%;
 left:0;
 top:0;
 width:100%;
 height:100%;
 line-height:90px;
 font-size:17px;
 color:#323232;
 font-weight:500;
 text-align:center;
 white-space:nowrap;
 z-index:2
}
.skills-list.circles .progress:after {
 position:absolute;
 top:.09em;
 left:.09em;
 display:block;
 content:" ";
 border-radius:50%;
 background-color:#fff;
 width:.82em;
 height:.82em
}
.skills-list.circles ul li .progress .percentage {
 display:none
}
.skills-list.circles .progress .slice {
 position:absolute;
 width:1em;
 height:1em;
 clip:rect(0em,1em,1em,0.5em)
}
.skills-list.circles .progress.p1 .bar {
 -moz-transform:rotate(3.6deg);
 -ms-transform:rotate(3.6deg);
 -webkit-transform:rotate(3.6deg);
 transform:rotate(3.6deg)
}
.skills-list.circles .progress.p2 .bar {
 -moz-transform:rotate(7.2deg);
 -ms-transform:rotate(7.2deg);
 -webkit-transform:rotate(7.2deg);
 transform:rotate(7.2deg)
}
.skills-list.circles .progress.p3 .bar {
 -moz-transform:rotate(10.8deg);
 -ms-transform:rotate(10.8deg);
 -webkit-transform:rotate(10.8deg);
 transform:rotate(10.8deg)
}
.skills-list.circles .progress.p4 .bar {
 -moz-transform:rotate(14.4deg);
 -ms-transform:rotate(14.4deg);
 -webkit-transform:rotate(14.4deg);
 transform:rotate(14.4deg)
}
.skills-list.circles .progress.p5 .bar {
 -moz-transform:rotate(18deg);
 -ms-transform:rotate(18deg);
 -webkit-transform:rotate(18deg);
 transform:rotate(18deg)
}
.skills-list.circles .progress.p6 .bar {
 -moz-transform:rotate(21.6deg);
 -ms-transform:rotate(21.6deg);
 -webkit-transform:rotate(21.6deg);
 transform:rotate(21.6deg)
}
.skills-list.circles .progress.p7 .bar {
 -moz-transform:rotate(25.2deg);
 -ms-transform:rotate(25.2deg);
 -webkit-transform:rotate(25.2deg);
 transform:rotate(25.2deg)
}
.skills-list.circles .progress.p8 .bar {
 -moz-transform:rotate(28.8deg);
 -ms-transform:rotate(28.8deg);
 -webkit-transform:rotate(28.8deg);
 transform:rotate(28.8deg)
}
.skills-list.circles .progress.p9 .bar {
 -moz-transform:rotate(32.4deg);
 -ms-transform:rotate(32.4deg);
 -webkit-transform:rotate(32.4deg);
 transform:rotate(32.4deg)
}
.skills-list.circles .progress.p10 .bar {
 -moz-transform:rotate(36deg);
 -ms-transform:rotate(36deg);
 -webkit-transform:rotate(36deg);
 transform:rotate(36deg)
}
.skills-list.circles .progress.p11 .bar {
 -moz-transform:rotate(39.6deg);
 -ms-transform:rotate(39.6deg);
 -webkit-transform:rotate(39.6deg);
 transform:rotate(39.6deg)
}
.skills-list.circles .progress.p12 .bar {
 -moz-transform:rotate(43.2deg);
 -ms-transform:rotate(43.2deg);
 -webkit-transform:rotate(43.2deg);
 transform:rotate(43.2deg)
}
.skills-list.circles .progress.p13 .bar {
 -moz-transform:rotate(46.8deg);
 -ms-transform:rotate(46.8deg);
 -webkit-transform:rotate(46.8deg);
 transform:rotate(46.8deg)
}
.skills-list.circles .progress.p14 .bar {
 -moz-transform:rotate(50.4deg);
 -ms-transform:rotate(50.4deg);
 -webkit-transform:rotate(50.4deg);
 transform:rotate(50.4deg)
}
.skills-list.circles .progress.p15 .bar {
 -moz-transform:rotate(54deg);
 -ms-transform:rotate(54deg);
 -webkit-transform:rotate(54deg);
 transform:rotate(54deg)
}
.skills-list.circles .progress.p16 .bar {
 -moz-transform:rotate(57.6deg);
 -ms-transform:rotate(57.6deg);
 -webkit-transform:rotate(57.6deg);
 transform:rotate(57.6deg)
}
.skills-list.circles .progress.p17 .bar {
 -moz-transform:rotate(61.2deg);
 -ms-transform:rotate(61.2deg);
 -webkit-transform:rotate(61.2deg);
 transform:rotate(61.2deg)
}
.skills-list.circles .progress.p18 .bar {
 -moz-transform:rotate(64.8deg);
 -ms-transform:rotate(64.8deg);
 -webkit-transform:rotate(64.8deg);
 transform:rotate(64.8deg)
}
.skills-list.circles .progress.p19 .bar {
 -moz-transform:rotate(68.4deg);
 -ms-transform:rotate(68.4deg);
 -webkit-transform:rotate(68.4deg);
 transform:rotate(68.4deg)
}
.skills-list.circles .progress.p20 .bar {
 -moz-transform:rotate(72deg);
 -ms-transform:rotate(72deg);
 -webkit-transform:rotate(72deg);
 transform:rotate(72deg)
}
.skills-list.circles .progress.p21 .bar {
 -moz-transform:rotate(75.6deg);
 -ms-transform:rotate(75.6deg);
 -webkit-transform:rotate(75.6deg);
 transform:rotate(75.6deg)
}
.skills-list.circles .progress.p22 .bar {
 -moz-transform:rotate(79.2deg);
 -ms-transform:rotate(79.2deg);
 -webkit-transform:rotate(79.2deg);
 transform:rotate(79.2deg)
}
.skills-list.circles .progress.p23 .bar {
 -moz-transform:rotate(82.8deg);
 -ms-transform:rotate(82.8deg);
 -webkit-transform:rotate(82.8deg);
 transform:rotate(82.8deg)
}
.skills-list.circles .progress.p24 .bar {
 -moz-transform:rotate(86.4deg);
 -ms-transform:rotate(86.4deg);
 -webkit-transform:rotate(86.4deg);
 transform:rotate(86.4deg)
}
.skills-list.circles .progress.p25 .bar {
 -moz-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
 -webkit-transform:rotate(90deg);
 transform:rotate(90deg)
}
.skills-list.circles .progress.p26 .bar {
 -moz-transform:rotate(93.6deg);
 -ms-transform:rotate(93.6deg);
 -webkit-transform:rotate(93.6deg);
 transform:rotate(93.6deg)
}
.skills-list.circles .progress.p27 .bar {
 -moz-transform:rotate(97.2deg);
 -ms-transform:rotate(97.2deg);
 -webkit-transform:rotate(97.2deg);
 transform:rotate(97.2deg)
}
.skills-list.circles .progress.p28 .bar {
 -moz-transform:rotate(100.8deg);
 -ms-transform:rotate(100.8deg);
 -webkit-transform:rotate(100.8deg);
 transform:rotate(100.8deg)
}
.skills-list.circles .progress.p29 .bar {
 -moz-transform:rotate(104.4deg);
 -ms-transform:rotate(104.4deg);
 -webkit-transform:rotate(104.4deg);
 transform:rotate(104.4deg)
}
.skills-list.circles .progress.p30 .bar {
 -moz-transform:rotate(108deg);
 -ms-transform:rotate(108deg);
 -webkit-transform:rotate(108deg);
 transform:rotate(108deg)
}
.skills-list.circles .progress.p31 .bar {
 -moz-transform:rotate(111.6deg);
 -ms-transform:rotate(111.6deg);
 -webkit-transform:rotate(111.6deg);
 transform:rotate(111.6deg)
}
.skills-list.circles .progress.p32 .bar {
 -moz-transform:rotate(115.2deg);
 -ms-transform:rotate(115.2deg);
 -webkit-transform:rotate(115.2deg);
 transform:rotate(115.2deg)
}
.skills-list.circles .progress.p33 .bar {
 -moz-transform:rotate(118.8deg);
 -ms-transform:rotate(118.8deg);
 -webkit-transform:rotate(118.8deg);
 transform:rotate(118.8deg)
}
.skills-list.circles .progress.p34 .bar {
 -moz-transform:rotate(122.4deg);
 -ms-transform:rotate(122.4deg);
 -webkit-transform:rotate(122.4deg);
 transform:rotate(122.4deg)
}
.skills-list.circles .progress.p35 .bar {
 -moz-transform:rotate(126deg);
 -ms-transform:rotate(126deg);
 -webkit-transform:rotate(126deg);
 transform:rotate(126deg)
}
.skills-list.circles .progress.p36 .bar {
 -moz-transform:rotate(129.6deg);
 -ms-transform:rotate(129.6deg);
 -webkit-transform:rotate(129.6deg);
 transform:rotate(129.6deg)
}
.skills-list.circles .progress.p37 .bar {
 -moz-transform:rotate(133.2deg);
 -ms-transform:rotate(133.2deg);
 -webkit-transform:rotate(133.2deg);
 transform:rotate(133.2deg)
}
.skills-list.circles .progress.p38 .bar {
 -moz-transform:rotate(136.8deg);
 -ms-transform:rotate(136.8deg);
 -webkit-transform:rotate(136.8deg);
 transform:rotate(136.8deg)
}
.skills-list.circles .progress.p39 .bar {
 -moz-transform:rotate(140.4deg);
 -ms-transform:rotate(140.4deg);
 -webkit-transform:rotate(140.4deg);
 transform:rotate(140.4deg)
}
.skills-list.circles .progress.p40 .bar {
 -moz-transform:rotate(144deg);
 -ms-transform:rotate(144deg);
 -webkit-transform:rotate(144deg);
 transform:rotate(144deg)
}
.skills-list.circles .progress.p41 .bar {
 -moz-transform:rotate(147.6deg);
 -ms-transform:rotate(147.6deg);
 -webkit-transform:rotate(147.6deg);
 transform:rotate(147.6deg)
}
.skills-list.circles .progress.p42 .bar {
 -moz-transform:rotate(151.2deg);
 -ms-transform:rotate(151.2deg);
 -webkit-transform:rotate(151.2deg);
 transform:rotate(151.2deg)
}
.skills-list.circles .progress.p43 .bar {
 -moz-transform:rotate(154.8deg);
 -ms-transform:rotate(154.8deg);
 -webkit-transform:rotate(154.8deg);
 transform:rotate(154.8deg)
}
.skills-list.circles .progress.p44 .bar {
 -moz-transform:rotate(158.4deg);
 -ms-transform:rotate(158.4deg);
 -webkit-transform:rotate(158.4deg);
 transform:rotate(158.4deg)
}
.skills-list.circles .progress.p45 .bar {
 -moz-transform:rotate(162deg);
 -ms-transform:rotate(162deg);
 -webkit-transform:rotate(162deg);
 transform:rotate(162deg)
}
.skills-list.circles .progress.p46 .bar {
 -moz-transform:rotate(165.6deg);
 -ms-transform:rotate(165.6deg);
 -webkit-transform:rotate(165.6deg);
 transform:rotate(165.6deg)
}
.skills-list.circles .progress.p47 .bar {
 -moz-transform:rotate(169.2deg);
 -ms-transform:rotate(169.2deg);
 -webkit-transform:rotate(169.2deg);
 transform:rotate(169.2deg)
}
.skills-list.circles .progress.p48 .bar {
 -moz-transform:rotate(172.8deg);
 -ms-transform:rotate(172.8deg);
 -webkit-transform:rotate(172.8deg);
 transform:rotate(172.8deg)
}
.skills-list.circles .progress.p49 .bar {
 -moz-transform:rotate(176.4deg);
 -ms-transform:rotate(176.4deg);
 -webkit-transform:rotate(176.4deg);
 transform:rotate(176.4deg)
}
.skills-list.circles .progress.p50 .bar {
 -moz-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg)
}
.skills-list.circles .progress.p51 .bar {
 -moz-transform:rotate(183.6deg);
 -ms-transform:rotate(183.6deg);
 -webkit-transform:rotate(183.6deg);
 transform:rotate(183.6deg)
}
.skills-list.circles .progress.p52 .bar {
 -moz-transform:rotate(187.2deg);
 -ms-transform:rotate(187.2deg);
 -webkit-transform:rotate(187.2deg);
 transform:rotate(187.2deg)
}
.skills-list.circles .progress.p53 .bar {
 -moz-transform:rotate(190.8deg);
 -ms-transform:rotate(190.8deg);
 -webkit-transform:rotate(190.8deg);
 transform:rotate(190.8deg)
}
.skills-list.circles .progress.p54 .bar {
 -moz-transform:rotate(194.4deg);
 -ms-transform:rotate(194.4deg);
 -webkit-transform:rotate(194.4deg);
 transform:rotate(194.4deg)
}
.skills-list.circles .progress.p55 .bar {
 -moz-transform:rotate(198deg);
 -ms-transform:rotate(198deg);
 -webkit-transform:rotate(198deg);
 transform:rotate(198deg)
}
.skills-list.circles .progress.p56 .bar {
 -moz-transform:rotate(201.6deg);
 -ms-transform:rotate(201.6deg);
 -webkit-transform:rotate(201.6deg);
 transform:rotate(201.6deg)
}
.skills-list.circles .progress.p57 .bar {
 -moz-transform:rotate(205.2deg);
 -ms-transform:rotate(205.2deg);
 -webkit-transform:rotate(205.2deg);
 transform:rotate(205.2deg)
}
.skills-list.circles .progress.p58 .bar {
 -moz-transform:rotate(208.8deg);
 -ms-transform:rotate(208.8deg);
 -webkit-transform:rotate(208.8deg);
 transform:rotate(208.8deg)
}
.skills-list.circles .progress.p59 .bar {
 -moz-transform:rotate(212.4deg);
 -ms-transform:rotate(212.4deg);
 -webkit-transform:rotate(212.4deg);
 transform:rotate(212.4deg)
}
.skills-list.circles .progress.p60 .bar {
 -moz-transform:rotate(216deg);
 -ms-transform:rotate(216deg);
 -webkit-transform:rotate(216deg);
 transform:rotate(216deg)
}
.skills-list.circles .progress.p61 .bar {
 -moz-transform:rotate(219.6deg);
 -ms-transform:rotate(219.6deg);
 -webkit-transform:rotate(219.6deg);
 transform:rotate(219.6deg)
}
.skills-list.circles .progress.p62 .bar {
 -moz-transform:rotate(223.2deg);
 -ms-transform:rotate(223.2deg);
 -webkit-transform:rotate(223.2deg);
 transform:rotate(223.2deg)
}
.skills-list.circles .progress.p63 .bar {
 -moz-transform:rotate(226.8deg);
 -ms-transform:rotate(226.8deg);
 -webkit-transform:rotate(226.8deg);
 transform:rotate(226.8deg)
}
.skills-list.circles .progress.p64 .bar {
 -moz-transform:rotate(230.4deg);
 -ms-transform:rotate(230.4deg);
 -webkit-transform:rotate(230.4deg);
 transform:rotate(230.4deg)
}
.skills-list.circles .progress.p65 .bar {
 -moz-transform:rotate(234deg);
 -ms-transform:rotate(234deg);
 -webkit-transform:rotate(234deg);
 transform:rotate(234deg)
}
.skills-list.circles .progress.p66 .bar {
 -moz-transform:rotate(237.6deg);
 -ms-transform:rotate(237.6deg);
 -webkit-transform:rotate(237.6deg);
 transform:rotate(237.6deg)
}
.skills-list.circles .progress.p67 .bar {
 -moz-transform:rotate(241.2deg);
 -ms-transform:rotate(241.2deg);
 -webkit-transform:rotate(241.2deg);
 transform:rotate(241.2deg)
}
.skills-list.circles .progress.p68 .bar {
 -moz-transform:rotate(244.8deg);
 -ms-transform:rotate(244.8deg);
 -webkit-transform:rotate(244.8deg);
 transform:rotate(244.8deg)
}
.skills-list.circles .progress.p69 .bar {
 -moz-transform:rotate(248.4deg);
 -ms-transform:rotate(248.4deg);
 -webkit-transform:rotate(248.4deg);
 transform:rotate(248.4deg)
}
.skills-list.circles .progress.p70 .bar {
 -moz-transform:rotate(252deg);
 -ms-transform:rotate(252deg);
 -webkit-transform:rotate(252deg);
 transform:rotate(252deg)
}
.skills-list.circles .progress.p71 .bar {
 -moz-transform:rotate(255.6deg);
 -ms-transform:rotate(255.6deg);
 -webkit-transform:rotate(255.6deg);
 transform:rotate(255.6deg)
}
.skills-list.circles .progress.p72 .bar {
 -moz-transform:rotate(259.2deg);
 -ms-transform:rotate(259.2deg);
 -webkit-transform:rotate(259.2deg);
 transform:rotate(259.2deg)
}
.skills-list.circles .progress.p73 .bar {
 -moz-transform:rotate(262.8deg);
 -ms-transform:rotate(262.8deg);
 -webkit-transform:rotate(262.8deg);
 transform:rotate(262.8deg)
}
.skills-list.circles .progress.p74 .bar {
 -moz-transform:rotate(266.4deg);
 -ms-transform:rotate(266.4deg);
 -webkit-transform:rotate(266.4deg);
 transform:rotate(266.4deg)
}
.skills-list.circles .progress.p75 .bar {
 -moz-transform:rotate(270deg);
 -ms-transform:rotate(270deg);
 -webkit-transform:rotate(270deg);
 transform:rotate(270deg)
}
.skills-list.circles .progress.p76 .bar {
 -moz-transform:rotate(273.6deg);
 -ms-transform:rotate(273.6deg);
 -webkit-transform:rotate(273.6deg);
 transform:rotate(273.6deg)
}
.skills-list.circles .progress.p77 .bar {
 -moz-transform:rotate(277.2deg);
 -ms-transform:rotate(277.2deg);
 -webkit-transform:rotate(277.2deg);
 transform:rotate(277.2deg)
}
.skills-list.circles .progress.p78 .bar {
 -moz-transform:rotate(280.8deg);
 -ms-transform:rotate(280.8deg);
 -webkit-transform:rotate(280.8deg);
 transform:rotate(280.8deg)
}
.skills-list.circles .progress.p79 .bar {
 -moz-transform:rotate(284.4deg);
 -ms-transform:rotate(284.4deg);
 -webkit-transform:rotate(284.4deg);
 transform:rotate(284.4deg)
}
.skills-list.circles .progress.p80 .bar {
 -moz-transform:rotate(288deg);
 -ms-transform:rotate(288deg);
 -webkit-transform:rotate(288deg);
 transform:rotate(288deg)
}
.skills-list.circles .progress.p81 .bar {
 -moz-transform:rotate(291.6deg);
 -ms-transform:rotate(291.6deg);
 -webkit-transform:rotate(291.6deg);
 transform:rotate(291.6deg)
}
.skills-list.circles .progress.p82 .bar {
 -moz-transform:rotate(295.2deg);
 -ms-transform:rotate(295.2deg);
 -webkit-transform:rotate(295.2deg);
 transform:rotate(295.2deg)
}
.skills-list.circles .progress.p83 .bar {
 -moz-transform:rotate(298.8deg);
 -ms-transform:rotate(298.8deg);
 -webkit-transform:rotate(298.8deg);
 transform:rotate(298.8deg)
}
.skills-list.circles .progress.p84 .bar {
 -moz-transform:rotate(302.4deg);
 -ms-transform:rotate(302.4deg);
 -webkit-transform:rotate(302.4deg);
 transform:rotate(302.4deg)
}
.skills-list.circles .progress.p85 .bar {
 -moz-transform:rotate(306deg);
 -ms-transform:rotate(306deg);
 -webkit-transform:rotate(306deg);
 transform:rotate(306deg)
}
.skills-list.circles .progress.p86 .bar {
 -moz-transform:rotate(309.6deg);
 -ms-transform:rotate(309.6deg);
 -webkit-transform:rotate(309.6deg);
 transform:rotate(309.6deg)
}
.skills-list.circles .progress.p87 .bar {
 -moz-transform:rotate(313.2deg);
 -ms-transform:rotate(313.2deg);
 -webkit-transform:rotate(313.2deg);
 transform:rotate(313.2deg)
}
.skills-list.circles .progress.p88 .bar {
 -moz-transform:rotate(316.8deg);
 -ms-transform:rotate(316.8deg);
 -webkit-transform:rotate(316.8deg);
 transform:rotate(316.8deg)
}
.skills-list.circles .progress.p89 .bar {
 -moz-transform:rotate(320.4deg);
 -ms-transform:rotate(320.4deg);
 -webkit-transform:rotate(320.4deg);
 transform:rotate(320.4deg)
}
.skills-list.circles .progress.p90 .bar {
 -moz-transform:rotate(324deg);
 -ms-transform:rotate(324deg);
 -webkit-transform:rotate(324deg);
 transform:rotate(324deg)
}
.skills-list.circles .progress.p91 .bar {
 -moz-transform:rotate(327.6deg);
 -ms-transform:rotate(327.6deg);
 -webkit-transform:rotate(327.6deg);
 transform:rotate(327.6deg)
}
.skills-list.circles .progress.p92 .bar {
 -moz-transform:rotate(331.2deg);
 -ms-transform:rotate(331.2deg);
 -webkit-transform:rotate(331.2deg);
 transform:rotate(331.2deg)
}
.skills-list.circles .progress.p93 .bar {
 -moz-transform:rotate(334.8deg);
 -ms-transform:rotate(334.8deg);
 -webkit-transform:rotate(334.8deg);
 transform:rotate(334.8deg)
}
.skills-list.circles .progress.p94 .bar {
 -moz-transform:rotate(338.4deg);
 -ms-transform:rotate(338.4deg);
 -webkit-transform:rotate(338.4deg);
 transform:rotate(338.4deg)
}
.skills-list.circles .progress.p95 .bar {
 -moz-transform:rotate(342deg);
 -ms-transform:rotate(342deg);
 -webkit-transform:rotate(342deg);
 transform:rotate(342deg)
}
.skills-list.circles .progress.p96 .bar {
 -moz-transform:rotate(345.6deg);
 -ms-transform:rotate(345.6deg);
 -webkit-transform:rotate(345.6deg);
 transform:rotate(345.6deg)
}
.skills-list.circles .progress.p97 .bar {
 -moz-transform:rotate(349.2deg);
 -ms-transform:rotate(349.2deg);
 -webkit-transform:rotate(349.2deg);
 transform:rotate(349.2deg)
}
.skills-list.circles .progress.p98 .bar {
 -moz-transform:rotate(352.8deg);
 -ms-transform:rotate(352.8deg);
 -webkit-transform:rotate(352.8deg);
 transform:rotate(352.8deg)
}
.skills-list.circles .progress.p99 .bar {
 -moz-transform:rotate(356.4deg);
 -ms-transform:rotate(356.4deg);
 -webkit-transform:rotate(356.4deg);
 transform:rotate(356.4deg)
}
.skills-list.circles .progress.p100 .bar {
 -moz-transform:rotate(360deg);
 -ms-transform:rotate(360deg);
 -webkit-transform:rotate(360deg);
 transform:rotate(360deg)
}
.mid-content p {
 color:#fff;
 font-size:24px
}
.mid-content a i {
 color:#fff;
 transition:transform .4s;
 border:solid 0;
 padding:15px;
 border-radius:35px;
 background:#c9c7c7;
 width:62px
}
.mid-content img {
 color:#fff;
 transition:transform .4s;
 padding:3px;
 border:solid 0 #fdcc0e;
 width:65px;
 border-radius:250px;
 background:#0e3e8a;
 padding:13px
}
.mid-content img:hover {
 transform:scale(1.1)
}
.mid-content a i:hover {
 transform:scale(1.1)
}
.mid-content span a {
 color:#0e0e0e;
 font-size:15px;
 display:block;
 font-weight:400
}
.swiper-slide img {
 width:100%
}
.swiper-container {
 width:100%;
 height:100%
}
.swiper-slide {
 text-align:center;
 font-size:18px;
 background:#fff;
 display:-webkit-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 -webkit-justify-content:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 -webkit-align-items:center;
 align-items:center
}
.swiper-container {
 margin:0 auto;
 position:relative;
 overflow:hidden;
 list-style:none;
 padding:0;
 z-index:1
}
.swiper-container-no-flexbox .swiper-slide {
 float:left
}
.swiper-container-vertical>.swiper-wrapper {
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column
}
.swiper-wrapper {
 position:relative;
 width:100%;
 height:100%;
 z-index:1;
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-transition-property:-webkit-transform;
 transition-property:-webkit-transform;
 -o-transition-property:transform;
 transition-property:transform;
 transition-property:transform,-webkit-transform;
 -webkit-box-sizing:content-box;
 box-sizing:content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
 -webkit-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
.swiper-container-multirow>.swiper-wrapper {
 -webkit-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.swiper-container-free-mode>.swiper-wrapper {
 -webkit-transition-timing-function:ease-out;
 -o-transition-timing-function:ease-out;
 transition-timing-function:ease-out;
 margin:0 auto
}
.swiper-slide {
 -webkit-flex-shrink:0;
 -ms-flex-negative:0;
 flex-shrink:0;
 width:100%;
 height:100%;
 position:relative;
 -webkit-transition-property:-webkit-transform;
 transition-property:-webkit-transform;
 -o-transition-property:transform;
 transition-property:transform;
 transition-property:transform,-webkit-transform
}
.swiper-slide-invisible-blank {
 visibility:hidden
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
 height:auto
}
.swiper-container-autoheight .swiper-wrapper {
 -webkit-box-align:start;
 -webkit-align-items:flex-start;
 -ms-flex-align:start;
 align-items:flex-start;
 -webkit-transition-property:height,-webkit-transform;
 transition-property:height,-webkit-transform;
 -o-transition-property:transform,height;
 transition-property:transform,height;
 transition-property:transform,height,-webkit-transform
}
.swiper-container-3d {
 -webkit-perspective:1200px;
 perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 pointer-events:none;
 z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left {
 background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
 background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
 background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
 background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
 background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
 background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
 background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
 background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
 background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
 -ms-touch-action:pan-y;
 touch-action:pan-y
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
 -ms-touch-action:pan-x;
 touch-action:pan-x
}
.swiper-button-next,
.swiper-button-prev {
 position:absolute;
 top:50%;
 width:27px;
 height:44px;
 margin-top:-22px;
 z-index:10;
 cursor:pointer;
 background-size:27px 44px;
 background-position:center;
 background-repeat:no-repeat
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
 opacity:.35;
 cursor:auto;
 pointer-events:none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
 background-image:url(../images/back.svg);
 left:10px;
 right:auto
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
 background-image:url(../images/next.svg);
 right:10px;
 left:auto
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
 background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAsMjJMMjIsMGwyLjEsMi4xTDQuMiwyMmwxOS45LDE5LjlMMjIsNDRMMCwyMkwwLDIyTDAsMjJ6JyBmaWxsPScjZmZmZmZmJy8+PC9zdmc+)
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
 background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3LDIyTDI3LDIyTDUsNDRsLTIuMS0yLjFMMjIuOCwyMkwyLjksMi4xTDUsMEwyNywyMkwyNywyMnonIGZpbGw9JyNmZmZmZmYnLz48L3N2Zz4=)
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
 background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAsMjJMMjIsMGwyLjEsMi4xTDQuMiwyMmwxOS45LDE5LjlMMjIsNDRMMCwyMkwwLDIyTDAsMjJ6JyBmaWxsPScjMDAwMDAwJy8+PC9zdmc+)
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
 background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3LDIyTDI3LDIyTDUsNDRsLTIuMS0yLjFMMjIuOCwyMkwyLjksMi4xTDUsMEwyNywyMkwyNywyMnonIGZpbGw9JyMwMDAwMDAnLz48L3N2Zz4=)
}
.swiper-button-lock {
 display:none
}
.swiper-pagination {
 position:absolute;
 text-align:center;
 -webkit-transition:.3s opacity;
 -o-transition:.3s opacity;
 transition:.3s opacity;
 -webkit-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0);
 z-index:10
}
.swiper-pagination.swiper-pagination-hidden {
 opacity:0
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
 bottom:10px;
 left:0;
 width:100%
}
.swiper-pagination-bullets-dynamic {
 overflow:hidden;
 font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
 -webkit-transform:scale(.33);
 -ms-transform:scale(.33);
 transform:scale(.33);
 position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
 -webkit-transform:scale(1);
 -ms-transform:scale(1);
 transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
 -webkit-transform:scale(.66);
 -ms-transform:scale(.66);
 transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
 -webkit-transform:scale(.33);
 -ms-transform:scale(.33);
 transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
 -webkit-transform:scale(.66);
 -ms-transform:scale(.66);
 transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
 -webkit-transform:scale(.33);
 -ms-transform:scale(.33);
 transform:scale(.33)
}
.swiper-pagination-bullet {
 width:8px;
 height:8px;
 display:inline-block;
 border-radius:100%;
 background:#000;
 opacity:.2
}
button.swiper-pagination-bullet {
 border:none;
 margin:0;
 padding:0;
 -webkit-box-shadow:none;
 box-shadow:none;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
 cursor:pointer
}
.swiper-pagination-bullet-active {
 opacity:1;
 background:#007aff
}
.swiper-container-vertical>.swiper-pagination-bullets {
 right:10px;
 top:50%;
 -webkit-transform:translate3d(0,-50%,0);
 transform:translate3d(0,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
 margin:6px 0;
 display:block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
 top:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
 width:8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
 display:inline-block;
 -webkit-transition:.2s top,.2s -webkit-transform;
 transition:.2s top,.2s -webkit-transform;
 -o-transition:.2s transform,.2s top;
 transition:.2s transform,.2s top;
 transition:.2s transform,.2s top,.2s -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
 margin:0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
 left:50%;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 white-space:nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
 -webkit-transition:.2s left,.2s -webkit-transform;
 transition:.2s left,.2s -webkit-transform;
 -o-transition:.2s transform,.2s left;
 transition:.2s transform,.2s left;
 transition:.2s transform,.2s left,.2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
 -webkit-transition:.2s right,.2s -webkit-transform;
 transition:.2s right,.2s -webkit-transform;
 -o-transition:.2s transform,.2s right;
 transition:.2s transform,.2s right;
 transition:.2s transform,.2s right,.2s -webkit-transform
}
.swiper-pagination-progressbar {
 background:rgba(0,0,0,.25);
 position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
 background:#007aff;
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 -webkit-transform:scale(0);
 -ms-transform:scale(0);
 transform:scale(0);
 -webkit-transform-origin:left top;
 -ms-transform-origin:left top;
 transform-origin:left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
 -webkit-transform-origin:right top;
 -ms-transform-origin:right top;
 transform-origin:right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
 width:100%;
 height:4px;
 left:0;
 top:0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
 width:4px;
 height:100%;
 left:0;
 top:0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
 background:#fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
 background:rgba(255,255,255,.25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
 background:#fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
 background:#000
}
.swiper-pagination-progressbar.swiper-pagination-black {
 background:rgba(0,0,0,.25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
 background:#000
}
.swiper-pagination-lock {
 display:none
}
.swiper-scrollbar {
 border-radius:10px;
 position:relative;
 -ms-touch-action:none;
 background:rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
 position:absolute;
 left:1%;
 bottom:3px;
 z-index:50;
 height:5px;
 width:98%
}
.swiper-container-vertical>.swiper-scrollbar {
 position:absolute;
 right:3px;
 top:1%;
 z-index:50;
 width:5px;
 height:98%
}
.swiper-scrollbar-drag {
 height:100%;
 width:100%;
 position:relative;
 background:rgba(0,0,0,.5);
 border-radius:10px;
 left:0;
 top:0
}
.swiper-scrollbar-cursor-drag {
 cursor:move
}
.swiper-scrollbar-lock {
 display:none
}
.swiper-zoom-container {
 width:100%;
 height:100%;
 display:-webkit-box;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:center;
 -webkit-justify-content:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center;
 text-align:center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
 max-width:100%;
 max-height:100%;
 -o-object-fit:contain;
 object-fit:contain
}
.swiper-slide-zoomed {
 cursor:move
}
.swiper-lazy-preloader {
 width:42px;
 height:42px;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-21px;
 margin-top:-21px;
 z-index:10;
 -webkit-transform-origin:50%;
 -ms-transform-origin:50%;
 transform-origin:50%;
 -webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;
 animation:swiper-preloader-spin 1s steps(12,end) infinite
}
.swiper-lazy-preloader:after {
 display:block;
 content:'';
 width:100%;
 height:100%;
 background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTIwIDEyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGRlZnM+PGxpbmUgaWQ9J2wnIHgxPSc2MCcgeDI9JzYwJyB5MT0nNycgeTI9JzI3JyBzdHJva2U9JyM2YzZjNmMnIHN0cm9rZS13aWR0aD0nMTEnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcvPjwvZGVmcz48Zz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDYwLDYwKScvPjx1c2UgeGxpbms6aHJlZj0nI2wnIG9wYWNpdHk9Jy4yNycgdHJhbnNmb3JtPSdyb3RhdGUoNjAgNjAsNjApJy8+PHVzZSB4bGluazpocmVmPScjbCcgb3BhY2l0eT0nLjI3JyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDEyMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDE1MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMzcnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNDYnIHRyYW5zZm9ybT0ncm90YXRlKDIxMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNTYnIHRyYW5zZm9ybT0ncm90YXRlKDI0MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNjYnIHRyYW5zZm9ybT0ncm90YXRlKDI3MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNzUnIHRyYW5zZm9ybT0ncm90YXRlKDMwMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuODUnIHRyYW5zZm9ybT0ncm90YXRlKDMzMCA2MCw2MCknLz48L2c+PC9zdmc+);
 background-position:50%;
 background-size:100%;
 background-repeat:no-repeat
}
.swiper-lazy-preloader-white:after {
 background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTIwIDEyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGRlZnM+PGxpbmUgaWQ9J2wnIHgxPSc2MCcgeDI9JzYwJyB5MT0nNycgeTI9JzI3JyBzdHJva2U9JyNmZmYnIHN0cm9rZS13aWR0aD0nMTEnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcvPjwvZGVmcz48Zz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDYwLDYwKScvPjx1c2UgeGxpbms6aHJlZj0nI2wnIG9wYWNpdHk9Jy4yNycgdHJhbnNmb3JtPSdyb3RhdGUoNjAgNjAsNjApJy8+PHVzZSB4bGluazpocmVmPScjbCcgb3BhY2l0eT0nLjI3JyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDEyMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDE1MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMzcnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNDYnIHRyYW5zZm9ybT0ncm90YXRlKDIxMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNTYnIHRyYW5zZm9ybT0ncm90YXRlKDI0MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNjYnIHRyYW5zZm9ybT0ncm90YXRlKDI3MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNzUnIHRyYW5zZm9ybT0ncm90YXRlKDMwMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuODUnIHRyYW5zZm9ybT0ncm90YXRlKDMzMCA2MCw2MCknLz48L2c+PC9zdmc+)
}
@-webkit-keyframes swiper-preloader-spin {
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@keyframes swiper-preloader-spin {
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
.swiper-container .swiper-notification {
 position:absolute;
 left:0;
 top:0;
 pointer-events:none;
 opacity:0;
 z-index:-1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
 -webkit-transition-timing-function:ease-out;
 -o-transition-timing-function:ease-out;
 transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide {
 pointer-events:none;
 -webkit-transition-property:opacity;
 -o-transition-property:opacity;
 transition-property:opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
 pointer-events:none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
 pointer-events:auto
}
.swiper-container-cube {
 overflow:visible
}
.swiper-container-cube .swiper-slide {
 pointer-events:none;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 z-index:1;
 visibility:hidden;
 -webkit-transform-origin:0 0;
 -ms-transform-origin:0 0;
 transform-origin:0 0;
 width:100%;
 height:100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
 pointer-events:none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
 -webkit-transform-origin:100% 0;
 -ms-transform-origin:100% 0;
 transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
 pointer-events:auto
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
 pointer-events:auto;
 visibility:visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
 z-index:0;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.swiper-container-cube .swiper-cube-shadow {
 position:absolute;
 left:0;
 bottom:0;
 width:100%;
 height:100%;
 background:#000;
 opacity:.6;
 -webkit-filter:blur(50px);
 filter:blur(50px);
 z-index:0
}
.swiper-container-flip {
 overflow:visible
}
.swiper-container-flip .swiper-slide {
 pointer-events:none;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 z-index:1
}
.swiper-container-flip .swiper-slide .swiper-slide {
 pointer-events:none
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
 pointer-events:auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
 z-index:0;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden
}
.swiper-container-coverflow .swiper-wrapper {
 -ms-perspective:1200px
}
.swiper-slide {
 background:unset!important;
 color:#fff;
 display:block
}
.swiper-slide p {
 width:100%;
 margin:0 auto;
 text-align:center;
 padding-left:40px;
 padding-right:40px;
 display:block
}
.socialone i {
 cursor:pointer;
 padding:1rem;
 opacity:.9
}
.socialone i:hover {
 opacity:1
}
.socialtwo i {
 cursor:pointer;
 padding:1rem;
 opacity:.9
}
.socialtwo i:hover {
 opacity:1
}
.socialtwo .fa-facebook {
 background-color:#3b5998;
 color:#fff;
 border-radius:50%;
 width:3rem;
 height:3rem
}
.socialtwo .fa-twitter {
 background-color:#1da1f2;
 color:#fff;
 border-radius:50%;
 width:3rem;
 height:3rem
}
.socialtwo .fa-google-plus { 
 background-color:#dd4b39;
 color:#fff;
 border-radius:50%;
 width:3rem;
 height:3rem
}
.socialtwo .fa-linkedin {
 background-color:#0077b5;
 color:#fff;
 border-radius:50%;
 width:3rem;
 height:3rem
}
.socialtwo .fa-envelope {
 background-color:#dd4b39;
 color:#fff;
 border-radius:50%;
 width:3rem;
 height:3rem
}
.socialtwo .fa-whatsapp {
 background-color:#25d366;
 color:#fff;
 border-radius:50%;
 width:3rem;
 height:3rem
}
.socialtwo .fa-at {
 background-color:#088ecc;
 color:#fff;
 border-radius:50%;
 width:3rem;
 height:3rem
}
.text-center {
 text-align:center
}
hr {
 border:0;
 height:2px;
 background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));
 width:80%
}
.logomobilecard {
 margin-top:10px;
 position:relative
}