/*
0.1 slider
	0.1.01 slider-heading
	0.1.02 slider-box
0.2 our services	
0.3 aress difference	
0.4 technical expertise
0.5 testimonials
*/

/* 0.1 slider */
.m-slider-desktop{display:block;}
.m-slider-mobile{display:none;}
.main-slider{max-width:1460px; width:100%; margin:0 auto; overflow:hidden; position:relative; z-index:10;}

/* 0.1.01 slider-heading */
.slider-heading{ margin-top:210px; -webkit-animation: slider-heading 2s forwards;  -moz-animation:  slider-heading 2s forwards;  -o-animation:   slider-heading 2s forwards; animation:     slider-heading 2s forwards;}
@-webkit-keyframes slider-heading { 0%  { opacity: 0; } 100% { opacity: 1; }}
@-moz-keyframes slider-heading { 0%  { opacity: 0; } 100% { opacity: 1; }}
@-o-keyframes slider-heading { 0%  { opacity: 0; } 100% { opacity: 1; }}
@keyframes slider-heading { 0%  { opacity: 0; } 100% { opacity: 1; }}

.slider-heading h1{font-family: 'muliregular'; font-size:42px; line-height:53px; letter-spacing:1px;}
.slider-heading h1 span{font-family: 'muliblack'; font-size:48px; letter-spacing:0;}
.slider-heading a.talk{font-family: 'mulibold'; font-size:20px; line-height:20px; background:#e57335; padding:8px 25px; border-radius:30px; color:#fff; margin:10px 0 30px; display:inline-block; vertical-align:top;}
.slider-heading a.talk:hover{background:#414141;}
.slider-heading ul.services {
    margin: 35px 0 35px 0;
    padding: 0;
}
.slider-heading ul.services li { list-style-type: none; display: inline-block; vertical-align: top; font-size: 14px;  position: relative; padding: 0 0 0 10px; margin-bottom: 10px;}

.slider-heading ul.services li:nth-child(1) {width: 60px;}
.slider-heading ul.services li:nth-child(2) {width: 81px; }
.slider-heading ul.services li:nth-child(3) {width: 183px; }
.slider-heading ul.services li:nth-child(4) {width: 164px;}
.slider-heading ul.services li:nth-child(5) {width: 97px; }

.slider-heading ul.services li:nth-child(1) span { position:relative; top:5px; }
.slider-heading ul.services li:nth-child(2) span { position:relative; top:5px; }
.slider-heading ul.services li:nth-child(3) span {position:relative; top:5px;}
.slider-heading ul.services li:nth-child(4) span {position:relative; top:5px; }
.slider-heading ul.services li:nth-child(5) span {position:relative; top:5px; }

.slider-heading ul.services li:before{content:""; background:#0098f6; width:2px; height:30px; position:absolute; left:0; top:0;}
.slider-heading ul.services li a{color:#000;}
.slider-heading ul.services li a:hover{color:#0098f6;}
.strategic-partnerships{width:800px; display:inline-block; vertical-align:top; margin: 0;}
.strategic-partnerships h2{font-size:16px; font-family: 'mulibold'; letter-spacing:0;}
.strategic-partnerships ul {
    margin: 0;
    padding: 0;
    max-width: 710px;
    width: 100%;
}
.strategic-partnerships ul li {
	background: url(../images/strategic-partnerships.jpg)no-repeat 0 0;
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
	height: 182px;
	margin: 0 10px 0 0;
}
.strategic-partnerships ul li:first-child{width:84px; background-position:0 0;}
.strategic-partnerships ul li:nth-child(2){width:156px; background-position: -104px 0;}
.strategic-partnerships ul li:nth-child(3){width:175px; background-position: -280px 0;}

@media (min-width: 1600px) {
	.strategic-partnerships ul li:nth-child(3){width:234px; background-position: -280px 0;}
	
}
.strategic-partnerships ul li:nth-child(4){width:79px; background-position: -485px 0;}
.strategic-partnerships ul li:last-child{width:92px; background-position: -579px 0;}

/* 0.1.02 slider-box */
.slider-box{width:100%; vertical-align:top; margin:120px 0 0 0; position: relative;}
.cloud-outer {position: absolute; top: 174px; right: 24px;}
.small-circle-animation { width: 35px; height: 10px; position: relative; top: -50px; left:33px; -moz-transform: skew(0deg, 28deg); -webkit-transform: skew(0deg, 28deg); -o-transform: skew(0deg, 28deg); -ms-transform: skew(0deg, 28deg); transform: skew(0deg, 28deg); }
.small-circle-animation .one{ width: 8px; height: 8px; border-radius: 50%; display: inline-block; background-color: #fff; -webkit-animation-name: one; -webkit-animation-duration: 3s; animation-name: one; animation-duration: 3s; animation-iteration-count: infinite;}
.small-circle-animation .two { width: 8px; height: 8px; border-radius: 50%; display: inline-block; background-color: #99e7ff; -webkit-animation-name: two; -webkit-animation-duration: 2s; animation-name: two; animation-duration: 2s; animation-iteration-count: infinite;}
.small-circle-animation .three { width: 8px; height: 8px; border-radius: 50%; display: inline-block; background-color: #fff; -webkit-animation-name: three; -webkit-animation-duration: 5s; animation-name: three; animation-duration: 5s; animation-iteration-count: infinite;}
@keyframes one{ 0% { background-color: #99e7ff; } 25% { background-color: #fff; } 50% { background-color: #99e7ff; } 100% { background-color: #99e7ff; }}
@keyframes two{ 0% { background-color: #99e7ff; } 25% { background-color: #fff; } 50% { background-color: #99e7ff; } 100% { background-color: #99e7ff; }}
@keyframes three{ 0% { background-color: #99e7ff; } 25% { background-color: #fff; } 50% { background-color: #99e7ff; } 100% { background-color: #99e7ff; }}
.mobile-outer{position:absolute; top:45px; right:165px;}
.mobile-inner { /*background: url(../images/mobile-front.png)no-repeat 0;*/ width: 60px; height: 146px; overflow: hidden; position: absolute; top: 21px; left: 5px; z-index:2;}
.mobile-inner-arrow { position: absolute; z-index: 3; left: 6px; top: 74px;}
.mobile-inner-strip { background:#b5527e; width:60px; height:5px; animation: mis 6s infinite; position:absolute; top:45px; left:5px; z-index:0; -moz-transform: skew(0deg, 28deg); -webkit-transform: skew(0deg, 28deg); -o-transform: skew(0deg, 28deg); -ms-transform: skew(0deg, 28deg); transform: skew(0deg, 28deg);}
@keyframes mis {0% {height:5px; opacity:0;}5% {height:5px; opacity:1;}95% {height:100px;  opacity:1;}98% {height:100px;  opacity:0.5;}100% {height:100px;  opacity:0;}}
.slide-box-outer{ width:60px; height:70px; overflow:hidden; position:relative; top: -125px; left: 5px; -moz-transform: skew(0deg, 28deg); -webkit-transform: skew(0deg, 28deg); -o-transform: skew(0deg, 28deg); -ms-transform: skew(0deg, 28deg); transform: skew(0deg, 28deg);}
.slideupper{ background:url(../images/mob-strip-outer.png)no-repeat 0 0; width:60px; height:70px; position:absolute; top:0; left:0; z-index:2; }
.slidelower{ background:url(../images/mob-strip.jpg)no-repeat 0 0; width:486px; height:58px; position:absolute; top:5px; left:0; z-index:1; animation: slidelower 9s linear infinite; animation-delay: 0s;} @keyframes slidelower { 0% { left:-586px; opacity:1; } 94% { opacity:1; }  95% { opacity:0.5; } 100% { left:0; opacity:0; }} 
.time-outer { background: url(../images/time.png)no-repeat 0 0; width: 99px; height: 123px; position: absolute; right: -85px; top: 274px;}
.watch-outer{ width:99px; height:99px; position:relative; top:10px; left:-5px; -moz-transform: skew(0deg, 28deg); -webkit-transform: skew(0deg, 28deg); -o-transform: skew(0deg, 28deg); -ms-transform: skew(0deg, 28deg); transform: skew(0deg, 28deg);}
/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align:auto) {
.watch-outer{ -moz-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg);}}
.minute-stick { background: url("../images/minute-stick.png")0 0 no-repeat; position: absolute; top: 0; left: 0; width: 99px; height: 99px; border-radius: 50%; margin: 0; z-index:3; -webkit-animation: spin 45s linear infinite; -moz-animation: spin 45s linear infinite; animation: spin 45s linear infinite;}
.hour-stick { background: url("../images/hour-stick.png")0 0 no-repeat; position: absolute; top: 0; left: 0; width: 99px; height: 99px; border-radius: 50%; margin: 0; z-index:3; -webkit-animation: spin 10s linear infinite; -moz-animation: spin 10s linear infinite; animation: spin 10s linear infinite;}
/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align:auto) {
.watch-outer{ -moz-transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg);}}
@keyframes spin {
100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}}
.stats-outer {width: 150px; height: 85px; position: relative; top: 460px; left: 80px; z-index: 10; -moz-transform: skew(0deg, 18deg); -webkit-transform: skew(0deg, 18deg); -o-transform: skew(0deg, 18deg); -ms-transform: skew(0deg, 18deg); transform: skew(0deg, 18deg);}
.stand { background: url(../images/stats-stand.png)no-repeat 0 0; width: 143px; height: 65px; position: absolute; bottom: -19px; left: 19px; z-index: 10; -moz-transform: skew(0deg, 28deg); -webkit-transform: skew(0deg, 28deg); -o-transform: skew(0deg, 28deg); -ms-transform: skew(0deg, 28deg); transform: skew(0deg, 0deg);}
.stats1{width:25px; position:absolute; right:0; bottom:1px; z-index:8;}
.stats1:after { content: ""; background: #f1a0c1; width: 13px; height: 10px; transform: rotate(45deg); position: absolute; top: -1px; left: 5px; transform: skewX(130deg);}
.stats1 .left {background: #f365a7; width: 12px; height: 10px; float: left; top: 8px;position: relative;}
.stats1 .right{background:#d51b66; width:12px; height:13px; float:left; }
.stats2{width:25px; position:absolute; right:16px; bottom:6px; z-index:7;}
.stats2:after{ content: ""; background: #cbdcf0; width: 13px; height: 10px; transform: rotate(45deg); position: absolute; top: -1px; left: 5px; transform: skewX(130deg);}
.stats2 .left{background:#93bae2; width:12px; height:13px; float:left; top: 8px;position: relative;}
.stats2 .right{background:#588cc9; width:12px; height:13px; float:left; }
.stats3{width:25px; position:absolute; right:32px; bottom:12px; z-index:6;}
.stats3:after{ content: ""; background: #fbea96; width: 13px; height: 10px; transform: rotate(45deg); position: absolute; top: -1px; left: 5px; transform: skewX(130deg);}
.stats3 .left{background:#fed233; width:12px; height:13px; float:left; position:relative; top:8px;}
.stats3 .right{background:#de9526; width:12px; height:13px; float:left; }
.stats4{width:25px; position:absolute; right:48px; bottom:18px; z-index:5;}
.stats4:after{ content: ""; background: #f1a0c1; width: 13px; height: 10px; transform: rotate(45deg); position: absolute; top: -1px; left: 5px; transform: skewX(130deg);}
.stats4 .left{background:#f365a7; width:12px; height:13px; float:left; position:relative; top:8px;}
.stats4 .right{background:#d51b66; width:12px; height:13px; float:left; }
.stats5{width:25px; position:absolute; right:64px; bottom:22px; z-index:4;}
.stats5:after{ content: ""; background: #cbdcf0; width: 13px; height: 10px; transform: rotate(45deg); position: absolute; top: -1px; left: 5px; transform: skewX(130deg);}
.stats5 .left{background:#93bae2; width:12px; height:13px; float:left; position:relative; top:8px;}
.stats5 .right{background:#588cc9; width:12px; height:13px; float:left; }
.stats6{width:25px; position:absolute; right:81px; bottom:26px; z-index:3;}
.stats6:after{ content: ""; background: #e94b7c; width: 13px; height: 10px; transform: rotate(45deg); position: absolute; top: -1px; left: 5px; transform: skewX(130deg);}
.stats6 .left{background:#d02c63; width:12px; height:13px; float:left; position:relative; top:8px;}
.stats6 .right{background:#b51d48; width:12px; height:13px; float:left; }
.stats7{width:25px; position:absolute; right:98px; bottom:32px; z-index:2;}
.stats7:after{ content: ""; background: #fece03; width: 13px; height: 10px; transform: rotate(45deg); position: absolute; top: -1px; left: 5px; transform: skewX(130deg);}
.stats7 .left{background:#e9b222; width:12px; height:13px; float:left;position:relative; top:8px; }
.stats7 .right{background:#bb9127; width:12px; height:13px; float:left; }
.stats1 .left,.stats1 .right{ animation: stats1 6s ease-in-out infinite;}
.stats2 .left,.stats2 .right{ animation: stats2 5s linear infinite; }
.stats3 .left,.stats3 .right{ animation: stats3 6s linear infinite; }
.stats4 .left,.stats4 .right{ animation: stats4 5s linear infinite; }
.stats5 .left,.stats5 .right{ animation: stats5 4s linear infinite; }
.stats6 .left,.stats6 .right{ animation: stats6 5s linear infinite; }
.stats7 .left,.stats7 .right{ animation: stats6 4s linear infinite; }
@keyframes stats1 { 0% { height:25px } 50% { height:55px } 100% { height:25px; }}
@keyframes stats2 { 0% { height:30px } 50% { height:55px } 100% { height:30px; }}
@keyframes stats3 { 0% { height:30px } 50% { height:75px } 100% { height:30px; }}
@keyframes stats4 { 0% { height:30px } 50% { height:95px } 100% { height:30px; }}
@keyframes stats5 { 0% { height:30px } 50% { height:45px } 100% { height:30px; }}
@keyframes stats6 { 0% { height:25px } 50% { height:45px } 100% { height:25px; }}
@keyframes stats7 { 0% { height:25px } 50% { height:55px } 100% { height:25px; }}
.hand { position: absolute; right: 181px; top: 115px;}
.desktop-outer{position:relative; left:0; top:0;}
.desktop-outer .desktop { position: absolute; left: 50px; top: -10px;}
.desk-circle-animation { width: 60px; height: 12px; position: relative; top: 113px; left: 99px;  -moz-transform: skew(0deg, -31deg); -webkit-transform: skew(0deg, -31deg); -o-transform: skew(0deg, -31deg); -ms-transform: skew(0deg, -31deg); transform: skew(0deg, -31deg); }
.desk-circle-animation .d-one{ width: 11px; height: 11px; border-radius: 50%; display: inline-block; background-color: #fad292; -webkit-animation-name: d-one; -webkit-animation-duration: 3s; animation-name: d-one; animation-duration: 3s; animation-iteration-count: infinite;}
.desk-circle-animation .d-two { width: 11px; height: 11px; border-radius: 50%; display: inline-block; background-color: #f065a7; -webkit-animation-name: d-two; -webkit-animation-duration: 2s; animation-name: d-two; animation-duration: 2s; animation-iteration-count: infinite;}
.desk-circle-animation .d-three { width: 11px; height: 11px; border-radius: 50%; display: inline-block; background-color: #99d4f4; -webkit-animation-name: d-three; -webkit-animation-duration: 5s; animation-name: d-three; animation-duration: 3s; animation-iteration-count: infinite;}
@keyframes d-one{ 0% { background-color: #ffa92e; } 25% { background-color: #fff; } 50% { background-color: #ffa92e; } 100% { background-color: #ffa92e; }}
@keyframes d-two{ 0% { background-color: #eb68a4; } 25% { background-color: #fff; } 50% { background-color: #eb68a4; } 100% { background-color: #eb68a4; }}
@keyframes d-three{ 0% { background-color: #27e0c0; } 25% { background-color: #fff; } 50% { background-color: #27e0c0; } 100% { background-color: #27e0c0; }}
.table-outer { width: 429px; height: 339px; position: relative; top: 155px; left: 218px;}
.td-slide-outer { background: #e0ebff; width: 53px; height: 60px; position: absolute; left: 280px; top: 41px; transform: skew(-4deg, 30deg); border-radius: 0; overflow: hidden;}
.td-slide-inner { width: 53px; height: 365px; background: url("../images/chat.jpg") repeat-y; background-size:100%; animation: chat 7s linear infinite; position:absolute; top:0; left:0;}
@keyframes chat{ 0%{ top:0px;} 25%{top:-10px; animation-play-state: paused;} 35%{top:-20px; animation-play-state: initial;} 45%{top:-22px;} 65%{top:-32px;} 75%{top:-45px;}  75%{top:-55px;} 100%{top:-60px;}}

/* 0.2 our services */
.our-services{background:#ebf4f9; padding:210px 0; width:100%; max-width:1920px; margin:0 auto; position:relative; overflow:hidden; margin-top:-70px;}
.our-services::before { content: ""; width: 1920px; height: 300px; background: #fff; position: absolute; top: -150px; left: 50%; display: inline-block;border-radius: 50%; -ms-border-radius: 50%;  -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-left: -960px;}
.our-services::after { content: ""; width: 1920px; height: 300px; background: #fff; position: absolute; bottom: -150px; left: 50%; display: inline-block; border-radius: 50%;  -ms-border-radius: 50%;   -moz-border-radius: 50%;  -webkit-border-radius: 50%;  margin-left: -960px;}
.our-services-inner{width:100%; max-width:1920px; margin:0 auto; position:relative; text-align:center;}
.our-services-inner:before{content:""; background:#fff; width:90px; height:90px; border-radius:50%; position:absolute; top:-70px; left:30px; opacity:0.5;}
.our-services-inner:after{content:""; background:url(../images/services-circle.png)no-repeat 0 0; width:88px; height:108px; position:absolute; top:-70px; right:30px; opacity:0.5;}
.our-services h2{font-family: 'mulibold'; color:#0098f6; text-transform:uppercase; font-size:40px; margin:0; position: relative; z-index: 2; margin: 0 0 15px 0;}
.our-services h3{font-family: 'muliregular'; color:#262626; font-size:20px; margin:0;}
.our-services ul{margin:0; padding:0;}
.our-services ul li{list-style-type:none; width:247px; display:inline-block; vertical-align: top;}
.our-services ul li a span{width:115px; height:96px; display: inline-block; vertical-align: top; margin:45px 0 30px;}
.our-services ul li:first-child a span{background:url(../images/our-services-sprite.jpg)no-repeat 0 0;}
.our-services ul li:nth-child(2) a span{background:url(../images/our-services-sprite.jpg)no-repeat -115px 0;}
.our-services ul li:nth-child(3) a span{background:url(../images/our-services-sprite.jpg)no-repeat -230px 0;}
.our-services ul li:nth-child(4) a span{background:url(../images/our-services-sprite.jpg)no-repeat -344px 0;}
.our-services ul li:last-child a span{background:url(../images/our-services-sprite.jpg)no-repeat -464px 0; width: 141px;}
.our-services ul li a h4{font-family: 'mulibold'; color:#1b1b1b; font-size:18px;}
.our-services ul li a p{color:#000; font-size:16px; min-height: 70px;}
.arrow-link { font-family: 'mulibold'; text-transform:uppercase; color: #fff; background: #e57335; margin: 0 0 15px; display: inline-block; position: relative; padding: 0 20px; height: 30px; font-size: 16px; line-height: 30px; border-radius:30px;}
.arrow-link::before {content: ""; position: absolute; top: 0; left: 0; width: 23px; height: 23px; background: url(../images/readmore.png)no-repeat 0 0; display:none;}
.arrow-link:hover {background: #00a1e1; color:#fff;}

/* 0.3 aress difference */
.aress-difference{width:100%; display:inline-block; vertical-align:top; position:relative; margin-top:-110px;}
.aress-difference h2{font-family: 'muliregular'; font-size:40px; color:#000; text-transform:uppercase;}
.aress-difference h2 span{font-family: 'mulibold'; color:#0098f6;}
.aress-difference p{font-family: 'muliregular'; font-size:16px; color:#1b1b1b;}
.aress-difference ul{margin:0; padding:0; text-align:center;}
.aress-difference ul li{list-style-type:none; width:340px; display:inline-block;  vertical-align:top; position:relative; padding:15px 5px 15px 75px; border-radius:8px;  margin:15px 15px 25px 0; text-align:left;
-webkit-box-shadow: 0px 16px 27px -9px rgba(191,185,191,0.54); -moz-box-shadow: 0px 16px 27px -9px rgba(191,185,191,0.54); box-shadow: 0px 16px 27px -9px rgba(191,185,191,0.54);}
.aress-difference ul li h2{font-family: 'mulibold'; color:#000; font-size:22px; margin:0;}
.aress-difference ul li h2 sup{margin-left:3px;}
.aress-difference ul li p{font-family: 'mulibold'; font-size:15px; color:#8980c6; margin:0;}
.aress-difference ul li span {background:url(../images/aress-difference-sprite.jpg)no-repeat 0 0; width: 42px; height: 42px; display: inline-block; vertical-align: top; position: absolute; top: 50%; left: 22px; margin-top: -21px;}
.aress-difference ul li:first-child span{background-position:0 0;}
.aress-difference ul li:nth-child(2) span{background-position:-42px 0;}
.aress-difference ul li:nth-child(3) span{background-position:-88px 0;}
.aress-difference ul li:last-child span{background-position:-141px 0;}

/* 0.4 technical expertise */
.technical-expertise{width:100%; display:inline-block; vertical-align:top; padding:50px 0;}
.technical-expertise h2{font-family: 'muliregular'; font-size:40px; color:#000; text-transform:uppercase;}
.technical-expertise h2 span{font-family: 'mulibold'; color:#0098f6;}
.technical-expertise p{font-family: 'muliregular'; font-size:16px; color:#1b1b1b;}
.technical-expertise .client-logo-outer{ width:648px; height:270px; overflow:hidden; margin:50px 0 0;}
.technical-expertise .client-logo-slide{ background:url("../images/client-logo.jpg")repeat-y 0 0; width:648px; height:1800px; animation: logo-slide 60s linear infinite;}
@keyframes logo-slide{100%{ background-position:0px -1455px;}}
.technical-expertise .ote{position:relative; left:80px; top:10px;}
.ote-desk{display:block;}
.ote-mob{display:none;}

/* 0.5 testimonials */
.slider-container h2{font-family: 'muliregular'; font-size:40px; color:#fff; text-transform:uppercase; margin:0 0 30px;}
.slider-container-outer { background: #3592ef url(../images/testimonials-bg.jpg)no-repeat 0 0; background-size:100% 100%; width: 100%; display: inline-block; vertical-align: top; max-width: 1920px; padding:50px 15px; overflow-x: hidden;}
.slider-container {  position: relative;  width:100%;  max-width: 655px;  height: 730px;  margin:0 auto;}
.slider-container .slider-content {  position: relative;  width:100%;  max-width: 1225px;  height: auto;  margin:0 auto;}
.slider-container .slider-content .slider-single {  position: absolute;  z-index: 0;  left: 0;  top: 0;  width: 100%;  transition: z-index 0ms 250ms;}
.slider-single-image img{margin:0 0 15px;}
.slider-container .slider-content .slider-single .slider-single-image {position: relative;  left: 0;  top: 0; width: 100%; height: 100%; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.2); transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43); transform: scale(0); opacity: 0;}
.slider-container .slider-content .slider-single .slider-single-download { position: absolute; display: block; right: -22px; bottom: 12px; padding: 15px; color: #333333; background-color: #fdc84b; font-size: 18px; font-weight: 600; font-family: 'karla'; border-radius: 5px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43); opacity: 0;}
.slider-container .slider-content .slider-single .slider-single-download:hover, .slider-container .slider-content .slider-single .slider-single-download:focus { outline: none; text-decoration: none;}
.slider-container .slider-content .slider-single .slider-single-title { display: block; float: left; margin: 16px 0 0 20px; font-size: 20px; font-family: 'karla'; font-weight: 400; color: #ffffff; transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43); opacity: 0;}
.slider-container .slider-content .slider-single .slider-single-likes { display: block; float: right; margin: 16px 20px 0 0; transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43); opacity: 0;}
.slider-container .slider-content .slider-single .slider-single-likes i { font-size: 20px; display: inline-block; vertical-align: middle; margin-right: 5px; color: #ff6060; transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43); transform: scale(0);}
.slider-container .slider-content .slider-single .slider-single-likes p { display: inline-block; vertical-align: middle; margin: 0; color: #ffffff;}
.slider-container .slider-content .slider-single .slider-single-likes:hover, .slider-container .slider-content .slider-single .slider-single-likes:focus { outline: none; text-decoration: none;}
.slider-container .slider-content .slider-single.preactivede .slider-single-image { transform: translateX(-50%) scale(0);}
.slider-container .slider-content .slider-single.preactive { z-index: 1;}
.slider-container .slider-content .slider-single.preactive .slider-single-image { opacity: .3; transform: translateX(-50%) scale(0.8); background:#fff; border-radius: 6px; padding:30px 50px;}
.slider-container .slider-content .slider-single.preactive .slider-single-download { transform: translateX(-150px);}
.slider-container .slider-content .slider-single.preactive .slider-single-title { transform: translateX(-150px); color:#000}
.slider-container .slider-content .slider-single.preactive .slider-single-likes { transform: translateX(-150px);}
.slider-container .slider-content .slider-single.proactive { z-index: 1;}
.slider-container .slider-content .slider-single.proactive .slider-single-image { opacity: .3; transform: translateX(50%) scale(0.8); background:#fff; border-radius: 6px; padding:30px 50px;}
.slider-container .slider-content .slider-single.proactive .slider-single-download { transform: translateX(150px);}
.slider-container .slider-content .slider-single.proactive .slider-single-title { transform: translateX(150px);}
.slider-container .slider-content .slider-single.proactive .slider-single-likes { transform: translateX(150px);}
.slider-container .slider-content .slider-single.proactivede .slider-single-image { transform: translateX(50%) scale(0);}
.slider-container .slider-content .slider-single.active { z-index: 2;}
.slider-container .slider-content .slider-single.active .slider-single-image { opacity: 1; transform: translateX(0%) scale(1); background: #fff; border-radius: 6px; padding:30px 50px;}
.slider-container .slider-content .slider-single.active .slider-single-download { opacity: 1; transition-delay: 100ms; transform: translateX(0px);}
.slider-container .slider-content .slider-single.active .slider-single-title { opacity: 1; transition-delay: 200ms; transform: translateX(0px); background:#000;}
.slider-container .slider-content .slider-single.active .slider-single-likes { opacity: 1; transition-delay: 300ms; transform: translateX(0px);}
.slider-container .slider-content .slider-single.active .slider-single-likes i { animation-name: heartbeat; animation-duration: 500ms; animation-delay: 900ms; animation-interation: 1; animation-fill-mode: forwards;}
.slider-container .slider-left { position: absolute; z-index: 3; display: block; left: -55px; top: 50%; color: #ffffff; transform: translateY(-50%);}
.slider-container .slider-right { position: absolute; z-index: 3; display: block; right: -55px; top: 50%; color: #ffffff; transform: translateY(-50%);}
.slider-container p{font-family: 'latoregular'; font-size:15px; color:#626262; line-height:24px;}
.slider-container p.name{font-family: 'muliregular'; font-size:15px; color:#626262;}
.slider-container p.name span{font-family: 'mulibold'; font-size:16px; color:#000;}
.slider-container ul{margin:0; padding:15px 0 0;}
.slider-container ul li{list-style-type:none; display:inline-block; vertical-align:top;}
.slider-container ul li i{font-size:18px; color:#2bb3fd;}
.slider-container p:first-of-type{min-height:300px;}
.slider-single.preactive p:first-of-type,.slider-single.proactive p:first-of-type{height:100px; overflow:hidden;}
.slider-container .arrow-link {
    font-family: 'mulibold';
    text-transform: uppercase;
    color: #fff;
    background: #e57335;
    margin: 0 0 15px;
    display: inline-block;
    position: relative;
    padding: 0 20px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    border-radius: 30px;
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -50px;
	
}
.slider-container .arrow-link:hover {
    background: #2bb3fd;
    color: #fff;
}

/* ------- Responsive Section ------- */

@media (max-width: 1430px) {
	/* 0.1.01 slider-heading */
	.slider-heading h1 {font-size: 32px;line-height: 43px;}
	.slider-heading h1 span{font-size: 35px;}
	.slider-heading ul.services li{/*width:140px;*/}
	.strategic-partnerships ul li{margin: 0 5px 0 0;}
	
	/* 0.1.02 slider-box */
	.slider-box {margin: 120px 0 0 -80px;}
}

@media (max-width: 1280px) {
	/* 0.1.01 slider-heading */
	.slider-heading h1 {font-size: 28px;line-height: 33px;}
	.slider-heading h1 span{font-size: 28px;}
	.strategic-partnerships ul li{margin: 0 5px 0 0;}
	.slider-heading {margin-top: 155px;}
	.strategic-partnerships {margin: 55px 0;}
	
	/* 0.1.02 slider-box */
	.slider-box {margin: 45px 0 0 -120px; transform:scale(0.8); }
	.mobile-outer {left: 370px; right:auto;}
	.cloud-outer {top: 182px; left: 466px; right: auto;}
	.time-outer{left: 596px; right:auto;}
	
	/* 0.2 our services */
	.our-services h2{font-size:25px;}
	.our-services h3{font-size:18px;}
	.our-services ul li{width: 230px;}
	
	/* 0.3 aress difference */
	.aress-difference h2{font-size:25px;}
	.aress-difference .ad{width:90%;}
	.aress-difference ul li{width: 215px; padding: 15px 5px 15px 45px;}
	.aress-difference ul li span{width:28px; height:28px; background-size:120px; left: 8px; margin-top: -12px;}
	.aress-difference ul li p{font-size:13px;}
	.aress-difference ul li:first-child span{background-position: 4px 0;}
	.aress-difference ul li:nth-child(2) span{background-position: -26px 0;}
	.aress-difference ul li:nth-child(3) span{background-position: -58px 0;}
	.aress-difference ul li:last-child span{background-position: -92px 0;}
	
	/* 0.4 technical expertise */
	.technical-expertise h2{font-size:25px;}
	.technical-expertise .client-logo-outer{width:100%;}
	.technical-expertise .client-logo-slide{width:100%; background-size:100% ;}
	.technical-expertise .ote{width:auto; left:0; top:0;}	
}

@media (min-width:1024px) and (max-width:1279px){
	.slider-heading ul.services li {
		width: 19% !important;
		font-size: 15px;
		letter-spacing: -0.3px;
	}
	.slider-heading ul.services li:first-child {
    width: 67px !important;
	}
	.slider-heading ul.services li:nth-child(2) {
    width: 78px !important;
	}
	.slider-heading ul.services li:nth-child(3) {
    width: 106px !important;
	}
	.slider-heading ul.services li:nth-child(4) {
    width: 108px !important;
	}

	.slider-heading ul.services li:before {
    height: 50px;
	}

}


@media (max-width:1279px){ 
	.our-services ul li{width: 310px;}
}

@media (max-width: 1024px) {
	/* 0.4 technical expertise */
	.technical-expertise .ote{width:100%; left:0; top:0;}
	
	/* 0.5 testimonials */
	.slider-container h2{font-size:25px;}
}
@media (max-width: 1023px) {
	/* 0.1 slider */
	.slider .col-md-6{width:100%;}
	.slider-heading h1 {font-size: 22px; line-height: 27px;}
	.slider-heading h1 br {display:none;}
	.slider-heading h1 span {font-size: 28px; display:block; width:100%;}
	.slider-heading ul.services li:first-child{width:auto;}
	.slider-heading ul.services li:nth-child(2){width:auto;}
	.slider-heading ul.services li{width:auto; padding:0 10px; }
	.slider-heading ul.services li a span br{display:none;}

	/* .slider-heading ul.services li::before {height: 45px;} */
	.strategic-partnerships{margin: 15px 0; width:auto;}
	.m-slider-desktop{display:none;}
	.m-slider-mobile{display:block;}
	.slider-box {margin: 40px auto 160px -50px;  transform: scale(0.9);}
	
	/* 0.2 our services */
	.our-services ul li {width: 33%;}
}

@media (max-width: 991px) {	
	/* 0.1 slider */
	.slider-box {margin: 75px auto 160px -50px;}

	
	/* 0.9.01 strategic-partners */
	.strategic-recognised-section{padding:30px 0}

	/* 0.3 aress difference */
	.aress-difference .ad {width: auto;}
	.aress-difference .col-md-6:first-of-type{text-align:center;}	
}
@media (max-width: 767px) {
	/* 0.1 slider */
	.strategic-partnerships ul li {margin: 0 5px 5px 0;}
	.slider-heading ul.services li{margin: 0 0 10px 0;}
	.slider-box {margin: -90px auto 100px -50px;  transform: scale(0.8);}
	.strategic-partnerships {margin: -15px 0;}
	.slider-heading {margin-top: 15px;}

	/* 0.1 slider */
	.slider-box {margin: 20px auto 20px -105px;  transform: scale(0.6);}
	.strategic-partnerships ul li{background-size: 500px; vertical-align:middle; height:66px;}
	.strategic-partnerships ul li:first-child {width: 63px; background-position: 0px -5px;}
	.strategic-partnerships ul li:nth-child(2) {width: 118px; background-position: -77px -12px;}
	.strategic-partnerships ul li:nth-child(3) {width: 131px; background-position: -208px -12px;}
	.strategic-partnerships ul li:nth-child(4) {width: 60px; background-position: -361px 3px;}
	.strategic-partnerships ul li:last-child {width: 69px; background-position: -431px -10px;}
	
	.slider-heading ul.services li:first-child {width: 49%;}
	.slider-heading ul.services li:nth-child(2) {width: 49%;}
	.slider-heading ul.services li {width: 49%; padding: 0 3px 0 8px; font-size: 14px;}	
	
	.slider-heading ul.services li {
 		width: 100% !important;
		margin: 0 0 15px 0;
		vertical-align: top;
	}

	/* 0.2 our services */
	.our-services ul li {width: 280px;}
	.our-services ul li a p{min-height:auto;}
	
	/* 0.4 technical expertise */
	.technical-expertise .ote{width:60%;}
	.technical-expertise .col-md-6:last-of-type{text-align:center;}
	.ote-desk{display:none;}
	.ote-mob{display:inline-block;}
	.technical-expertise .client-logo-outer{margin: 15px 0 0;}
	
	/* 0.5 testimonials */
	.slider-container{height: 890px;}
	.slider-container .slider-left{left:-15px;}
	.slider-container .slider-right{right:-15px;}
	.slider-container h2 {font-size:25px;}

	/* 0.2 our services */
	.our-services ul li a span{margin: 25px 0 5px;}
	.our-services {margin-top: -125px; padding: 175px 0;}

}
@media (max-width: 600px) {
	/* 0.3 aress difference */
	.aress-difference .ad {width: 95%;}
}
@media (max-width: 540px) {
	/* 0.5 testimonials */
	.slider-container{height: 920px;}
	.slider-container p:first-of-type {min-height: 500px;}
}
@media (max-width: 505px) {
	/* 0.3 aress difference */
	.aress-difference ul li {width:100%; margin: 5px 20px 5px 0;}
	.aress-difference ul li h2,.aress-difference ul li p{display:inline-block; vertical-align:top;}
	.aress-difference ul li p{position:relative; top:3px; padding-left:5px;}
}
@media (max-width: 500px) {
	/* 0.5 testimonials */
	.slider-container{height: 990px;}
	.slider-container p:first-of-type {min-height: 600px;}
	.slider-container .slider-content .slider-single.proactive .slider-single-image,
	.slider-container .slider-content .slider-single.preactive .slider-single-image{opacity:0;}
}

@media (max-width: 430px) {
	/* 0.5 testimonials */
	.slider-container .slider-content .slider-single.active .slider-single-image{padding: 30px 35px;}
	.slider-container .slider-content .slider-single.proactive .slider-single-image{padding: 30px 35px;}
	.slider-container .slider-content .slider-single.preactive .slider-single-image{padding: 30px 15px;}
	.slider-container {height:1100px;}	
}
@media (max-width: 400px) {
	/* 0.1 slider */
	.slider-box {margin: 0px auto -20px -105px; transform: scale(0.5);}
	/* 0.4 technical expertise */
	.technical-expertise .ote{width:80%;}
}
@media (max-width: 380px) {
	/* 0.5 testimonials */
	.slider-container {height: 1150px;}	
	.slider-container p:first-of-type {min-height: 800px;}
}

@media (max-width: 360px) {
	/* 0.1 slider */
	.slider-box {margin: 0px auto -20px -105px; transform: scale(0.4);}
	.slider-heading ul.services {margin: -5px 0 25px;}
	.slider-heading ul.services li,.slider-heading ul.services li:nth-child(2) {width: 100%;}
	.slider-heading {margin-top: -70px;}
	.slider-container p:first-of-type {min-height: 900px;}
	
	/* 0.5 testimonials */
	.slider-container{height: 1250px;}
}
@media (max-width: 340px) {
	/* 0.5 testimonials */
	.slider-container{height: 1250px;}
	.slider-container p:first-of-type {min-height: 900px;}
}
@media (max-width: 320px) {
	/* 0.5 testimonials */
	.slider-container{height: 1360px;}
	.slider-container p:first-of-type {min-height: 1000px;}
}

@media (min-width: 1024px) and (max-width: 1280px) {
	.our-services ul li {
    width: 18%;
    padding: 0 15px;
	}
	.our-services ul li a p br {
		display: none;
	}
}

@media (max-width: 1599px) {
	.strategic-partnerships ul {
		max-width: 690px;
	}	
}