b,strong{font-weight:500!important}
a,a:focus,a:hover{color:#4c525a}
@font-face{font-family:mv_boliregular;src:url(../fonts/mvboli-webfont.eot);src:url(../fonts/mvboli-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/mvboli-webfont.woff2) format("woff2"),url(../fonts/mvboli-webfont.woff) format("woff"),url(../fonts/mvboli-webfont.ttf) format("truetype"),url(../fonts/mvboli-webfont.svg#mv_boliregular) format("svg");font-weight:400;font-style:normal}
.container{padding-right:15px;padding-left:15px}
iframe[name=google_conversion_frame]{position:absolute;bottom:0}
*{box-sizing:border-box}
h1{margin:.67em 0}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
.navigation_left ul li>a,.navigation_right ul li>a{line-height:2;font-weight:500;color:#fff;text-decoration:none}
.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}
.h1,h1{font-size:36px}


a:active,a:hover{text-decoration:none}
p{margin:0 0 10px}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;background-color:#FC732B;z-index:9999}
#status,.logo-loader,.spinner{position:absolute}
#status{width:200px;height:200px;left:50%;top:50%;background-repeat:no-repeat;background-position:center;margin:-100px 0 0 -100px}
#intercom-container .intercom-app .intercom-launcher-frame{background:#fc732b!important}
.spinner{margin:10px auto 0;width:100%;text-align:center;bottom:-40px}
#status.logo-loader-outer,.logo{/*margin-left:45px;*/text-align:center;/*box-shadow:0 0 5px 3px rgba(0,0,0,.3)*/}
.spinner>div{width:18px;height:18px;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;background:#fff}
.section-title.active h2.active_text{color:#fc732b}
.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}
.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}
@-webkit-keyframes bouncedelay {
0%,100%,80%{-webkit-transform:scale(0)}
40%{-webkit-transform:scale(1)}
}
@keyframes bouncedelay {
0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}
40%{transform:scale(1);-webkit-transform:scale(1)}
}
.statcounter{display:none}
#status.logo-loader-outer{width:130px;height:50%;float:left;position:absolute;left:50%;top:0;padding-top:0;background:#fff;margin-top:0;-webkit-transition:1s;transition:1s}
#status.logo-loader-outer.resized{height:131px}
.visilblity-hidden{height:0}
.visilblity-hidden h1{visibility:hidden}
.logo-loader{bottom:0;left:0;width:100%;padding:10px 0;text-align:center}
.logo a{display:block;padding:0}
.header_img{float:right;width:32px;cursor:pointer;padding-right:10px;padding-top:10px;z-index:100;position:relative}
.header_outer{width:100%;position:fixed;z-index:10;background:0 0;-webkit-transition:all .5s;transition:all .5s}
.header_outer.scrolled,.logo{/*background:#fff*/}
.btn-bottom{position:fixed;right:100px;z-index:2;bottom:20px;background:#fc732b;font-weight:700;font-size:14px;color:#fc732b;border-radius:30px;text-align:center;display:inline-block;text-transform:uppercase;transition:.1s all;overflow:hidden;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16)!important;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16)!important}
.btn-bottom:after{content:'';position:absolute;top:0;left:-200%;width:200%;height:100%;-webkit-transform:skewX(-20deg);transform:skewX(-20deg);background-image:-webkit-linear-gradient(left,transparent,rgba(236,229,171,0.3),transparent);background-image:linear-gradient(to right,transparent,rgba(236,229,171,0.3),transparent);animation:shine 1.8s linear infinite}
.btn-bottom a{color:#fff;text-transform:uppercase;text-decoration:none;display:inline-block;line-height:40px;padding:10px 25px;z-index:3;position:relative;border-radius:30px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16)!important;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16)!important}
.btn-bottom :active{-webkit-transform:translateY(1px);transform:translateY(1px);box-shadow:0 0 6px rgba(0,0,0,0.2)}
@keyframes shine {
0%{left:-200%}
100%{left:200%}
}
.black-bg .snapshots-section ~ .btn-bottom:before{border:2px solid #fff}
#intercom-container .intercom-launcher-discovery-frame,#intercom-container .intercom-launcher-frame{-webkit-box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16)!important;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16)!important}
.inner-effect,.logo{-webkit-transition:all .5s}
.header{max-width:100%;position:relative}
.logo{/*width:130px;height:130px;*/float:left;position:absolute;left:20px;transition:all .5s}
.header_outer.scrolled .logo{background:#fc732b}
.logo_inner{background:url(../images/logo.png) center top no-repeat;width:90px;height:111px;margin:0 auto}
.header_outer.scrolled .logo_inner{background-image:url(../images/logo2.png)}
.navigation{padding-top:5px}
.navigation_left{width:50%;float:left;padding-right:8.5%}
.navigation_left ul{margin:0;padding:33px 0 10px}
.navigation_left ul li{float:right;list-style:none;padding:0 30px 10px;position:relative}
a,a:focus{outline:0}
.navigation_left ul li>a{font-size:18px;display:block;padding:5px 0;border:0;border-bottom:solid 2px transparent}
.navigation_left ul li.active>a,.navigation_left ul li>a:hover{border:0;border-bottom:2px solid #fff}
.navigation_right{width:50%;float:left;padding-left:8.5%}
.navigation_right ul{margin:0;padding:33px 0 10px}
.navigation_right ul li{float:left;list-style:none;padding:0 30px 10px;position:relative}

.navbar{border-radius:0 !important;}
.navigation_left ul li:hover .sub_menu,.navigation_right ul li:hover .sub_menu{display:block}
.header_outer.scrolled .navigation_left>ul>li>a:hover,.header_outer.scrolled .navigation_right>ul>li>a:hover{border-bottom:2px solid #000}
.header_outer.scrolled .navigation_left>ul>li.active>a,.header_outer.scrolled .navigation_right>ul>li.active>a{border:0;border-bottom:2px solid #000}
body.about .header_outer.scrolled .navigation_left>ul>li:nth-child(2)>a,body.contact-page .header_outer.scrolled .navigation_right>ul>li:nth-child(3)>a,body.how-it-works .header_outer.scrolled .navigation_left>ul>li:nth-child(1)>a,body.services-page .header_outer.scrolled .navigation_left>ul>li:nth-child(3)>a,body.success-story-page .header_outer.scrolled .navigation_right>ul>li:nth-child(1)>a{border:0;border-bottom:2px solid #000}
.text2{left:25%}
.text.text2 h2{font-weight:300}
.contact_button{width:200px;float:left;position:relative}
.button{font-size:18px;font-weight:400;right:0;position:absolute;padding:6px 0;border:1px solid #000;border-radius:24px;width:100px;text-align:center;top:24px}
.slider{width:100%;height:100%;background:#fc732b;padding-top:0;position:relative;overflow:hidden}
.side-bar-menu{position:fixed;top:50%;z-index:2;width:100px;margin-top:-33px;left:-2px}
.side-bar-menu ul{margin:0;padding:0}
.side-bar-menu ul li{list-style:none;margin-bottom:2px;position:relative}
.side-bar-menu ul li a{text-decoration:none;border:2px solid #fc732b;display:block;-webkit-transition:all .4s;transition:all .4s;line-height:36px;color:#000;font-weight:500;width:100px;text-align:center}
.side-bar-menu ul li a:hover{width:130px;background:#fc732b;color:#fff}
.side-bar-menu .active{background:#fc732b;color:#fff;border:2px solid #fc732b}
.side-bar-menu .down{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fc732b;right:-9px;position:absolute;top:8px}
.social-icons-outer{position:absolute;right:0;width:55px;height:55px;z-index:1}
.social-icons-outer .open-social-icons{width:55px;height:55px;background:url(../images/home_icon.png) center no-repeat;background-size:22px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;cursor:pointer}
.social-icons-outer .social-icons-holder{position:absolute;right:0;top:55px;z-index:100}
.social-icons-outer .social-icons-holder ul{list-style:none;margin:0;padding:0;position:absolute;top:0;right:0}
.social-icons-outer .social-icons-holder ul li{width:260px;border-bottom:solid 1px #161616;position:absolute;right:-260px;-webkit-transition:all .3s ease;transition:all .3s ease}
.social-icons-outer .social-icons-holder ul li:last-child{border:none}
.social-icons-outer .social-icons-holder ul li a{display:block;padding:20px 0 20px 60px;font-size:1.2em;font-weight:500;color:#fff;text-decoration:none;line-height:30px;background:#252525;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.item-highlight1,.taylormade h1{color:#4c525a;text-align:center;text-transform:uppercase}
.social-icons-outer .social-icons-holder ul li a span{display:block;position:absolute;left:0;top:0;height:65px;width:60px;background-position:center;background-repeat:no-repeat;background-size:25px}
.social-icons-outer .social-icons-holder ul li.facebook{top:0;-webkit-transition-delay:0;transition-delay:0}
.social-icons-outer .social-icons-holder ul li.twitter{top:71px;-webkit-transition-delay:.1s;transition-delay:.1s}
.social-icons-outer .social-icons-holder ul li.linkedin{top:142px;-webkit-transition-delay:.2s;transition-delay:.2s}
.social-icons-outer .social-icons-holder ul li.instagram{top:213px;-webkit-transition-delay:.3s;transition-delay:.3s}
.social-icons-outer .social-icons-holder ul li.facebook a span{background-image:url(../images/social-icon-fb.png)}
.social-icons-outer .social-icons-holder ul li.twitter a span{background-image:url(../images/social-icon-twitter.png)}
.social-icons-outer .social-icons-holder ul li.linkedin a span{background-image:url(../images/social-icon-linkedin.png)}
.social-icons-outer .social-icons-holder ul li.instagram a span{background-image:url(../images/social-icon-insta.png)}
.social-icons-outer:hover .social-icons-holder ul li{right:0}
.social-icons-outer:hover .open-social-icons{background:url(../images/home_icon_white.png) center no-repeat #252525;background-size:22px}
.social-icons-outer .social-icons-holder ul li.facebook:hover a{background:#3b579d}
.social-icons-outer .social-icons-holder ul li.twitter:hover a{background:#2caae1}
.social-icons-outer .social-icons-holder ul li.linkedin:hover a{background:#0077b5}
.social-icons-outer .social-icons-holder ul li.instagram:hover a{background:#a97a5c}
.parallax-image{background-image:url(../images/taylormade.png);background-size:100%;background-repeat:no-repeat;background-position:center 0;width:100%;min-height:500px;margin-top:-50px}
.social_icon_outer{display:none}
.slide_next{position:absolute;bottom:0;width:200px;left:50%;text-align:center;margin-left:-100px}
.iphone,.outer-wrapper,.taylormade{position:relative}
.start_project p{-webkit-animation:mymove 1s infinite;animation:mymove 1s infinite}
@-webkit-keyframes mymove {
0%,100%{padding-top:8em}
50%{padding-top:7.5em}
}
@keyframes mymove {
0%,100%{padding-top:8em}
50%{padding-top:7.5em}
}
.boxSet .col-md-4.col-sm-4 .box{ padding: 20px;margin-bottom: 30px;text-align:center; }
.outer_services .boxSet .col-md-4.col-sm-4 .box  p{text-align:center; }
.boxSet .row{display: flex;flex-wrap: wrap;}
.boxSet .row .col-md-4.col-sm-4:before{content: '';
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 9px 3px rgb(215 215 215); }
.inner_service_top.spacing {
    margin-top: 50px;
    margin-bottom: 30px;
}

.hide {
    display: none !important;
}


.start_project p img{margin-top: 40px;}
.taylormade{width:100%;padding-top:100px;padding-bottom:150px;z-index:1}
.taylormade h1{margin-bottom:1em;font-weight:400}
.taylormade .section-heading{color:#4c525a;text-align:center;text-transform:uppercase;font-weight:500;line-height:1.2;font-size:2.5em}
.taylormade .section-heading h1{font-size:inherit;font-weight:inherit;display:inline}
.item.active{width:900px;margin:0 auto;max-width:80%}
.taylormade img{width:100%}
.outer-wrapper{width:100%;min-height:700px}
.outer-wrapper .container{width:1000px}
.item-highlight{font-weight:500;margin-top:.3em;display:block;text-align:center;font-size:1.7em}
.item-highlight1{font-weight:400;margin-bottom:.3em;display:block;font-size:36px}
.taylormade p{font-weight:300;color:#8492a6;text-align:center;font-size:1.6em;line-height:1.2;margin-top:20px}
.parallax-window{min-height:800px;background:0 0}
.iphone{background:url(../images/main-image.png) no-repeat;width:437px;height:573px;margin:0 auto}
.iphone_inner{position:absolute;top:109px;left:39px}
.artist_top h1,.artist_top h2,.artist_top .heading{font-weight:400;color:#4c525a;text-align:center;font-size:2.5em;padding:0 15px;position:relative}
.artist_top .heading{margin-bottom:10px;margin-top:20px}
.artist_top.section-title.active p.heading{color:#4c525a}
.header_outer.bg{background:#fff!important}
.stage{padding-bottom:80px}
.artist_top p{font-weight:300;position:relative;padding:0 15px 1em;text-align:center;font-size:18px;width:900px;margin:auto;max-width:100%}
.artist_top hr{width:100px;border:3px solid #000}
.artist_left .title,.artist_left h3{font-weight:500;color:#4c525a;margin-bottom:1.5em;font-size:2.3em;text-align:center}
.artist_left.work .title,.artist_left.work h3{margin-bottom:1.5em;font-size:22px;text-align:center}
.artist_left{color:#fff;margin-top:2em}
.artist_left_text{padding:0 14%}
.artist_left p{padding-bottom:10px;color:#8593a7;text-align:center;letter-spacing:1px;font-size:17px;font-weight:300;line-height:1.6}
.artist4_left .title,.artist4_left h3,.artist5_left .title,.artist5_left h3{font-weight:500;color:#4c525a;margin-bottom:1.5em;font-size:2.3em;text-align:center}
.artist_section{min-height:auto!important}
.how-it-work-section{position:relative;z-index:2}
.how-it-works-content-outer{position:absolute;bottom:0;left:0;top:0;width:100%}
.how-it-works-content-outer .container{height:100%}
.how-it-work-section .container{position:relative}
.how-it-work-section .how-it-works-content{z-index:2;color:#fff}
.how-it-work-section .how-it-works-content.how-work-content{position:absolute;right:0;text-align:left;top:0;bottom:0;display:flex;flex-direction:column;align-items:center}
.how-it-work-section .how-it-works-content.how-work-content .col-12{margin:auto}
.how-it-work-section .how-it-works-content.how-work-content a{color:#fff;font-size:14px;border:1px solid;width:150px;margin-right:5px;display:inline-block;text-align:center;vertical-align:middle;padding:10px 0;border-radius:30px;-webkit-transition:all .3s;transition:all .3s;margin-top:2em;text-transform:uppercase;font-weight:700}
.how-it-work-section .how-it-works-content.how-work-content a:hover{background:#fff;border-color:#fc732b;color:#fc732b;-webkit-transition:all .3s;transition:all .3s}
.how-it-work-section .how-it-works-content p{font-size:24px;font-weight:300;text-align:left}
.how-it-work-section .how-it-works-content p span{display:block}
.how-it-work-section .how-it-works-content p span.highlight-text{color:#fff;text-align:left}
.highlight-text,.highlight-text-contact{font-size:29px;display:block;font-weight:500;color:#333}
.how-it-work-section .container p{text-align:left;max-width:415px;margin:0 auto}
.how-it-work-section .artist_right{width:47%;height:100%}
.how-it-work-section .artist4_left{width:52%;height:100%}
.how-it-work-section .artist_right .animation-inner{background-image:url(../images/bg-image.png);width:47%;height:100%;top:0;right:0;position:absolute;z-index:-1;background-repeat:no-repeat;background-size:cover}
.how-it-work-section .artist4_left img{padding:50px 0;max-width:100%}
.artist4_left.work span{display:block}
.highlight-text{margin-top:0;margin-bottom:1px;text-align:left}
.artist4_left.success .highlight-text{text-align:center}
.highlight-text-contact{margin-top:0;margin-bottom:1px;text-align:right}
.artist4_left.work p{font-size:24px;font-weight:300;text-align:left;padding:0 0 0 16%;color:#8492a6;margin-top:0}
.artist4_left.success{padding-top:80px}
.footer_button{width:230px;display:inline-block;height:56px;border-radius:30px;border:1px solid #000;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}
.footer_button:hover{background:#000;color:#fff}
.footer_button:hover .inner{background:#fff}
.inner{float:left;width:40px;margin-top:7px;height:40px;background:#000;margin-left:6px;border-radius:30px;padding-top:8px}
.inner_right{cursor:pointer;float:left;margin-top:20px;margin-left:5px;font-weight:700;text-transform:uppercase;font-size:14px}
.inner_icon{cursor:pointer;width:26px}
.company-info{display:none}
.footer_button.rotate .inner_icon{-webkit-animation:rotateButton .5s ease 1;animation:rotateButton .5s ease 1}
@-webkit-keyframes rotateButton {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotateButton {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.artist4_left.success h2{margin-top:0;margin-bottom:1px;font-size:29px;text-align:left;font-weight:500}
.outer-wrapper .artist4_left.success p{color:#fff;margin:0;padding:0}
.artist4_left p,.artist5_left p{padding-bottom:10px;line-height:1.6;letter-spacing:1px}
.outer-wrapper .highlight-text{color:#fff}
.artist4_left.success p{margin-bottom:15px;font-size:1.6em;font-weight:300;text-align:center;color:#777676;margin-top:0}
.artist4_left.success a{font-weight:500;margin-top:15px;font-size:22px;color:#fff;text-transform:uppercase;display:inline-block;min-height:30px}
.artist4_left.success a:hover{border-bottom:2px solid #fff}
.artist4_left.work p{margin-bottom:1em}
.work a{font-weight:500;margin-top:2em;font-size:18px;color:#fc732b}
.work a:hover{border-bottom:2px solid #fc732b}
.artist4_left p{text-align:center;font-size:17px;font-weight:300;color:#8593a7}
.artist5_left{margin-top:13em}
.artist5_left h2{font-weight:500;color:#4c525a;margin-bottom:1.5em;font-size:2.3em;text-align:center}
.artist5_left p,.artist_footer{font-size:17px;text-align:center}
.artist5_left p{font-weight:300;color:#8593a7}
.artist_img.work{margin-top:5em}
.artist_img{text-align:center}
.artist_right img{width:580px;max-width:80%;margin:0 auto}
.creare-slider-section,.slides,.slides-info,.slides-pic img{width:100%}
.artist_footer{margin-top:2em}
.artist1_left_text{padding:0 14%}
.artist1_img{text-align:center;margin-top:4em}
.creare-section{margin-top:180px}
.slides{position:relative}
.slides-info{text-align:center;top:50%;position:absolute;margin-top:-72px}
.slides-info p{font-size:24px;color:#fff}
.slides-info span{display:block;font-size:3.5em;font-weight:500}
.work-here-section .wrapper{width:100%;background:#987abb;padding:50px 0 60px}
.title-bar h2{margin-top:0;text-align:center;color:#fff;font-weight:300}
.company-description{width:600px;background:#fff;margin:0 auto;text-align:center;box-shadow:0 0 10px 6px rgba(0,0,0,.1);padding:30px 80px;min-height:272px}
.wheel,.wheel_section{min-height:700px}
.company-detail h3{color:#fc732b;font-weight:400;margin-top:10px;margin-bottom:30px}
.company-detail p{font-size:18px;color:#8492a6}
.current-job-openings .title h2{font-weight:500;color:#4c525a;text-align:center;font-size:2.5em}
.current-opening{display:none;position:relative}
.current-opening.ios{display:block}
.work-here-section .artist_footer{margin-top:30px}
.current-job-openings .job-type{margin-top:20px}
.current-job-openings .job-type ul{margin:0;padding:0}
.current-job-openings .job-type ul li{list-style:none;border-bottom:1px solid #ccc;position:relative}
.current-job-openings .job-type ul li a{text-decoration:none;display:block;line-height:45px;color:#666;font-size:16px;font-weight:400;cursor:pointer}
.inner-effect{width:200px;transition:all .5s;margin:0 auto}
.job-type ul li a:hover .inner-effect{background:#fc732b;color:#fff;width:100%}
.job-type li.active{background:#fc732b}
.job-type li.active a .inner-effect{color:#fff}
.tab-close-btn{position:absolute;left:8%;background:#fd8f55;line-height:45px;width:80px;color:#fff;text-transform:capitalize;font-size:15px;border-right:1px solid #feb188;cursor:pointer;top:-46px}
.current-job-openings{text-align:center;margin-top:40px}
.tab{text-align:center}
.current-opening .job-info ul{margin:0;padding:0;border-bottom:2px solid #e7e7e8;height:50px}
.current-opening .job-info ul li{list-style:none;display:inline-block;border-bottom:1px transparent}
.current-opening .job-info ul li a{text-decoration:none;display:block;line-height:48px;min-width:180px;font-size:16px;color:#999;font-weight:400}
.current-opening .ui-tabs-active.ui-state-active a,.job-info ul li a:hover{border-bottom:2px solid #fc732b}
.job-summary{width:70%;float:left;border-right:1px solid #ccc;padding-bottom:30px;padding-right:.5%}
.job-summary-details h2{font-size:20px;margin:10px 0;color:#6f6f6f}
.job-summary-details h3{font-size:20px;margin:12px 0;text-transform:uppercase;color:#4c525a}
.job-summary-details p{text-align:left;font-size:16px;color:#999;font-weight:300}
.job-form{width:30%;float:left;padding:0 2%}
.job-details{margin-top:20px}
.responsibility-details{width:48%;float:left;background:#e7e7e8}
.responsibility-details.rightsection{margin-left:2%}
.requirement-list p{text-align:left}
.responsibility-details .titles span{font-size:16px;font-weight:500;padding:17px 15px;display:block;text-align:left}
.form-element.submit-btns,.work_left,.work_right h2,.work_top h2,.work_top p{text-align:center}
.job-responsibility hr{margin:0;border-top:1px solid #b9b9ba}
.requirement-list{padding:20px 15px 30px;font-size:16px}
.job-responsibility{margin-top:50px}
.responsibility-details .titles{height:50px}
.form-title h2{color:#4c525a;font-size:24px}
.common-box{width:100%;height:40px;padding:2%;outline:0;border:1px solid #ccc}
.form-element label{display:none!important}
.form-element .box label{display:block!important}
.form-element{margin:30px 0;font-size:20px}
.user-form{margin-top:30px}
.work_bottom,.work_section{margin-top:3em}
.submit-btn{padding:0 20px;border:0;background:#fc732b;color:#fff;height:46px;border-radius:25px;font-size:18px;outline:0}
.service_top hr,.work_top hr{width:110px;border:1px solid #ccc}
.work_top h2{font-size:22px;margin-bottom:1em}
.work_top p{font-size:17px}
.work_top_scection1{background:#fe5c7f}
.work_right h2{margin-top:2em;color:#fff;margin-bottom:1em}
.work_right h3,.work_right h4{margin-top:1.5em;padding:0 12%;color:#fff}
.work_right p{text-align:justify;color:#fff;padding:0 12%}
.work_right h4{font-size:24px;text-align:right}
.work_top_scection2{background:#7dabf7}
.work_top_scection3{background:#6fdc95}
.service_top h2{margin-top:1em;text-align:center;margin-bottom:1em}
.service_top p{margin:0;text-align:center;font-size:17px}
.artist_section.services{margin-top:0}
.service_slider{text-align:center;margin-top:5em}
.service_slider img{max-width:100%;margin-bottom:4em}
.service_bottom{width:527px;border-top:2px solid #ccc;padding-bottom:10px;margin:0 auto;max-width:90%}
.artist_top.section-title.art{box-shadow:none}
.artist_top{box-shadow:0 11px 14px 0 #c9c9c9;padding-top:2%;background-color:#e7e7e8}
#capabilies{margin-top:37px}
.capabilitie{margin-top:8em}
.blog{width:100%;margin-top:5em}
.about-inner strong{font-weight:300!important}
.blog_main{width:100%;padding:30px 0;border-bottom:1px solid #c1c1c1;background:#fff;-webkit-transition:all .5s;transition:all .5s}
.innerblog{border-bottom:0 solid #c1c1c1}
.blog_main p{text-align:center;font-size:14px}
.blog_main h3{margin-top:10px;margin-bottom:10px;text-align:center;font-weight:300}
.blog_main:hover{background:#fc732b;color:#fff}
.artist_top.blog{margin-bottom:4.5em}
.mobile_slider{width:204px;height:415px;background:url(../images/mobile.png) center center no-repeat;background-size:100% auto;padding:65px 17px;box-sizing:border-box;position:relative;margin:0 auto}
.devloper_image img{width:200px}
.home_contact{margin-top:0}
.contact-form-holder{width:400px;background:#fff;padding-bottom:100px;position:absolute;left:50%;bottom:100px;z-indext:1;margin-left:-200px;-webkit-transition:1s;transition:1s;box-shadow:0 0 4px rgba(0,0,0,.3)}
.envelop-back,.envelop-front{position:absolute;left:50%;margin-left:-243px;width:486px}
.contact-form-holder.animate{bottom:200px}
.envelop-back{background:url(../images/envelop_back.png) no-repeat;height:538px;bottom:0;z-index:0}
.envelop-front{background:url(../images/envelop_front.png) no-repeat;height:325px;bottom:0;z-index:2}
.contact_image{background-repeat:no-repeat;width:486px;height:539px;background-size:100% auto;max-width:100%;margin:5em auto 0;position:relative}
.user_text,.user_text1{border-top:0;border-left:0;border-right:0;border-bottom:1px solid #000;height:22px;outline:0}
.footer,.footer p{margin-top:1em}
.homecontact_form{padding:25px}
.user_text{width:90px}
.user_text1{width:165px}
.user_message{resize:none;outline:0;border:none;width:100%;background:url(../images/contact-form-lines.png) left 0 local;line-height:20px;max-height:100px}
.form_button{width:100px;height:36px;padding:0 16px;border-radius:20px;border:0;color:#fff;text-align:left;background-color:#83dea3;font-size:18px;font-weight:300;outline:0;background-image:url(../images/footer_icon.png);background-repeat:no-repeat;background-position:70px 11px}
.footer p,.form{text-align:center}
.footer img{width:100%}
.footer p{font-weight:300;font-size:15px;color:#8492a6}
.homecontact_form p{font-size:17px;font-family:mv_boliregular,sans-serif}
.form{font-family:FaktProSoft,sans-serif}
.mobile-menu-trigger,.nav{display:none}
.artist_img.client{padding-top:2em}
.footer_border{border-top:2px solid #303039;margin-top:2em}
.footer_border span{text-align:center;display:block;margin-top:-11px}
.common,.common_mantra{margin:0 auto;float:left;width:100%}
.footer_border span em{display:inline-block; background:#fff; padding:0 5px; font-style:normal;font-size:17px;font-weight:500;color:#4c525a}
.artist_top.section-title.active p,.home-contact{color:#8492a6}
.team .footer_border span em{background:#f7f7f7}
.common{padding-top:6em}
.home-contact,.left_contact h2{margin-bottom:0;margin-top:6px;text-align:right}
.left_contact{padding-top:15em}
.left_contact h2{font-size:29px;font-weight:500}
.home-contact{font-size:24px;font-weight:300;display:block}

.analog .meridiem{margin-top:90px;font-size:11px;font-weight:500;color:#333;display:inline-block}
.office-section h2{font-weight:400;color:#4c525a;text-align:center;font-size:2.5em;padding:0 15px;position:relative;text-transform:uppercase}
.office-section .section-subtext{font-weight:300;font-size:18px}
.office-section .section-subtext strong{font-weight:300!important}
.office-section .address-outer{margin-top:80px}
.office-section .address-tabs{list-style:none;padding:0;margin:0 0 80px;text-align:center}
.office-section .address-tabs:after{content:"";display:block;clear:both}
.office-section .address-tabs li{display:inline-block;padding:0 10px;max-width:19%}
.office-section .address-tabs li a{display:block;position:relative;transform:scale(0.9);transition:all .3s ease-out;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.office-section .address-tabs li a img{display:block;max-width:100%;width:100%}
.office-section .address-tabs li span{display:block;position:absolute;width:100%;text-align:center;top:20px;color:#fff;text-decoration:none;font-size:20px;font-weight:700;text-transform:uppercase}
.office-section .address-tabs li a:hover{transform:scale(.8)}
.office-section .address-tabs li.active a{transform:scale(1)!important}
.office-section .address-tab-content{display:none;padding:0 100px;margin:0 0 100px}
.office-section .address-tab-content:after{content:"";display:block;clear:both}
.office-section .address-tab-content.active{display:block}
.office-section .address-tab-content .clock{width:285px;padding:10px;float:left}
.office-section .address-tab-content .content{margin-left:330px;font-size:27px;text-align:left}
.office-section .address-tab-content .content h3{font-size:25px;font-weight:300;color:#ff6c12;margin:0 0 25px}
.office-section .address-tab-content .content h3 span{display:inline-block;border-bottom:solid 2px #ff6c12;padding:0 0 10px;text-transform:uppercase}
.office-section .address-tab-content .content a{color:#000;font-size:25px;margin-bottom:10px;display:block}
.office-section .address-tab-content .content a.address{background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQyNi42NjcgNDI2LjY2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDI2LjY2NyA0MjYuNjY3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTIxMy4zMzMsMEMxMzAuODgsMCw2NCw2Ni44OCw2NCwxNDkuMzMzYzAsMTEyLDE0OS4zMzMsMjc3LjMzMywxNDkuMzMzLDI3Ny4zMzNzMTQ5LjMzMy0xNjUuMzMzLDE0OS4zMzMtMjc3LjMzMyAgICBDMzYyLjY2Nyw2Ni44OCwyOTUuNzg3LDAsMjEzLjMzMywweiBNMjEzLjMzMywyMDIuNjY3Yy0yOS40NCwwLTUzLjMzMy0yMy44OTMtNTMuMzMzLTUzLjMzM1MxODMuODkzLDk2LDIxMy4zMzMsOTYgICAgczUzLjMzMywyMy44OTMsNTMuMzMzLDUzLjMzM1MyNDIuNzczLDIwMi42NjcsMjEzLjMzMywyMDIuNjY3eiIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);background-repeat:no-repeat;background-size:28px auto;padding-left:33px;background-position:-3px 0;min-height:30px}
.office-section .address-tab-content .content p{text-align:left;color:#000}
.office-section .address-tab-content .content p.email span{background:url(../images/email.jpg) no-repeat center;width:22px;height:20px;display:inline-block;margin-right:12px;vertical-align:middle}
.office-section .address-tab-content .content p.phone span{background:url(../images/phone.png) no-repeat center;width:20px;height:20px;display:inline-block;margin-right:12px;vertical-align:middle}
.office-section .clock .analog{background:url(../images/clockface-new.png);transform:scale(1)}
.office-section .clock .analog .hour{background:url(../images/hourhand-new.png) no-repeat}
.office-section .clock .analog .min{background:url(../images/minhand-new.png) no-repeat}
.widget.item-absolute .grids{background-repeat: repeat!important; background-position: left top!important;background-size: cover!important;   padding: 25px;}
.widget.item-absolute .grids:before{content: '';background-size: cover!important;box-shadow: 0px 14px 42px 0px rgba(0,0,0,0.24)!important;
    padding: 25px; position: absolute; left: 15px;right: 15px; bottom: 0px;top: 0px;}
.widget.item-absolute .grids.center:before{content: '';top:-25px;bottom:-25px;}
.widget.item-absolute .grids.center{padding:0px 25px 0px;}
.widget.item-absolute .col-md-4{float:none;}	
.widget.item-absolute .contents.row{display:flex;}
.widget.item-absolute .grids p{ font-size: 16px;line-height: 30px;min-height: 270px;}
.widget.item-absolute .grids h3{font-size: 22px;line-height: 33px;text-align:center;}
.widget.item-absolute{margin:60px 0px 10px;}
.widget.item-absolute span{font-size: 20px;  font-weight: 500;text-align: center; display: block;    line-height: 30px;}
.widget.item-absolute .companyLogo{text-align: center;}
.widget.item-absolute .companyLogo img{width: auto;margin: 0px auto;}
/*Office address - New design end*/
.mantra_left h2{font-weight:500;font-size:2em;color:#4c525a}
.mantra_left p{color:#8492a6;padding-bottom:10px;font-weight:300;letter-spacing:1px;line-height:1.3;text-align:justify;font-size:18px}
.mantra_right{float:right;text-align:center}
.ios .mantra_right{float:left;text-align:center}
.mantra{margin-bottom:3em}
.mantra_outer{padding-top:7em;padding-bottom:6em}
.contact_border hr{width:100%;border-bottom:1px solid #ccc;float:left}
.header_outer.team_header{background:#f7f7f7}
.team_outer{padding-top:10em;background-color:#f7f7f7}
.our_team{margin:0 auto 5em;width:300px;height:auto;background:#fff;border-radius:6px;box-shadow:-3px 4px 5px #d7d7d7;padding-bottom:3em;max-width:100%}
.circle_shadow{padding-top:13px;padding-right:18px}
.circle_team{width:20px;float:right;height:20px;display:inline-block;border-radius:10px;border:1px solid #f7f7f7;box-shadow:inset -1px 3px 4px #c7c7c7;background:#f7f7f7}
.team_img{padding-top:30px;text-align:center}
.our_team_bottom{padding:5px 20px}
.our_team_bottom p{font-weight:500;font-size:14px;color:#4c525a}
.our_team_bottom h2{font-weight:500;font-size:20px;margin-top:0;color:#8492a6}
.progress{background-color:#f7f7f7;width:260px;height:8px;margin-bottom:5px;max-width:100%}
.progress_bar{padding:6px 20px}
.progress_bar p{color:#4c525a;font-weight:500;font-size:12px;text-align:left;margin-bottom:5px}
.text_right{margin:0;font-weight:500;font-size:12px;color:#bebdbd;display:none;float:right}
.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#fc732b;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}
.locaton_nav ul li a,.services_nav ul li a,.team_nav ul li a{font-size:18px;line-height:2;font-weight:500;text-decoration:none}
.team.outer{background:#f7f7f7;padding-bottom:10px}
.header_outer.about{background:0 0}
.team_nav{text-align:center;width:100%;position:fixed;display:none;height:42px;bottom:0}
.team_nav.about{background:0 0;border-top:0 solid #ccc;position:relative;margin-top:-40px;display:none}
.team_nav.about.fixed{position:fixed;top:0;margin:0;z-index:100;background:#fff;background:rgba(255,255,255,.7)}
.locaton_nav,.services_nav{width:100%;position:fixed;background:#fff;height:42px;text-align:center;bottom:0;z-index:1}
.header_outer{top:0}
.header_outer.remove{top:-150px}
.team_nav ul{margin:0;padding:0}
.team_nav ul li{list-style:none;display:inline-block;padding-right:30px}
.team_nav ul li a{display:block;color:#8492a6}
.team_nav ul li a:hover{border-bottom:2px solid #7323dd;color:#000}
.team_nav ul li a.active{border-bottom:2px solid #7323dd;color:#4c525a}
.locaton_nav{border-top:solid 1px #ccc}
.locaton_nav ul{margin:0;padding:0}
.locaton_nav ul li{list-style:none;display:inline-block;padding-right:30px}
.locaton_nav ul li a{display:block;color:#8492a6}
.locaton_nav ul li a.active,.locaton_nav ul li a:hover{border-bottom:2px solid #7323dd;color:#4c525a}
.services_nav{padding-top:3px;border-top:1px solid #ccc}
.services_nav ul{margin:0;padding:0}
.services_nav ul li{list-style:none;display:inline-block;padding:0 20px}
.services_nav ul li a{display:block;color:#8492a6}
.services_nav ul li a.active,.services_nav ul li a:hover{border-bottom:2px solid #7323dd;color:#4c525a}
.main_circle{margin:8em auto 0;width:980px;position:relative}
.left_outer{width:600px;text-align:center;float:left;margin-right:-110px}
.left_outer p{color:#666;font-size:20px;font-weight:500}
.left_circle{width:600px;height:600px;border-radius:300px;float:left;border:3px solid #666;}
.left_circle_text{padding-left:13%;float:left;padding-top:26%}
.left_circle_text p{padding-top:6px;padding-bottom:6px;color:#4c525a;width:100%;text-align:left;margin:0;float:left;font-size:14px;font-weight:500}
.left_circle_text hr{width:18px;border:3px solid #e7e7e8;float:left;margin:10px 0;border-radius:4px}
.right_outer p{color:#666;font-size:20px;font-weight:500;text-align:center}
.center_circle_text p,.right_circle p{padding-bottom:6px;font-size:14px;font-weight:500}
.right_circle p{color:#666;width:100%;padding-top:6px;margin:0;float:right;text-align:right}
.right_outer{width:600px;text-align:center;float:left;margin-left:-110px}
.right_circle_text{padding-right:13%;float:right;padding-top:26%}
.right_circle_text hr{width:18px;border:3px solid #e7e7e8;float:right;margin:10px 0;border-radius:4px}
.right_circle{width:600px;float:left;max-width:100%;border-radius:300px;height:600px;border:3px solid #666;overflow:hidden;position:relative}
.center_outer{width:400px;text-align:center;height:400px;border-radius:200px;position:absolute;left:50%;z-index:1;top:100px;margin-left:-200px}
.section-title,.section-title hr{position:relative}
.center_circle{width:600px;margin-top:-1px;border-radius:300px;height:595px;background:#5e5865;margin-left:-385px}
.center_circle_text p{padding-top:6px;color:#fff;text-align:center}
.center_circle_text{padding-top:6.5em}
.center_circle_text hr{width:18px;border:3px solid #848287;margin:10px auto;border-radius:4px}
.work_section_outer{width:100%;float:left;margin-top:4em;margin-bottom:2em}
.mantra_right img{max-width:100%}
.inner_service_top h2{color:#4c525a;text-align:center;font-size:2.5em;font-weight:500;margin-bottom:.5em}
.inner_service_top h1{color:#4c525a;text-align:center;font-size:2.5em;font-weight:500;margin-bottom:.5em}
.inner_service_top h4{text-align:center;font-size:1.5em;color:#8492a6;font-weight:300;margin:3px 0;line-height:1.4em}
.blog_inner p,.blog_post{color:#fff}
.development p,.maintance p,.marketing p,.outer_services p,.strategy p{letter-spacing:0;line-height:1.6;text-align:justify;font-size:15px;font-weight:300}

.outer_servics{padding-top:12em; padding-bottom:0}

.contact-page .outer_servics{padding-top:0;padding-bottom:4em}
.outer_services{padding-top:3em;margin-bottom:3em}
.marketing_outer{padding-top:12em}
.outer_services p{padding:10px 0 10px}
.development p,.maintance p,.marketing p,.strategy p{padding:0 15px 10px}

.blog_inner h3,
.blog_inner p,
.blog_post,
.faq .help-service,
.inner_contact_center h3,
p {text-align: center}
.sub_heading{width:990px;max-width:100%;margin:0 auto;padding:0 15px}
.blog_outer{width:100%;padding:15px;height:auto;background:#fc732b}
.blog_inner{width:100%;height:auto;padding-top:6em;padding-bottom:11em;border:1px solid #fff}
.blog_inner h3{margin-top:10px;margin-bottom:10px;color:#fff;font-weight:300}
.blog_post{margin-top:1em;font-size:17px}
.team{background:#f7f7f7}
.service_inner{display:none}
.section-title hr{z-index:1;-webkit-transition:all .5s ease;transition:all .5s ease;border:none;border-bottom:solid 6px #000;margin:0 auto;padding:0}
.section-title::before{content:" ";position:absolute;width:106px;height:100%;top:0;left:50%;margin-left:-53px;background:#fff;z-index:0;opacity:0;-webkit-transition:all .5s ease;transition:all .5s ease}
.section-title.active::before{width:100%;left:0;margin-left:0;opacity:1}

.section-title.active hr{width:100%;border-bottom:6px solid #fc732b}

.section-title.active h1{color:#fc732b}
.inner_contact_image_left{float:left;width:20%}
.inner_contact_center{float:left;width:60%;padding-top:6em}
.inner_contact_image_right{float:left;width:20%;padding-top:6em}
.inner_page_contact{margin-top:4em}
.inner_page_contact_img img{max-width:100%}
.inner_contact_center h3{font-size:2.5em;font-weight:500;margin-bottom:20px;color:#4c525a}
.inner_contact_center p{font-size:1.7em;font-weight:300;margin-bottom:20px;color:#8492a6}
.inner_contact_center h4{color:#7323de;font-weight:500;font-size:14px;text-align:center}
a.contact-link-button{padding:14px 30px;width:175px;display:inline-block;text-transform:uppercase;height:45px;border-radius:30px;border:1px solid #000;cursor:pointer;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;font-weight:700}
a.contact-link-button span{display:inline-block;vertical-align:middle;font-size:14px}
a.contact-link-button .right-arrow{background:url(../images/right-arrow.png) center no-repeat;height:15px;width:20px;float:right;background-size:17px;margin-left:10px}
.wheel,.wheel_inner{width:100%;position:absolute;left:0;top:0;height:100%;overflow:hidden}
a.contact-link-button:hover{border:1px solid #fc732b;background:#fc732b;color:#fff}
.wheel_inner{background:url(../images/wheel.png) center no-repeat;background-size:auto 100%;-webkit-animation:spin 120s linear infinite;animation:spin 120s linear infinite;opacity:.4}
.faq .help-service,.faq.faq-project .help-service{background:url(../images/faq-background.jpg) center no-repeat;z-index:1}
.faq .help-service{width:50%;height:100%;color:#fff;padding-top:90px;position:fixed;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.faq .help-service .help-service-section{margin-top:130px}
.faq .help-service h1{font-weight:lighter;font-size:40px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.faq .help-service p{font-size:21px;width:500px;margin:15px auto 0;opacity:.5;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.faq .help-service .help-service-image{width:255px;margin:45px auto 0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.faq .help-service .help-service-image img{max-width:100%;width:250px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.faq .faq-tools{float:right;width:50%;margin-top:130px}
.faq .faq-tools h2{color:#7b7b7b}
.faq .faq-tools p{text-align:left;font-size:16px}
.faq .faq-tools .faq-tools-section{margin-top:65px}
.faq .faq-tools .faq-tools-section .tools-detail{float:left;width:33.33%;text-align:center;padding:0 10px;margin-top:15px;cursor:pointer}
.faq .faq-tools .faq-tools-section .tools-detail h3{color:#5d5d5d;margin-bottom:8px}
.faq .faq-tools .faq-tools-section .tools-detail p{font-size:12px;color:#030201;opacity:.6;text-align:center;line-height:1.3;height:50px}
.faq-project{height:100%;position:relative}
.faq.faq-project .help-service{color:#fff;text-align:center;width:339px;background-size:cover;padding-top:5px;height:auto}
.faq.faq-project .help-service h1{font-weight:lighter;font-size:18px}
.faq.faq-project .help-service p{font-size:11px;width:auto;margin:10px auto 0;opacity:.5}
.faq.faq-project .help-service .help-service-image{width:213px;margin:15px auto 0}
.faq.faq-project .help-service .help-service-image img{max-width:100%;width:122px}
.faq.faq-project .upper-section{opacity:0;height:187px;overflow:hidden}
.faq .project-start{width:50%;position:absolute;z-index:0;height:calc(100% - 317px);top:317px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background:#eaeaea;overflow:auto}
.faq .project-start ul li{-webkit-transform:translate(0,50px);transform:translate(0,50px);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;opacity:0}
.faq.faq-project .project-start{width:339px}
.faq.faq-project .project-start ul li{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.faq.faq-project .project-start ul li:nth-child(1){-webkit-transition-delay:.1s;transition-delay:.1s}
.faq.faq-project .project-start ul li:nth-child(2){-webkit-transition-delay:.2s;transition-delay:.2s}
.faq.faq-project .project-start ul li:nth-child(3){-webkit-transition-delay:.3s;transition-delay:.3s}
.faq.faq-project .project-start ul li:nth-child(4){-webkit-transition-delay:.4s;transition-delay:.4s}
.faq.faq-project .project-start ul li:nth-child(5){-webkit-transition-delay:.5s;transition-delay:.5s}
.faq.faq-project .project-start ul li:nth-child(6){-webkit-transition-delay:.6s;transition-delay:.6s}
.faq.faq-project .project-start ul li:nth-child(7){-webkit-transition-delay:.7s;transition-delay:.7s}
.faq.faq-project .project-start ul li:nth-child(8){-webkit-transition-delay:.8s;transition-delay:.8s}
.faq.faq-project .project-start ul li:nth-child(9){-webkit-transition-delay:.9s;transition-delay:.9s}
.faq-project .project-start .faq-tools{width:100%;float:none;margin-top:0}
.faq-project .project-start .faq-tools ul{padding:0;margin:0}
.faq-project .project-start .faq-tools li{list-style:none}
.faq-project .faq-tools a{display:block;background:#eaeaea;border-bottom:dashed 1px #464d6e;padding:20px 25px 9px;cursor:pointer}
.faq-project .faq-tools a:hover{background:#f2f2f2}
.faq-project .faq-tools a.active{background:#fff}
.faq-project .faq-tools a .tool-image{float:left;width:52px}
.faq-project .faq-tools a .tool-image img{max-width:100%}
.faq-project .faq-tools a .tool-description{float:left;width:70%;margin-left:18px}
.faq-project .faq-tools a .tool-description p{font-size:11px;color:#030201;opacity:.6;line-height:1.3;text-align:left}
.faq-project .faq-tools a .tool-description h3{color:#5d5d5d;margin:3px 0 8px;font-size:1.09em}
.faq .faq-project .project-start-wrapper .question-section{top:100%;display:none;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transition-delay:.5s;transition-delay:.5s;-webkit-transform:translate(0,50px);transform:translate(0,50px)}
.faq.faq-project .project-start-wrapper .question-section{width:calc(100% - 339px);position:absolute;top:130px;bottom:0;left:339px;text-align:center;overflow:auto;display:block;-webkit-transform:translate(0,0);transform:translate(0,0);color:#00cd8c}
.copyright,.wheel_section .container{position:relative}
.faq.faq-project .project-start-wrapper .question-section .tab-content{width:55%;margin:0 auto}
.faq.faq-project .project-start-wrapper .question-section .answer-section{color:#000;margin-top:50px}
.faq.faq-project .project-start-wrapper .question-section .answers{color:#7c7c7c;margin:15px auto;font-weight:500}
.faq.faq-project .project-start-wrapper .question-section .answers h3{font-size:1.4em;opacity:.7}
.faq.faq-project .upper-section.display-section{display:none}
.faq.faq-project .project-start-wrapper ul.tabs li.current{background:#ededed;color:#222}
.faq.faq-project .project-start-wrapper .tab-content{display:none;padding:15px}
.faq.faq-project .project-start-wrapper .tab-content.current{display:inherit}
@media screen and (orientation:portrait) {
.wheel_inner{background-size:100% auto}
}
@-webkit-keyframes spin {
100%{-webkit-transform:rotate(360deg)}
}
@keyframes spin {
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.container .about{margin-top:200px}
.container .about h3{font-weight:500;font-size:2.5em;color:#4c525a;text-align:center}
.container .about p{text-align:center;font-size:24px;font-weight:300;color:#8492a6;margin-top:15px;max-width:100%;line-height:1.3}
.container .about .about-inner p{margin-bottom:20px}
.container .about .border{border-radius:2px;border-bottom:4px solid #7323de;width:75px;margin-top:30px}
.container .about .about-inner .border{border-radius:2px; border-bottom:4px solid #7323de;width:75px;margin:auto}
.menu_inner_left,.menu_inner_right{float:left;height:70px;width:50%}
.navbar-toggle{border-color:#fff;border-width:0;margin-right:0}
.navbar-toggle .icon-bar+.icon-bar{margin-top:6px}
.mobile-menu-trigger.scrolled .navbar-toggle .icon-bar,.mobile-menu-trigger.scrolled .navbar-toggle .icon-bar+.icon-bar{background:#333}
.mobile-menu-trigger.scrolled .navbar-toggle{border-color:#333}
.menu_inner_left{font-size:20px;color:#fff}
.menu_inner_left p{text-align:left;padding:10px 0 0 20px;font-weight:500}
.menu_inner_right img{width:26px;float:right;padding-top:12px;padding-right:10px;cursor:pointer}
.blog_img,.blog_text{float:left}
.homecontact_form .heading{font-size:17px;font-family:mv_boliregular,sans-serif;margin:0 0 15px;text-align:left}
.slider_img{padding-top:50px}
.blog_post{width:320px;margin:0 auto;max-width:100%}
.blog_text{padding-top:2em;line-height:.8}
.copyright{width:100%;height:auto;/*background:#f5f5f5;*/padding-top:50px}
.footer-logo-image{width:26%;height:100%;background:#000;text-align:center;top:0;position:absolute}
.footer-logo-image img{top:50%;position:absolute;left:50%;margin-top:-45px;margin-left:-55.5px}
.drop-icon{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #000;position:absolute;top:50%;right:-10px;margin-top:-10px}
.footer-title .heading{margin-top:0;font-size:17px;color:#fc732b;font-weight:500;margin-bottom:10px;text-align:left}
.footer-menu ul li a,.footer-services ul li a,.footer-social-icons ul li a{color:#8492a6;font-size:15px}
.footer-logo-section{width:40%;float:left;height:10px}
.footer-menu,.footer-services,.footer-social-icons{width:20%;float:left}
.footer-services ul{margin:0;padding:0}
.footer-services ul li{list-style:none;padding:3px 0}
.footer-menu ul{margin:0;padding:0}
.footer-menu ul li{list-style:none;padding:3px 0}
.footer-social-icons ul{margin:0;padding:0}
.footer-social-icons ul li{list-style:none;padding:3px 0}
.footer-copyright-text p,.sitemap-link a{text-align:left;font-size:13px;color:#8492a6}
.footer-bottom-section{margin-left:40%;margin-top:30px;padding-bottom:20px}
.footer-copyright-text{float:right;width:66.66%}
.footer-copyright-text p{margin:0}
.sitemap-link{float:left;width:33%}
.bottom_bar_left{float:left}
.bottom_bar_left p{font-weight:300;color:#fff;font-size:16px;padding-top:1.6em}
.bottom_bar_right{float:right}
.bottom_bar_right ul{margin:0;padding:0}
.bottom_bar_right ul li{float:left;list-style:none;padding:12px 12px 10px}
.bottom_bar_right ul li a{font-size:16px;display:block;line-height:3;padding:0 10px;text-decoration:none;font-weight:300;color:#fff}
.artistpage{padding-top:2em}
.artistpage1{padding-top:5em}
.artist4_left.artistpage1{margin-top:10em}
.artist_orgnized{padding-top:6em}
.stage .row{height:500px;margin:0}
#slider1_container1,.taylormade_slider_inner{width:800px;height:300px;text-align:center;max-width:100%}
#slider1_container1{position:relative}
.taylormade_slider_inner{cursor:move;position:absolute;top:0;left:50%;margin-left:-400px;overflow:hidden}
.about-inner{width:970px;margin:0 auto;max-width:100%;padding:0 15px;box-sizing:border-box}
.wheel_section{width:100%;height:100%;position: relative;}

.developer1{width:340px;height:340px;max-width:100%;padding-top:4em;margin:0 auto 4em;background:#fff;border-radius:5px;box-shadow:3px 4px 5px #d7d7d7}
.developer1 {
    max-width: 100%;
    padding: 50px 20px 30px;
    margin: 15px 0;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 27px rgb(12 77 161 / 11%);
    box-shadow: 0 0 27px rgb(12 77 161 / 11%);
    border: 1px solid #dde6f2;
}

.devloper_image{text-align:center}
.devloper_text{padding-top:2em}
.devloper_text p{color:#4c525a;text-align:center;font-size:18px;font-weight:500}
.developer_section{background:#f7f7f7;width:100%;height:auto}
.developer_inner{padding-top:40px;padding-bottom:4.5em}
.about-description{font-size:18px;width:762px;max-width:100%;padding:0 15px;margin:10px auto 50px;font-weight:300;color:#4c525a}
.banner_image img{max-width:100%}
.no_of_steps{text-align:justify;position:relative;margin-bottom:50px}
.filled_circle,.rounded_circle{border-radius:50px;text-align:center}
.step_1{margin-top:50px;position:relative}
.first.step_1{margin-top:58px}
.step_1 .step_images{float:left;width:50%}
.step_1 .step_text{float:right;width:43%;margin-right:14px}
.step_2 .step_text{float:left;width:42%;margin-left:36px}
.step_2 .step_images{float:right;width:50%}
.step_text h3{font-weight:500;margin-top: 15px; margin-bottom: 10px; font-size:1.8em;color:#4c525a;text-transform:uppercase}
.step_1 .step_images .circles{float:right;margin-right:30px;position:relative}
.step_2 .step_images .circles{float:left}
.filled_circle{width:57px;height:57px;background:#fc732b;float:left;margin-right:25px}
.first.filled_circle{margin-left:58px}
/*.filled_circle:hover{background:#fc732b}*/
.filled_circle img{width:54px;height:auto}
.filled_circle .image-circle1,.filled_circle .image-circle10,.filled_circle .image-circle11,.filled_circle .image-circle12,.filled_circle .image-circle13,.filled_circle .image-circle14,.filled_circle .image-circle2,.filled_circle .image-circle3,.filled_circle .image-circle4,.filled_circle .image-circle5,.filled_circle .image-circle6,.filled_circle .image-circle8,.filled_circle .image-circle9{height:100%;width:auto;background-position:center;background-repeat:no-repeat;background-size:100%}

.filled_circle .image-circle1{background-image:url(../images/compound.png)}
/*.filled_circle .image-circle1:hover{background-image:url(../images/compound_white.png)}*/
.filled_circle .image-circle2{background-image:url(../images/shape.png)}
/*.filled_circle .image-circle2:hover{background-image:url(../images/shape_white.png)}*/
.filled_circle .image-circle3{background-image:url(../images/folder.png)}
/*.filled_circle .image-circle3:hover{background-image:url(../images/folder_white.png)}*/
.filled_circle .image-circle4{background-image:url(../images/manage.png)}
/*.filled_circle .image-circle4:hover{background-image:url(../images/manage_white.png)}*/
.filled_circle .image-circle5{background-image:url(../images/arrow.png)}
/*.filled_circle .image-circle5:hover{background-image:url(../images/arrow_white.png)}*/
.filled_circle .image-circle6{background-image:url(../images/spects.png)}
/*.filled_circle .image-circle6:hover{background-image:url(../images/spects_white.png)}*/
.filled_circle .image-circle7{background-image:url(../images/diamond.png);height:100%;width:auto;background-position:center;background-repeat:no-repeat;background-size:100%}
/*.filled_circle .image-circle7:hover{background-image:url(../images/diamond_white.png)}*/
.filled_circle .image-circle8{background-image:url(../images/pen.png)}
/*.filled_circle .image-circle8:hover{background-image:url(../images/pen_white.png)}*/
.filled_circle .image-circle9{background-image:url(../images/circles.png)}
.filled_circle .image-circle9:hover{background-image:url(../images/circles_white.png)}
.filled_circle .image-circle10{background-image:url(../images/prototype.png)}
.filled_circle .image-circle10:hover{background-image:url(../images/prototype_white.png)}
.filled_circle .image-circle11{background-image:url(../images/monitor.png)}
.filled_circle .image-circle11:hover{background-image:url(../images/monitor_white.png)}
.filled_circle .image-circle12{background-image:url(../images/launch.png)}
.filled_circle .image-circle12:hover{background-image:url(../images/launch_white.png)}
.filled_circle .image-circle13{background-image:url(../images/marketing.png)}
.filled_circle .image-circle13:hover{background-image:url(../images/marketing_white.png)}
.filled_circle .image-circle14{background-image:url(../images/maintainance.png)}
.filled_circle .image-circle14:hover{background-image:url(../images/maintainance_white.png)}
.rounded_circle{float:left;width:57px;height:57px;border:2px solid #fc732b;background:#fff}
.rounded_circle p{margin-top:11px;font-size:30px;color:#fc732b;line-height:1.1em}
.step_1 .rounded_circle{position:absolute;right:-60px}
.step_2 .rounded_circle{position:absolute;left:-25px}
.step_1 .cover,.vertical-line{height:100%;position:absolute;left:50%;top:57px}
.step_1 .step_text p{text-align:justify; font-size:18px; padding-right:0; color:#8492a6; line-height: 1.4;}
.step_2 .step_text p{padding-left:0}
.step_2 .step_text h3{text-align:right}
.vertical-line{border:2px dashed #e2e2e4;}
.step_1 .cover{width:2px;border:solid #fff;}
.clear{clear:both}
.contact .row{margin-top:1em;text-align:left}
.contact .row h2{padding-top:1em;padding-bottom:.7em;margin-top:10px;margin-bottom:0;font-size:34px;text-align:right;font-weight:500}
.contact .row h3{margin-bottom:0;font-size:1.7em;font-weight:300;text-align:right;margin-top:6px;color:#8492a6}
.contact .row p{font-weight:500;text-align:right;margin-top:1em;font-size:14px;color:#fc732b}
.contact .row a.contact-link-button{padding:10px 30px}
.contact .row a.contact-link-button .right-arrow{height:21px}
.contact .row a:hover{border-bottom:2px solid #fc732b}
.contact .col-xs-4 img{max-width:100%}
.banner_image{padding-top:150px;text-align:center}
.container .banner_image{position:relative;padding-top:0;margin-top:75px;margin-bottom:100px}
.container .about{position:absolute;top:0;display:none;width:100%;left:0}
.about .container .about{display:block}
.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fc732b;border:1px solid #fc732b}
.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #000;border-radius:10px}
.carousel-indicators{bottom:-2em;z-index:0}
.inner_service_top .location{padding:0 15px}
.contact_location{margin:40px 0 0;width:45%;max-width:100%;float:left;text-align:center;position:relative}
.contact_location img{max-width:100%;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.contact_location span{display:block;position:absolute;width:100%;text-align:center;top:20px;color:#fff;font-size:20px;font-weight:700;text-transform:uppercase}
.contact-page .middle-section .contact-form{float:left;width:50%;padding:40px 15px 0;position:relative}
.contact-page .middle-section .contact-form .form-element{margin:0 0 20px}
.contact-page .middle-section .contact-form .form-element input[type=text],.contact-page .middle-section .contact-form .form-element textarea,input[type=tel],.contact-page .middle-section .contact-form .form-element select{width:100%;border:none;border-bottom:solid 1px #c5c5c5;padding:7px;resize:none;outline:0;-webkit-appearance:none;-webkit-border-radius:0;outline-width:0}
.contact-page .middle-section .contact-form .form-element select{outline-width:0;-webkit-appearance:none;-webkit-border-radius:0}
.form-element .selected{position:relative}
.form-element .selected:after{content:"";position:absolute;top:18px;right:0;bottom:0;padding:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #757575}
.placeholder{color:#757575}
.black{color:#333}
.contact-page .middle-section .contact-form .form-element textarea{height:80px}
.contact-page .middle-section .contact-form .form-element .button{position:static;border:1px solid #fc732b;background:0 0;color:#fc732b;width:155px;padding:12px 0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;text-transform:uppercase}
.contact-page .middle-section .contact-form .form-element .button:hover{background:#fc732b;color:#fff}
.contact-page .middle-section .contact-form .form-element input[type=text]:active,.contact-page .middle-section .contact-form .form-element input[type=text]:focus,.contact-page .middle-section .contact-form .form-element textarea:focus{outline:0;border-bottom-color:#fc732b}
.contact-page .middle-section .contact-form .form-element .button:active,.contact-page .middle-section .contact-form .form-element .button:focus{outline:0}
.contact-page .middle-section .contact-form .form-element.error input[type=text],.contact-page .middle-section .contact-form .form-element.error textarea{border-bottom:solid 1px red}
.contact-page .middle-section .contact-form .error-msg{display:none;padding:0 8px 15px;color:red;font-size:1.2em}
.contact-page .middle-section .contact-form .success-msg{display:none;position:absolute;left:0;right:0;bottom:0;top:0;background:#fff;font-size:1.5em;text-align:center}
.contact-page .middle-section .contact-form .success-msg div{width:80%;padding-top:100px;color:#45a21b;margin:0 auto}
.contact-page .middle-section .contact-form .loader{display:none;background:#fff;background:rgba(255,255,255,.7);position:absolute;left:0;right:0;bottom:0;top:0}
.cssload-container{width:100%;height:20px;text-align:center;position:absolute;left:0;top:50%;margin-top:-15px}
.cssload-double-torus{width:20px;height:20px;margin:0 auto;border:2px double;border-radius:50%;border-color:transparent rgba(0,0,0,.9) rgba(0,0,0,.9);animation:cssload-spin 690ms infinite linear;-o-animation:cssload-spin 690ms infinite linear;-ms-animation:cssload-spin 690ms infinite linear;-webkit-animation:cssload-spin 690ms infinite linear;-moz-animation:cssload-spin 690ms infinite linear}
@keyframes cssload-spin {
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes cssload-spin {
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.contact-page .location{text-align:center}
.contact-page .location p{text-align:center;font-size:1.3em;color:#8492a6}
.contact-page .location h2,.doha .location h2{margin-top:2px;font-weight:500;font-size:1.5em}
.contact-page .location h2{margin-bottom:0;padding-bottom:1em;color:#4c525a}
.contact-page .outer_servics.design .location h2{font-size:2.25em}
.doha .location h2{text-align:center;margin-bottom:1em}
.company_info{margin-top:12em;margin-bottom:0}
.company_info .container{border-bottom:1px solid #ccc}
.left_contact a{margin:2em 0 0;-webkit-transition:all .3s;transition:all .3s;display:inline-block;width:auto;padding:0 30px}
.footer_inner{margin-bottom:2em}
.common_contact{margin-top:2.5em;margin-bottom:2.5em;clear:both}
.service_red{color:#e26749}
.service_yellow{color:#fc6}
.service_blue{color:#48c1c5}
.work-section{width:100%;min-height:960px}
.project_text_section{width:50%;float:right}
.project_img_section{width:45%;padding-top:14em}
.project_img_section img{max-width:100%}
.project_logo{text-align:center}
.project_inner_text{margin-top:4em;padding:0 10px}
.project_inner_text p{color:#fff;font-size:29px;font-weight:300;text-align:left}
.common_project{margin-top:15em}
.fakhroo .common_project,.findmii .common_project,.keyplace .common_project,.monch .common_project{margin-top:10em}
.project_button{padding:8em 10px 0;text-align:center}
.project_button img{max-width:100%}
.button_space{margin-right:2em}
.fixsir{background:url(../images/fixer_project.gif);background-size:cover}
.panic{background:url(../images/panic.jpg);background-size:cover}
.keyplace{background:url(../images/keyplace.jpg);background-size:cover}
.fakhroo{background:url(../images/fakhroo.jpg);background-size:cover}
.yadda{background:url(../images/yadda_cover.png)}
.yappr{background:url(../images/yappr.jpg);background-size:cover}
.findmii{background:url(../images/findmii.jpg);background-size:cover}
.yadda .project_img_section{float:left;padding-top:10em}
.yadda .project_text_section{width:50%}
.monch{background:url(../images/monch.jpg);background-size:cover}
.panic .project_text_section{width:50%;float:left}
.panic .project_img_section{float:right;text-align:right}
.yap{background:url(../images/yap_cover.jpg)}
.yap .project_text_section{width:50%;float:left}
.yap .project_img_section{float:right;text-align:right}
.fakhroo .project_text_section{width:50%;float:left}
.fakhroo .project_img_section{float:right;text-align:right}
.findmii .project_text_section{width:50%;float:left}
.fakhroo .project_img_section,.keyplace .project_img_section,.monch .project_img_section,.yappr .project_img_section{width:45%;padding-top:10em}
.findmii .project_img_section{float:right;text-align:right;width:45%;padding-top:10em}
.yappr .common_project{margin-top:6em}
.section-nav{position:fixed;right:30px;top:50%;margin-top:-100px;z-index:1;width:35px}
.section-nav a{display:block;float:right;border:2px solid #fff;height:36px;width:36px;margin-bottom:5px;-webkit-transition:all .3s .2s ease-out;transition:all .3s .2s ease-out;text-transform:uppercase;font-size:1.5em;line-height:34px;color:#fff}
.section-nav a span{display:block;opacity:0;padding:0 10px;text-align:right;-webkit-transition:all .2s 0 ease-out;transition:all .2s 0 ease-out;-webkit-transform:scale(1.4);transform:scale(1.4)}
.section-nav a:hover{-webkit-transition-delay:0;transition-delay:0}
.section-nav a.fixsir-nav-button.active,.section-nav a.fixsir-nav-button:hover{width:85px}
.section-nav a.yadda-nav-button.active,.section-nav a.yadda-nav-button:hover{width:98px}
.section-nav a.panic-nav-button.active,.section-nav a.panic-nav-button:hover{width:90px}
.section-nav a.yapyap-nav-button.active,.section-nav a.yapyap-nav-button:hover{width:112px}
.section-nav a.fakhroo-nav-button.active,.section-nav a.fakhroo-nav-button:hover,.section-nav a.keyplace-nav-button.active,.section-nav a.keyplace-nav-button:hover{width:125px}
.section-nav a.yappr-nav-button.active,.section-nav a.yappr-nav-button:hover{width:90px}
.section-nav a.findmii-nav-button.active,.section-nav a.findmii-nav-button:hover,.section-nav a.monch-nav-button.active,.section-nav a.monch-nav-button:hover{width:100px}
.section-nav a:hover span{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-delay:.2s;transition-delay:.2s}
.section-nav a.active span{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-delay:.4s;transition-delay:.4s}
#slider1_container{top:0;left:0;width:225px;height:398px}
#slider1_container .slide{cursor:move;position:absolute;left:16px;top:60px;width:225px;height:398px;overflow:hidden}
.success-stories .success-image{display:none}
.success-stories{    border: 0px solid #b2bed0;
    margin: 195px 0;
    padding: 40px 40px 40px 40px;
    position: relative;
    background: rgba(252, 115, 43, 0.2);
    text-align: center;}
.success-stories .success-story-content .heading{margin-top:20px;margin-bottom:10px;font-weight:500;color:#333;font-size:1.5em}
.success-stories h1{color:#4c525a;font-weight:500;font-size:29px}
.success-stories p{    color: #000000;
    font-size: 20px;
    text-align: center;
    line-height: 38px;
    width: 100%;
    margin-top: 25px;}
.success-stories a{color:#fc732b;vertical-align:top;display:inline-block;font-size:14px;font-weight:700;border:1px solid #fc732b;padding:10px 0;border-radius:30px;width:180px;text-align:center;-webkit-transition:all .3s;transition:all .3s;margin-top:2em;margin-right:5px;text-transform:uppercase}
.success-stories a:hover{background:#fc732b;color:#fff;border:1px solid transparent}
.success-story-image{position:absolute;width:360px;height:360px;right:-50px;top:-50px;background:#fff}
.success-story-image .middle-circle,.success-story-image .outer-circle{width:100%;position:absolute;text-align:center}
.success-story-image .outer-circle .circle-image{top:0;border-radius:50%}
.success-story-image .outer-circle .circle-icon{position:absolute;right:140px;top:-20px}
.success-story-image .middle-circle{top:42px}
.success-story-image .middle-circle .circle-icon{position:absolute;right:244px;top:11px}
.success-story-image .outer-circle .circle-image img{width:360px;max-width:100%}
.success-story-image .inner-circle .circle-image .circle-icon img,.success-story-image .middle-circle .circle-image .circle-icon img,.success-story-image .outer-circle .circle-image .circle-icon img{width:41px}
.success-story-image .middle-circle .circle-image img{width:275px;max-width:100%}
.success-story-image .inner-circle{position:absolute;width:100%;text-align:center;top:85px}
.success-story-image .inner-circle .circle-image img{width:190px;max-width:100%}
.success-story-image .inner-circle .circle-icon{position:absolute;right:203px;top:-5px}
.success-story-image .inner-filled-circle-wrapper{position:absolute;width:100%;text-align:center;top:132px;left:133px}
.success-story-image .inner-filled-circle{height:95px;width:95px;border-radius:50%;background:#f36d26;text-align:center}
.success-story-image .inner-filled-circle-wrapper .circle-icon{position:absolute;top:45px}
.success-story-image .inner-filled-circle-wrapper .inner-icon{position:absolute;right:291px;top:31px}
.success-story-image .inner-filled-circle-wrapper .inner-icon img{width:41px}
.success-story-image .inner-filled-circle img{width:36px;padding:25px 0}
.outer-circle .circle-image{-webkit-animation:spin 4s linear infinite;animation:spin 4s linear infinite}
@keyframes spin {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.circle-image.anticlock{-webkit-animation:anticlock 3s linear infinite;animation:anticlock 3s linear infinite}
@-webkit-keyframes anticlock {
0%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes anticlock {
0%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
.inner-filled-circle{-webkit-animation:anticlock 5s linear infinite;animation:anticlock 5s linear infinite}
.inner-icon img{-webkit-animation:scale-image 1s linear infinite;animation:scale-image 1s linear infinite}
@-webkit-keyframes scale-image {
0%,100%{-webkit-transform:scale(.5);transform:scale(.5)}
50%{-webkit-transform:scale(1.5);transform:scale(1.5)}
}
@keyframes scale-image {
0%,100%{-webkit-transform:scale(.5);transform:scale(.5)}
50%{-webkit-transform:scale(1.5);transform:scale(1.5)}
}
.inner-circle .circle-image{-webkit-animation:spin 6s linear infinite;animation:spin 6s linear infinite}
.attach-file img{width:15px;opacity:.5}
.attach-file p{display:inline}
.loader-section{position:absolute;height:100%;width:100%;background:rgba(79,78,78,.6);top:0;left:0;z-index:2;overflow:hidden;display:none}
#floatingBarsG{position:absolute;width:60px;height:75px;left:50%;margin-left:-30px;top:50%;margin-top:-37px}
.blockG{position:absolute;background-color:#fff;width:10px;height:23px;border-radius:8px 8px 0 0;-o-border-radius:8px 8px 0 0;-ms-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;transform:scale(.4);-o-transform:scale(.4);-ms-transform:scale(.4);-webkit-transform:scale(.4);-moz-transform:scale(.4);animation-name:fadeG;-o-animation-name:fadeG;-ms-animation-name:fadeG;-webkit-animation-name:fadeG;-moz-animation-name:fadeG;animation-duration:1.2s;-o-animation-duration:1.2s;-ms-animation-duration:1.2s;-webkit-animation-duration:1.2s;-moz-animation-duration:1.2s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal}
#rotateG_01{left:0;top:27px;animation-delay:.45s;-o-animation-delay:.45s;-ms-animation-delay:.45s;-webkit-animation-delay:.45s;-moz-animation-delay:.45s;transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg)}
#rotateG_02{left:8px;top:10px;animation-delay:.6s;-o-animation-delay:.6s;-ms-animation-delay:.6s;-webkit-animation-delay:.6s;-moz-animation-delay:.6s;transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}
#rotateG_03{left:25px;top:3px;animation-delay:.75s;-o-animation-delay:.75s;-ms-animation-delay:.75s;-webkit-animation-delay:.75s;-moz-animation-delay:.75s;transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0)}
#rotateG_04{right:8px;top:10px;animation-delay:.9s;-o-animation-delay:.9s;-ms-animation-delay:.9s;-webkit-animation-delay:.9s;-moz-animation-delay:.9s;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}
#rotateG_05{right:0;top:27px;animation-delay:1.05s;-o-animation-delay:1.05s;-ms-animation-delay:1.05s;-webkit-animation-delay:1.05s;-moz-animation-delay:1.05s;transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
#rotateG_06{right:8px;bottom:7px;animation-delay:1.2s;-o-animation-delay:1.2s;-ms-animation-delay:1.2s;-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg)}
#rotateG_07{bottom:0;left:25px;animation-delay:1.35s;-o-animation-delay:1.35s;-ms-animation-delay:1.35s;-webkit-animation-delay:1.35s;-moz-animation-delay:1.35s;transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
#rotateG_08{left:8px;bottom:7px;animation-delay:1.5s;-o-animation-delay:1.5s;-ms-animation-delay:1.5s;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;transform:rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg)}
@keyframes fadeG {
0%{background-color:#000}
100%{background-color:#fff}
}
@-webkit-keyframes fadeG {
0%{background-color:#000}
100%{background-color:#fff}
}
.success-story-intro-section{height:100%;position:relative}
.success-story-intro-section .success-banner-content{position:absolute;width:100%;top:50%;margin-top:-100px}
.success-story-intro-section .success-banner-content .inner-holder{max-width:1055px;margin:0 auto;padding:0 15px;text-align:center}
.success-story-intro-section .border{border-top:none;height:2px;background:#fc732b;width:150px;margin:0 auto;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-name:stretchIn;animation-name:stretchIn;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}
@-webkit-keyframes stretchIn {
0%{width:1px}
100%{width:150px}
}
@keyframes stretchIn {
0%{width:1px}
100%{width:150px}
}
.success-story-intro-section h1{font-weight:500;font-size:5.7em}
.success-story-intro-section .banner-text{color:#8492a6;font-size:1.6em;margin-top:15px;-webkit-animation-delay:2.2s;animation-delay:2.2s;-webkit-animation-name:slideup;animation-name:slideup;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}
@-webkit-keyframes slideup {
0%{opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px)}
100%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes slideup {
0%{opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px)}
100%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
}
.success-story-intro-section h1 .animated{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}
.success-story-intro-section h1 .animated1{opacity:0}
.success-story-intro-section h1 .animated2{-webkit-animation-delay:.2s;animation-delay:.2s;opacity:0}
.success-story-intro-section h1 .animated3{-webkit-animation-delay:.3s;animation-delay:.3s;opacity:0}
.success-story-intro-section h1 .animated4{-webkit-animation-delay:.4s;animation-delay:.4s;opacity:0}
.success-story-intro-section h1 .animated5{-webkit-animation-delay:.5s;animation-delay:.5s;opacity:0}
.success-story-intro-section h1 .animated6{-webkit-animation-delay:.6s;animation-delay:.6s;opacity:0}
.success-story-intro-section h1 .animated7{-webkit-animation-delay:.7s;animation-delay:.7s;opacity:0}
.success-story-intro-section h1 .animated8{-webkit-animation-delay:.8s;animation-delay:.8s;opacity:0}
.success-story-intro-section h1 .animated9{-webkit-animation-delay:.9s;animation-delay:.9s;opacity:0}
.success-story-intro-section h1 .animated10{-webkit-animation-delay:1.1s;animation-delay:1.1s;opacity:0}
.success-story-intro-section h1 .animated11{-webkit-animation-delay:1.2s;animation-delay:1.2s;opacity:0}
.success-story-intro-section h1 .animated12{-webkit-animation-delay:1.3s;animation-delay:1.3s;opacity:0}
.success-story-intro-section h1 .animated13{-webkit-animation-delay:1.4s;animation-delay:1.4s;opacity:0}
.success-story-intro-section h1 .animated14{-webkit-animation-delay:1.5s;animation-delay:1.5s;opacity:0}
.success-story-intro-section h1 .animated15{-webkit-animation-delay:1.6s;animation-delay:1.6s;opacity:0}
.success-story-intro-section h1 .animated16{-webkit-animation-delay:1.7s;animation-delay:1.7s;opacity:0}
.success-story-intro-section h1 .animated17{-webkit-animation-delay:1.8s;animation-delay:1.8s;opacity:0}
.success-story-intro-section h1 .animated18{-webkit-animation-delay:1.9s;animation-delay:1.9s;opacity:0}
.success-story-intro-section h1 .animated19{-webkit-animation-delay:2s;animation-delay:2s;opacity:0}
.success-story-intro-section h1 .animated20{-webkit-animation-delay:2s;animation-delay:2.1s;opacity:0}
.success-story-intro-section h1 .animated21{-webkit-animation-delay:2s;animation-delay:2.2s;opacity:0}
.success-story-intro-section h1 .animated22{-webkit-animation-delay:2s;animation-delay:2.3s;opacity:0}
.success-story-intro-section h1 .animated23{-webkit-animation-delay:2s;animation-delay:2.4s;opacity:0}
.success-story-intro-section h1 .animated24{-webkit-animation-delay:2s;animation-delay:2.5s;opacity:0}
.success-story-intro-section h1 .animated25{-webkit-animation-delay:2s;animation-delay:2.6s;opacity:0}
.success-story-intro-section .apps-banner .app-panel .hero-video{min-width:100%;min-height:100%}
@-webkit-keyframes fadeIn {
0%{color:#000;opacity:0}
1%{color:#000;opacity:1}
100%{color:#4c525a;opacity:1}
}
@keyframes fadeIn {
0%{color:#000;opacity:0}
1%{color:#000;opacity:1}
100%{color:#4c525a;opacity:1}
}
.success-story-intro-section .scroll-down-indicator{width:100px;position:absolute;left:50%;margin-left:-50px;bottom:30px;text-align:center;-webkit-animation-name:slidedown;animation-name:slidedown;-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}
.success-story-intro-section .scroll-down-indicator .mouse-icon{width:28px;height:46px;border:2px solid #000;border-radius:13px;margin:0 auto 10px;padding:7px;cursor:pointer}
.success-story-intro-section .scroll-down-indicator .mouse-icon .mouse-wheel{width:2px;height:12px;background:#fc732b;margin:0 auto;-webkit-animation:up-down 1.5s infinite;animation:up-down 1.5s infinite}
.success-story-intro-section .scroll-down-indicator .text{font-size:1.2em;cursor:pointer}
@-webkit-keyframes up-down {
0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,15px);transform:translate(0,15px)}
}
@keyframes up-down {
0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(0,15px);transform:translate(0,15px)}
}
@-webkit-keyframes slidedown {
0%{opacity:0;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}
100%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes slidedown {
0%{opacity:0;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}
100%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
}

.solution-section{margin-top:300px;color:#fff;text-align:center}
.solution-section .solution-image{width:200px;margin:0 auto}
.solution-section .solution-text{margin-top:80px}
.solution-section .solution-counter{margin:50px auto 0;max-width:100%}
.solution-section .solution-counter .solution-counter1{float:left;margin:0 25px}
.solution-section .solution-counter .solution-counter1 .solution-number{font-size:75px;font-weight:400;color:red}
.solution-section .solution-counter .solution-counter1 p{margin:0;font-weight:700;color:#000}
.parallax-effact-section .parallax-section{position:relative}
.parallax-effact-section .parallax-frame{background:url(../images/scrollmagic-iphone.png) no-repeat;width:600px;height:428px;background-size:100%;margin:175px auto 0;position:relative;z-index:1}
.screen-outer{margin:0 auto 0 -209px;-webkit-perspective:2500px;perspective:2500px;width:375px;height:667px;position:absolute;left:50%;top:-152px}
.parallax-effact-section .parallax-slider{background:#00f;width:375px;height:667px;-webkit-transform:rotateX(48deg) rotateZ(-37.5deg) rotateY(-3deg) scale(.7) skewY(9deg);transform:rotateX(48deg) rotateZ(-37.5deg) rotateY(-3deg) scale(.7) skewY(9deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.parallax-effact-section .parallax-slider .parallax-background-image{background:url(../images/Superheroes-Strape.jpg) no-repeat;height:667px;width:3000px;background-size:auto 100%;margin-left:-1915px}
.internalpage-app .app-design-section{text-align:center;color:#fff;padding-top:105px}
.internalpage-app.panic-internal .app-design-section{margin-bottom:100px}
.internalpage-app .app-design-section .app-design{opacity:0}
.internalpage-app .app-design-section .app-design.slideup{opacity:1;animation-name:slideup2;animation-duration:.5s;animation-timing-function:ease-out}
.internalpage-app .app-design-section .app-design .title-br{margin-top:20px;float:left;text-align:center;width:100%}
.internalpage-app .app-design-section p{margin:22px auto 0}
.internalpage-app.oslete .app-design-section .app-design{margin-top:50px}
.internalpage-app .app-design-section .app-image{margin-top:35px;overflow:hidden;height:501px;max-width:600px;margin-right:auto;margin-left:auto;position:relative}
.internalpage-app .app-design-section .app-image .app-image1{height:100%;position:absolute;z-index:2;opacity:0;-webkit-transform:translate(100px,0);transform:translate(100px,0)}
.internalpage-app .app-design-section .app-image .app-image2{height:100%;position:absolute;z-index:1;opacity:0;-webkit-transform:translate(100px,0);transform:translate(100px,0)}
.internalpage-app .app-design-section .app-image .app-image3{position:absolute;height:100%;opacity:0;-webkit-transform:translate(100px,0);transform:translate(100px,0)}
.internalpage-app .app-design-section .app-image.add-image .app-image1{opacity:1;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;-webkit-transition-delay:.5s;transition-delay:.5s;-webkit-transform:translate(0,20px);transform:translate(0,0)}
.internalpage-app .app-design-section .app-image.add-image .app-image2{opacity:1;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform:translate(0,20px);transform:translate(0,0)}
.internalpage-app .app-design-section .app-image.add-image .app-image3{opacity:1;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;-webkit-transition-delay:0;transition-delay:0;-webkit-transform:translate(0,20px);transform:translate(0,0)}
.internalpage-app .app-design-section .app-image img{width:600px}
.the-result{text-align:center;margin:100px 0}
.the-result.slideup{opacity:1;-webkit-animation-name:slideup2;animation-name:slideup2;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
.the-result h3{font-size:65px;color:#eee;margin-bottom:40px}
.the-result p.result-description{width:100%;color:#999}
.internalpage-app.dice .the-result h2,.internalpage-app.dice .the-result p.result-description{text-align:center}
.the-result a img{width:200px;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.the-result a img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.the-result .app-links{margin-top:65px}
.the-result .screenshot-flexslider{display:none}
.the-result .screenshot-slider .screenshot-container{width:455px;margin:0 auto}
.the-result .screenshot-slider .slider-background-image{background:url(../images/scroll-slide.png) center no-repeat;background-size:cover;width:295px;height:520px;margin:35px auto 0;position:relative}
.the-result .screenshot-slider .slider-background-image .slide-images{position:absolute;top:75px;left:0;height:368px;overflow:hidden}
.the-result .screenshot-slider .slider-background-image .slide-images img{width:207px;height:368px}
.the-result .screenshot-slider .app-features .active-feature{position:absolute;left:145px;top:9px}
.the-result .screenshot-slider .active-feature .border{border-top:solid 1px #e3e3e3;width:0;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.the-result .screenshot-slider .active-feature .circle{height:10px;width:10px;border-radius:50%;background:#e3e3e3;margin-top:-5px;opacity:0;-webkit-transition:all 1s ease-out;transition:all 1s ease-out}
.the-result .screenshot-slider.screenshot-slide1 .feature1 .active-feature .border,.the-result .screenshot-slider.screenshot-slide10 .feature10 .active-feature .border,.the-result .screenshot-slider.screenshot-slide2 .feature2 .active-feature .border,.the-result .screenshot-slider.screenshot-slide3 .feature3 .active-feature .border,.the-result .screenshot-slider.screenshot-slide4 .feature4 .active-feature .border,.the-result .screenshot-slider.screenshot-slide6 .feature6 .active-feature .border,.the-result .screenshot-slider.screenshot-slide7 .feature7 .active-feature .border,.the-result .screenshot-slider.screenshot-slide8 .feature8 .active-feature .border,.the-result .screenshot-slider.screenshot-slide9 .feature9 .active-feature .border{width:113px}
.the-result .screenshot-slider.screenshot-slide1 .feature1 .active-feature .circle,.the-result .screenshot-slider.screenshot-slide10 .feature10 .active-feature .circle,.the-result .screenshot-slider.screenshot-slide2 .feature2 .active-feature .circle,.the-result .screenshot-slider.screenshot-slide3 .feature3 .active-feature .circle,.the-result .screenshot-slider.screenshot-slide4 .feature4 .active-feature .circle,.the-result .screenshot-slider.screenshot-slide6 .feature6 .active-feature .circle,.the-result .screenshot-slider.screenshot-slide7 .feature7 .active-feature .circle,.the-result .screenshot-slider.screenshot-slide8 .feature8 .active-feature .circle,.the-result .screenshot-slider.screenshot-slide9 .feature9 .active-feature .circle{opacity:1}
.the-result .screenshot-slider.screenshot-slide5 .feature5 .active-feature .border{width:113px}
.the-result .screenshot-slider.screenshot-slide5 .feature5 .active-feature .circle{opacity:1}
.the-result .screenshot-slider .app-features{float:left;width:50%;text-align:left;margin:35px 0 0}
.the-result .screenshot-slider .app-features .features-loop{height:112px;overflow:hidden}
.the-result .screenshot-slider .slider-section{float:left;width:50%}
.the-result .screenshot-slider ul{list-style:none;padding:0;width:146px}
.the-result .screenshot-slider ul li{margin:15px 0;position:relative}
.the-result .screenshot-slider ul li a{font-size:16px;color:#999;cursor:default;text-transform:uppercase}
.the-result .screenshot-slider ul li a:hover,.the-result .screenshot-slider.screenshot-slide1 ul li.feature1 a,.the-result .screenshot-slider.screenshot-slide10 ul li.feature10 a,.the-result .screenshot-slider.screenshot-slide2 ul li.feature2 a,.the-result .screenshot-slider.screenshot-slide3 ul li.feature3 a,.the-result .screenshot-slider.screenshot-slide4 ul li.feature4 a,.the-result .screenshot-slider.screenshot-slide5 ul li.feature5 a,.the-result .screenshot-slider.screenshot-slide6 ul li.feature6 a,.the-result .screenshot-slider.screenshot-slide7 ul li.feature7 a,.the-result .screenshot-slider.screenshot-slide8 ul li.feature8 a,.the-result .screenshot-slider.screenshot-slide9 ul li.feature9 a{color:#23527c}
.the-result .screenshot-slider .feature-description{float:right;width:29%;margin-top:180px;text-align:left}
.the-result .screenshot-slider .feature-description .feature-detail{height:180px;overflow:hidden;margin-top:140px}
.the-result .screenshot-slider .feature-description .feature-detail .feature-inner .feature-section{height:180px}
.the-result .screenshot-slider .feature-description h3{color:#000}
.the-result .screenshot-slider .feature-description p{text-align:left;font-size:15px;color:#000;width:84%;margin:0}
.app-footer{background:#000;padding:42px 0 30px;position:relative;z-index:0;min-height:215px}
.index-app-footer{position:fixed;width:100%;left:0;bottom:-250px}
.index-app-footer.show{bottom:0}
.app-footer .footer-left{float:left;width:60%}
.app-footer .flip-container{height:50px;width:50px;border-radius:50%;border:2px solid #7323de;text-align:center;padding:12px 13px}
.success-banner .app-footer .flip-container{padding:11px 0 0 1px}
.success-banner .app-footer .footer-left .flip-container img{width:3px}
.success-banner .app-footer .footer-text .footer-description{font-weight:500;letter-spacing:3px;display:inline-block}
.app-footer .footer-text .footer-description:hover{transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}
.flipper .footer-image img{width:23px}
.app-footer .footer-icon{float:left}
.app-footer .footer-text{float:left;margin-left:15px;text-align:left}
.app-footer .footer-text p{color:#fff;text-align:left;font-size:12px;margin-bottom:0}
.app-footer .footer-text .footer-description,.app-footer .footer-text .footer-description .footer-link{font-size:23px;margin-top:3px;color:#fff;display:block;font-weight:400}
.app-footer .footer-text .footer-description{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.app-footer .footer-text .bottom-border{border-top:solid 2px #7323de;width:25px}
.app-footer .footer-text .copy-right{margin-top:70px;color:#878787;font-size:12px;font-weight:400;letter-spacing:1px}
.success-banner .app-footer .footer-text a.copy-right{display:block;text-align:right}
.app-footer .footer-text a{display:inline-block}
.app-footer .footer-right{float:right;width:40%}
.app-footer .footer-right .top-link{float:right;margin-top:121px;font-size:12px;display:block}
.app-footer .footer-right .top-link span{color:#ccc;font-weight:400}
.app-footer .footer-right .top-link img{width:10px}
.app-footer .footer-right .footer-icon .back img{width:15px}
.internalpage-app.oslete .app-footer .footer-right .footer-icon .back img,.internalpage-app.tewton .app-footer .footer-right .footer-icon .back img,.internalpage-app.utone .app-footer .footer-right .footer-icon .back img{width:19px}
.internalpage-app.health-connect .app-footer .footer-right .footer-icon .back img{width:17px}
.internalpage-app.radiyo .app-footer .footer-right .footer-icon .back img{width:20px}
.app-footer .footer-right .flip-container{padding:10px 13px}
.app-footer .footer-right .flip-container .back{padding-left:1px}
.app-footer .footer-right .flip-container .back span{color:#fff;font-size:15px}
.internalpage-app.yap-yap .app-footer .footer-right .flip-container{padding:12px 9px 0}
.internalpage-app.yap-yap .app-footer .footer-right .flip-container .back img{width:auto}
.internalpage-app.souvice .app-footer .footer-right .footer-icon .back img{width:19px}
.internalpage-app.keyplace-inner .app-footer .footer-right .flip-container{padding:12px 13px}
.internalpage-app.keyplace-inner video{height:100%;width:100%;display:block}
.internalpage-app.keyplace-inner .keyplace-logo{position:absolute;top:120px;left:25px}
.flip-container{-webkit-perspective:1000px;perspective:1000px}
.flipper{-webkit-transition:.6s;transition:.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative}
.back,.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0}
.front{z-index:2;-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-animation-name:flip;animation-name:flip;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:2s;animation-duration:2s}
.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-animation-name:flipback;animation-name:flipback;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes flipback {
0%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
20%,49.9%{-webkit-transform:rotateY(0);transform:rotateY(0)}
50%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
100%,70%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
}
@keyframes flipback {
0%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
20%,49.9%{-webkit-transform:rotateY(0);transform:rotateY(0)}
50%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
100%,70%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
}
@-webkit-keyframes flip {
0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
20%,50%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}
100%,70%{-webkit-transform:rotateY(-360deg);transform:rotateY(-360deg)}
}
@keyframes flip {
0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
20%,50%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}
100%,70%{-webkit-transform:rotateY(-360deg);transform:rotateY(-360deg)}
}
.the-result .screenshot-slider.screenshot-slide1 .app-features .features-loop .feature-counter{margin-top:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide2 .app-features .features-loop .feature-counter{margin-top:-112px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide3 .app-features .features-loop .feature-counter{margin-top:-224px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide4 .app-features .features-loop .feature-counter{margin-top:-336px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide5 .app-features .features-loop .feature-counter{margin-top:-448px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide6 .app-features .features-loop .feature-counter{margin-top:-560px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide7 .app-features .features-loop .feature-counter{margin-top:-672px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide8 .app-features .features-loop .feature-counter{margin-top:-784px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide9 .app-features .features-loop .feature-counter{margin-top:-896px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide10 .app-features .features-loop .feature-counter{margin-top:-1008px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide1 .slider-background-image .slide-images .slide-screenshot{margin-top:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide2 .slider-background-image .slide-images .slide-screenshot{margin-top:-368px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide3 .slider-background-image .slide-images .slide-screenshot{margin-top:-736px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide4 .slider-background-image .slide-images .slide-screenshot{margin-top:-1104px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide5 .slider-background-image .slide-images .slide-screenshot{margin-top:-1472px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide6 .slider-background-image .slide-images .slide-screenshot{margin-top:-1840px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide7 .slider-background-image .slide-images .slide-screenshot{margin-top:-2208px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide8 .slider-background-image .slide-images .slide-screenshot{margin-top:-2576px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide9 .slider-background-image .slide-images .slide-screenshot{margin-top:-2944px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide10 .slider-background-image .slide-images .slide-screenshot{margin-top:-3312px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide1 .feature-description .feature-detail .feature-inner{margin-top:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide2 .feature-description .feature-detail .feature-inner{margin-top:-180px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide3 .feature-description .feature-detail .feature-inner{margin-top:-360px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide4 .feature-description .feature-detail .feature-inner{margin-top:-540px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide5 .feature-description .feature-detail .feature-inner{margin-top:-720px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide6 .feature-description .feature-detail .feature-inner{margin-top:-900px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide7 .feature-description .feature-detail .feature-inner{margin-top:-1080px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide8 .feature-description .feature-detail .feature-inner{margin-top:-1260px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide9 .feature-description .feature-detail .feature-inner{margin-top:-1440px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide10 .feature-description .feature-detail .feature-inner{margin-top:-1620px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.no-scroll{overflow:hidden!important}
.contact-popup{position:fixed;left:100%;top:0;width:100%;height:100%;z-index:50;background:rgba(0,0,0,.5);background-size:cover;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out;overflow-x:hidden;opacity:0}
.contact-popup.show{left:0;opacity:1}
.contact-popup .close-button{position:absolute;left:-30px;top:0;padding:3px 0 7px;width:30px;cursor:pointer;background:#000;display:none}
.contact-popup .close-button img{width:16px;height:auto}
.contact-popup .inner-holder{width:40%;height:100%;position:absolute;right:-40%;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
.contact-popup .inner-holder.show{right:0}
.contact-popup .inner-holder.show .close-button{display:block;text-align:center}
.contact-popup .inner-holder .inner-form{position:absolute;width:100%;background:#fff;min-height:100%}
.contact-popup form{text-align:left}
.contact-popup .inner-holder .inner-form .inner-container{padding:0 55px 55px;box-sizing:border-box}
.contact-popup .inner-holder .inner-form .inner-container .form-title{margin-top:35px}
.contact-popup .inner-holder .inner-form .inner-container .form-title p{font-size:25px}
.contact-popup .inner-holder .inner-form .inner-container select{width:100%;border:0;border-bottom:1px #c5c5c5 solid;color:#333;outline:0}
.contact-popup .inner-holder .inner-form .inner-container select:focus{border-bottom:solid 1px #fc732b;outline:0}
.contact-popup .inner-holder .inner-form .inner-container .form-element{margin:50px 0 0}
.contact-popup .inner-holder .inner-form .inner-container .form-element input{border:0;border-bottom:solid 1px #c5c5c5;width:100%;padding:7px;box-sizing:border-box;outline:0;color:#000}
.contact-popup .inner-holder .inner-form .inner-container .form-element.error-box .budget,.contact-popup .inner-holder .inner-form .inner-container .form-element.error-box .ui-button,.contact-popup .inner-holder .inner-form .inner-container .form-element.error-box a.ui-button,.contact-popup .inner-holder .inner-form .inner-container .form-element.error-box a:link.ui-button,.contact-popup .inner-holder .inner-form .inner-container .form-element.error-box a:visited.ui-button,.contact-popup .inner-holder .inner-form .inner-container .form-element.error-box input,.contact-popup .inner-holder .inner-form .inner-container .form-element.error-box select,.contact-popup .inner-holder .inner-form .inner-container .form-element.error-box textarea{border-bottom:solid 1px red}
.contact-popup .inner-holder .inner-form .inner-container .form-element input:focus{border-bottom:solid 1px #fc732b}
.contact-popup .inner-holder .inner-form .inner-container .form-element.half{width:50%;float:left}
.contact-popup .inner-holder .inner-form .inner-container .form-element.half.name{padding-right:5px}
.contact-popup .inner-holder .inner-form .inner-container .form-element.half.email{padding-left:5px}
.contact-popup .inner-holder .inner-form .inner-container .form-element .file-attachment input{border:none;opacity:0;z-index:2;position:relative}
.contact-popup .inner-holder .inner-form .inner-container .form-element .file-attachment{width:27px;float:right;overflow:hidden;margin:-65px 14px 0 0}
.contact-popup .inner-holder .inner-form .inner-container .form-element .file-attachment img{width:21px;margin-top:-59px;z-index:1;position:relative}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .budget-label{color:#000;text-align:left;float:left;display:inline;padding-top:5px}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget{position:relative;color:#000;border-bottom:solid 1px #c5c5c5;padding:5px 0 0 5px}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .radio-items{display:inline-block;position:relative;float:right}
#fp-nav{z-index:0}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .radio-items label{display:inline-block!important;border:none;background:0 0;font-size:16px;border-radius:0;margin:0;outline:0;padding:8px 19px;border-bottom:solid 2px transparent}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .radio-items input.ui-helper-hidden-accessible{width:1px;height:1px;visibility:hidden;position:absolute}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .radio-items label.ui-state-active{color:#fc732b;border-bottom:solid 2px #fc732b}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .list-items{float:right}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget ul{list-style:none}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget ul li{display:inline-block;margin:0 24px;font-size:16px;color:#969696}
.contact-popup .inner-holder .inner-form .inner-container .form-element textarea{width:100%;height:100px;resize:none;z-index:0;border:0;border-bottom:solid 1px #c5c5c5;padding:7px;box-sizing:border-box;outline:0;color:#000}
.contact-popup .inner-holder .inner-form .inner-container .form-element textarea:focus{border-bottom:solid 1px #fc732b;outline:0}
.contact-popup .inner-holder .inner-form .inner-container .submit{border:none;border:1px solid #fc732b;color:#fc732b;background:0 0;width:155px;padding:12px 0;border-radius:30px;font-size:17px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.contact-popup .inner-holder .inner-form .inner-container .submit-button{text-align:left;margin-top:30px}
.contact-popup .inner-holder .inner-form .inner-container .submit:hover{background:#fc732b;color:#fff;outline:0}
.contact-popup .inner-holder .inner-form .inner-container .form-title h3{font-size:2.6em;margin-bottom:0;line-height:1.1;text-align:left;font-weight:400}
.contact-popup h1{text-transform:uppercase;text-align:center}
.contact-popup .contact-form-section{width:45%;margin:0 auto}
.contact-popup label{display:none;outline:0}
.contact-popup .contact-form-section .form-element{margin-bottom:20px}
.contact-popup .contact-form-section .textbox{width:100%;box-sizing:border-box;padding:7px 15px;background:0 0;border:1px solid #929292;font-weight:400}
.contact-popup .contact-form-section .textbox:focus{background:#333}
.contact-popup .contact-form-section .textarea{width:100%;height:100px;box-sizing:border-box;padding:7px 15px;background:0 0;border:1px solid #929292;font-weight:400;resize:none}
.contact-popup .contact-form-section .textarea:focus{background:#333}
.contact-popup .contact-form-section .form-element .error-msg{color:red;font-size:.85em;padding:5px 0 0}
.contact-popup .success-msg{color:green;margin:-10px 0 20px}
.contact-popup .contact-form-section .cross-button{background:0 0;color:#fff;font-weight:400;border:1px solid #929292;text-transform:uppercase;padding:10px 30px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.contact-popup .contact-form-section .cross-button:hover{background:#fff;color:#333}
.contact-popup .contact-info-section{margin-left:55%}
.contact-popup .contact-info-section h2{text-transform:uppercase;font-size:22px;font-weight:700}
.contact-popup .contact-info-section a{text-decoration:underline;color:#fff}
.contact-popup .contact-info-section .contact-details{margin-bottom:20px}
.contact-popup .contact-info-section .social-links{padding-top:70px;margin-right:40px;float:left}
.contact-popup .contact-info-section .social-links a{display:inline-block;margin-right:30px;-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:all .1s ease-out;transition:all .1s ease-out}
.contact-popup .contact-info-section .social-links a:hover{-webkit-transform:scale(1);transform:scale(1)}
.contact-popup .contact-info-section .stamp{width:120px;float:left}
.contact-popup .contact-info-section .stamp img{max-width:100%}
.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{background:0 0;border:0;border-bottom:1px solid #c5c5c5;outline:0}
.ui-selectmenu-button.ui-button{width:100%;border-radius:0}
.ui-button{padding:.4em .3em}
.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:none;border-bottom:1px solid #c5c5c5}
.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{border:none;background:#fc732b}
.success-stories-inner-footer .inner-holder{max-width:800px;margin:0 auto}
.success-stories-inner-footer .top-link{text-align:center;margin-bottom:1px;left:0;bottom:0;width:100%;position:relative;height:32px}
.success-stories-inner-footer .top-link a{position:absolute;bottom:0;left:50%;margin-left:-37px;display:inline-block;padding:8px 15px 8px 35px;background:url(../images/top-arrow.png) 15px 12px no-repeat #666;color:#fff;text-transform:uppercase;font-size:12px;line-height:16px;-webkit-transition:all .1s ease-out;transition:all .1s ease-out}
.success-stories-inner-footer .top-link a:hover{padding-bottom:12px}
.success-stories-inner-footer .top-link a:active{-webkit-transform:scale(.95);transform:scale(.95)}
.success-stories-inner-footer.yap-yap .top-link a{background-color:#a067b6}
.success-stories-inner-footer.mymedi .top-link a{background-color:#3f7de4}
.success-stories-inner-footer.nlgic .top-link a{background-color:#3f4fa7}
.success-stories-inner-footer.health-connect .top-link a{background-color:#4c93a7}
.success-stories-inner-footer.souvice .top-link a{background-color:#fa2555}
.success-stories-inner-footer.lingo .top-link a{background-color:#dd2a7c}
.success-stories-inner-footer.aboki .top-link a{background-color:#212121}
.success-stories-inner-footer.panic-footer .top-link a{background-color:#1cb8b7}
.success-stories-inner-footer.keyplace-footer .top-link a{background-color:#1f0e44}
.success-stories-inner-footer.oslete .top-link a{background-color:#206285}
.success-stories-inner-footer.docsnap .top-link a{background-color:#0e9ca6}
.success-stories-inner-footer.dice .top-link a{background-color:#ac0203}
.success-stories-inner-footer.sthree .top-link a{background-color:#ea2d49}
.success-stories-inner-footer .next-project-link{height:260px;position:relative;padding:45px;background-color:#666;box-sizing:border-box;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.success-stories-inner-footer.yap-yap .next-project-link{background-image:url(../images/yapyap-footer-bg.jpg);background-size:100%;background-position:center;background-color:#a067b6}
.success-stories-inner-footer.mymedi .next-project-link{background-image:url(../images/mymedi-footer-bg.jpg);background-size:100%;background-position:center;background-color:#3f7de4}
.success-stories-inner-footer.nlgic .next-project-link{background-image:url(../images/nlgic-footer-bg.jpg);background-size:100%;background-position:center;background-color:#3f4fa7}
.success-stories-inner-footer.health-connect .next-project-link{background-image:url(../images/healthconnect-footer-bg.jpg);background-size:100%;background-position:center;background-color:#4c93a7}
.success-stories-inner-footer.souvice .next-project-link{background-image:url(../images/souvice-footer-bg.jpg);background-size:100%;background-position:center;background-color:#fa2555}
.success-stories-inner-footer.lingo .next-project-link{background-image:url(../images/lingo-footer-bg.jpg);background-size:100%;background-position:center;background-color:#dd2a7c}
.success-stories-inner-footer.playsport .next-project-link{background-image:url(../images/playsport-footer-bg.jpg);background-size:100%;background-position:center}
.success-stories-inner-footer.aboki .next-project-link{background-image:url(../images/aboki-footer-bg.jpg);background-size:100%;background-position:center;background-color:#212121}
.success-stories-inner-footer.panic-footer .next-project-link{background-image:url(../images/panic-footer-bg.jpg);background-size:100%;background-position:center;background-color:#1cb8b7}
.success-stories-inner-footer.dice .next-project-link{background-image:url(../images/dice-footer-bg.jpg);background-size:100%;background-position:center;background-color:#ac0203}
.success-stories-inner-footer.sthree .next-project-link{background-image:url(../images/sthree-footer-bg.jpg);background-size:100%;background-position:center;background-color:#ea2d49}
.success-stories-inner-footer.oslete .next-project-link{background-image:url(../images/oslete-footer-bg.jpg);background-size:100%;background-position:center;background-color:#206285}
.success-stories-inner-footer.docsnap .next-project-link{background-image:url(../images/docsnap-footer-bg.jpg);background-size:100%;background-position:center;background-color:#0e9ca6}
.success-stories-inner-footer.brezza .next-project-link{background-image:url(../images/brezaa-footer-bg.jpg);background-size:100%;background-position:center;background-color:#f87a52}
.success-stories-inner-footer .next-project-link .link-overlay{width:100%;height:100%;background:#fff;background:rgba(255,255,255,.1);box-shadow:0 0 15px rgba(0,0,0,.15)}
.success-stories-inner-footer .next-project-link a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;padding:85px 0 0;color:#fff;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.success-stories-inner-footer .next-project-link a span{display:block}
.success-stories-inner-footer .next-project-link a span.title{font-size:14px;letter-spacing:1px;text-transform:uppercase;margin:5px 0 7px;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.success-stories-inner-footer .next-project-link a span.line{height:1px;width:60px;background:#fff;margin:0 auto;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.success-stories-inner-footer .next-project-link a span.project-name{font-size:40px;margin-top:5px;font-weight:500;text-transform:uppercase;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.success-stories-inner-footer .next-project-link:hover{padding:0;background-size:110%}
.success-stories-inner-footer .next-project-link:hover .link-overlay{box-shadow:0 0 15px rgba(0,0,0,.15)}
.success-stories-inner-footer .next-project-link:hover a{padding-top:82px}
.success-stories-inner-footer .next-project-link:hover a span.title{margin-bottom:12px;letter-spacing:3px}
.success-stories-inner-footer .next-project-link:hover a span.line{width:80px}
.success-stories-inner-footer .next-project-link:hover a span.project-name{margin-top:8px;letter-spacing:3px}
.success-stories-inner-footer .next-project-link:active a{-webkit-transform:scale(.95);transform:scale(.95)}
.success-stories-inner-footer .get-a-quote-link{text-align:center;padding:10px 0}
.success-stories-inner-footer .get-a-quote-link a{display:inline-block;padding:10px 40px 10px 10px;font-size:20px;color:#000;font-weight:500;text-transform:uppercase;background:url(../images/right-arrow-bk.png) right center no-repeat;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.success-stories-inner-footer .get-a-quote-link a:hover{padding-right:48px}
.lab-animation .bulb{width:11%;position:absolute;left:7%;top:42%;background:#fff}
.lab-animation .bulb img{display:block;width:100%}
.lab-animation .gauges{width:16%;height:11%;position:absolute;left:4%;top:18.4%}
.lab-animation .gauge{width:6%;height:75%;background:url(../images/gauge-needle.png) center no-repeat;background-size:auto 100%;position:absolute;top:20%;-webkit-animation:gauge 10s ease infinite;animation:gauge 10s ease infinite;-webkit-transform:rotate(-80deg);transform:rotate(-80deg)}
.lab-animation .gauge1{left:10%;-webkit-animation-delay:.3s;animation-delay:.3s}
.lab-animation .gauge2{left:47%;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:13s;animation-duration:13s}
.lab-animation .gauge3{left:84%;-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-duration:11s;animation-duration:11s}
@-webkit-keyframes gauge {
0%,100%,40%,55%{-webkit-transform:rotate(-80deg);transform:rotate(-80deg)}
15%,25%,70%,80%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}
}
@keyframes gauge {
0%,100%,40%,55%{-webkit-transform:rotate(-80deg);transform:rotate(-80deg)}
15%,25%,70%,80%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}
}
.lab-animation{position:relative}
.lab-animation .bubbles{width:15%;height:36%;position:absolute;left:37.4%;top:34%;border-radius:50%;overflow:hidden}
.lab-animation .bubbles .bubble{width:10px;height:10px;background:#fff;border-radius:50%;position:absolute;bottom:-4%;-webkit-animation:bubble 1s linear infinite;animation:bubble 1s linear infinite}
.lab-animation .bubbles .bubble.bubble1{left:15%;width:5px;height:5px;-webkit-animation-delay:.2s;animation-delay:.2s}
.lab-animation .bubbles .bubble.bubble2{left:35%;-webkit-animation-delay:0;animation-delay:0}
.lab-animation .bubbles .bubble.bubble3{left:45%;width:7px;height:7px;-webkit-animation-delay:.3s;animation-delay:.3s}
.lab-animation .bubbles .bubble.bubble4{left:65%;-webkit-animation-delay:.1s;animation-delay:.1s}
.lab-animation .bubbles .bubble.bubble5{left:87%;width:6px;height:6px;-webkit-animation-delay:.5s;animation-delay:.5s}
.lab-animation .bubbles .frame{width:100%;height:3.1%;position:absolute;left:0;bottom:17.4%;background:#909090}
@-webkit-keyframes bubble {
0%{bottom:-4%}
90%{opacity:1}
100%{bottom:48%;opacity:0}
}
@keyframes bubble {
0%{bottom:-4%}
90%{opacity:1}
100%{bottom:48%;opacity:0}
}
.lab-animation .flame{width:1.5%;position:absolute;left:44.5%;top:70.5%}
.lab-animation .flame img{width:100%}
.lab-animation .drop-outer{width:.7%;height:32%;position:absolute;left:88.7%;top:44%}
.lab-animation .drop-outer .drop{width:70%;height:10%;background:#0ff;border-radius:100% 100% 50% 50%;position:absolute;top:10%;-webkit-animation:drop 3s linear infinite;animation:drop 3s linear infinite}
@-webkit-keyframes drop {
0%{height:2%;top:0}
70%{height:7%;top:5%}
85%{height:7%;top:100%;background:#b6f8f8}
90%{opacity:1;height:1%}
95%{opacity:0}
100%{top:100%;opacity:0}
}
@keyframes drop {
0%{height:2%;top:0}
70%{height:7%;top:5%}
85%{height:7%;top:100%;background:#b6f8f8}
90%{opacity:1;height:1%}
95%{opacity:0}
100%{top:100%;opacity:0}
}
.project_button a{margin:0 5px}
.page-content-section{padding-top:200px}
.page-content-section .inner-holder{max-width:1000px;font-size:1.3em;margin:0 auto}
.page-content-section .inner-holder p{text-align:left;margin-bottom:1.2em}
.page-content-section .inner-holder strong{font-weight:300!important}
.page-content-section .inner-holder h2 strong{font-weight:500!important}
.header_outer.header-up{top:-150px}
.header_outer.header-down{top:0}
.bottom-contact-tip{width:100%;position:fixed;left:0;bottom:-300px;padding:35px 50px;background:#fff;box-shadow:0 -20px 80px rgba(0,0,0,.2);z-index:100;font-size:1.2em;line-height:1.3em;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.bottom-contact-tip.show{bottom:0}
.bottom-contact-tip .inner-holder{width:1200px;max-width:100%;margin:0 auto}
.bottom-contact-tip .left-section{max-width:45%;float:left}
.bottom-contact-tip .left-section a{color:#fc732b;text-decoration:underline}
.bottom-contact-tip .email-form{max-width:50%;float:right;position:relative}
.bottom-contact-tip .email-form input[type=text]{border:none;border-bottom:solid 1px #999;padding:7px 10px;width:350px;outline:0}
.bottom-contact-tip .email-form .submit.error{border-bottom:solid 1px red}
.bottom-contact-tip .email-form input[type=text]:focus{outline:0;border-bottom:solid 1px #fc732b}
.bottom-contact-tip .email-form .submit{border-radius:30px;border:1px solid #fc732b;padding:10px 30px;background:0 0;color:#fc732b;outline:0}
.bottom-contact-tip .hide-tip{position:absolute;left:50%;top:-25px;height:25px;width:60px;margin:0 0 0 -30px;background:url(../images/down-arrow-close-bk.png) center 8px no-repeat #fff;border-radius:5px 5px 0 0;cursor:pointer;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}
.bottom-contact-tip .loader,.bottom-contact-tip .success-msg{position:absolute;right:0;top:0;display:none;bottom:0;left:0}
.bottom-contact-tip .hide-tip:hover{background-position:center 11px}
.bottom-contact-tip .success-msg{background:#fff}
.bottom-contact-tip .loader{background:#ccc}
.snapshots-section{background:#000;padding:100px 0}
.snapshots-section .container{width:85%}
.snapshots-section .section-header{margin-bottom:70px}
.snapshots-section .section-header .heading{text-align:left;font-size:3.5em;color:#fc732b;position:relative;padding-bottom:25px;text-transform:uppercase;font-weight:300;letter-spacing:2px;margin:0 0 30px}
.snapshots-section .section-header .heading:after{content:" ";display:block;width:130px;height:5px;background:#fc732b;position:absolute;bottom:0;left:0}
.snapshots-section .section-header p{text-align:left;width:100%;font-size:2em;color:#999;letter-spacing:1px;line-height:1.5em}
.snapshots-section .fact-stats-outer{font-size:1.8em;color:#666;text-transform:uppercase}
.snapshots-section .stat-col{width:31.33%;margin-right:2%;float:left;margin-bottom:70px}
.snapshots-section .stat-col-1{width:38.33%}
.snapshots-section .stat-col-2{width:34.33%}
.snapshots-section .stat-col-3{width:21.33%}
.snapshots-section .stat-count{font-size:2em;color:#fff;margin-bottom:15px}
.snapshots-section .stat-count div{display:inline-block}
.snapshots-section .stat-title{font-weight:400}
.media-highlights-section{background:#000;padding:100px 0}
.media-highlights-section .container{width:85%}
.media-highlights-section .section-header{margin-bottom:70px}
.media-highlights-section .section-header .heading{text-align:left;font-size:3.5em;color:#fc732b;position:relative;padding-bottom:25px;text-transform:uppercase;font-weight:300;letter-spacing:2px;margin:0 0 30px}
.media-highlights-section .section-header .heading:after{content:" ";display:block;width:130px;height:5px;background:#fc732b;position:absolute;bottom:0;left:0}
.media-highlights-section .section-header p{text-align:left;width:70%;font-size:2em;color:#999;letter-spacing:1px;line-height:1.5em}
.media-highlights-section .media-thumbs-outer .media-thumb{margin:30px 100px 20px 0;display:inline-block;vertical-align:middle}
.media-highlights-section .media-thumbs-outer .media-thumb:last-child{margin-right:0}
.media-highlights-section .media-thumbs-outer .media-thumb img{max-height:100px;max-width:200px}
.fp-auto-height.success-stories-inner-footer{padding-top:29px}


.homescreen-content .get-intouch{font-size:14px;color:#fc732b;display:inline-block;padding:0;background:#fff;border-radius:50px;position:absolute;bottom:30%;left:0;right:0;margin:auto;height:40px;width:150px;text-align:center;line-height:40px;font-weight:500;text-transform:uppercase}
.text_outer #testing{height:250px}
.homescreen-content .get-intouch span{-webkit-transition:.6s all ease-in-out;-o-transition:.6s all ease-in-out;transition:.6s all ease-in-out}
.homescreen-content .get-intouch:hover span,.text_outer #testing:hover .get-intouch span{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:block}
@-webkit-keyframes pulse {
from,to{-webkit-transform:scale3d(.95,.95,.95);transform:scale3d(.95,.95,.95)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
}
@keyframes pulse {
from,to{-webkit-transform:scale3d(.95,.95,.95);transform:scale3d(.95,.95,.95)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
.get-intouch-btn{width:200px;color:#fff; height:50px; position:relative; background:#fc732b; font-weight:700;font-size:14px;color:#fff;border-radius:30px;text-align:center;display:block; margin:25px auto;text-transform:uppercase;transition:.1s all;overflow:hidden}
.get-intouch-btn:after{content:'';position:absolute;top:0;left:-200%;width:200%;height:100%;-webkit-transform:skewX(-20deg);transform:skewX(-20deg);background-image:-webkit-linear-gradient(left,transparent,rgba(236,229,171,0.3),transparent);background-image:linear-gradient(to right,transparent,rgba(236,229,171,0.3),transparent);animation:shine 1.8s linear infinite}
.get-intouch-btn:active{-webkit-transform:translateY(1px);transform:translateY(1px);box-shadow:0 0 6px rgba(0,0,0,0.2)}
.snapshots-section .get-intouch-btn,.media-highlights-section .get-intouch-btn{float:right;margin:0}
.grid-left{float:left}
.snapshots-section .grid-left,.media-highlights-section .grid-left{width:70%}
.main-circle .service-content{top:0}
.main-circle .service-content .get-intouch-btn{margin:10px auto;margin-bottom:0;height:37px;line-height:37px;width:150px}
.artist_footer .get-intouch-btn{display:inline-block;vertical-align:top;height:56px;line-height:56px;margin:0 0 0 10px}
.how-it-works-content-outer .get-intouch-btn{margin:inherit;line-height:inherit;height:inherit}
.how-it-works-content-outer .get-intouch-btn:after{display:none}
.success-stories .get-intouch-btn{line-height:inherit;height:inherit;color:#fff}
.success-stories .get-intouch-btn:after{display:none}
.office-section .address-tab-content .content .get-intouch-btn{margin:20px 0 0;font-size:15px;line-height:40px;height:40px;width:185px;color:#fff}
.contact-popup .error-msg{font-size:13px;color:red;padding:5px 0 0}
#success_request_send .success-msg{padding:15px 20px;background:green;color:#fff;border:1px solid green;border-radius:5px;margin-top:15px;text-align:center;background:#26b727;font-size:20px;font-weight:500}
.black-bg .common_section_outer{background:#fff}
@media screen and (max-width:1800px) {
.projects-section .project-detail-section .project-detail .inner-holder{left:60px}
.projects-section .project-detail-section .project-detail .project-header h2{font-size:55px}
.projects-section .project-detail-section .project-detail#nlgic .project-header h2 img{height:60px}
.projects-section .project-detail-section .project-detail .project-header .project-logo img{max-height:75px}
.projects-section .project-detail-section .project-detail .project-img{right:20px;top:-200px}
.projects-section .project-detail-section .project-detail .project-img>img{width:340px}
.snapshots-section .fact-stats-outer{font-size:1.6em}
.snapshots-section .stat-col-1{width:33.33%}
.snapshots-section .stat-col-2{width:32.33%}
.snapshots-section .stat-col-3{width:27.33%}
.media-highlights-section .media-thumbs-outer .media-thumb{margin-right:130px}
.media-highlights-section .media-thumbs-outer .media-thumb img{height:100px}
}

/***V***/
.success-stories-inner-footer.coc-cola .next-project-link{
	background: url(../images/coca-cola/Cocacola.png) no-repeat 0 0 transparent;
}
.projects-section .project-detail-section .project-detail.mediacorp{
	background: url(../images/mediacorp-images/bg_grad.png) no-repeat 0 0 transparent;
}
.projects-section .project-detail-section .project-detail.novify{
	background: url(../images/novify-images/bg_grad.png) no-repeat 0 0 transparent;
}
.success-stories-inner-footer.niels .top-link a {
    background-color: #079dd0;
}
.success-stories-inner-footer.novf .top-link a {
    background-color: #ffd534;
}
.success-stories-inner-footer.coc-cola .top-link a {
    background-color: #c80510;
}
.stages_sec .tab_steps ul li a {
    position: relative;
    padding-left: 45px;
}
.stages_sec .tab_steps ul li a span {
    position: absolute;
    left: 20px;
    top: 20px;
}


.nlgic.internalpage-app.nielsen .app-banner .app-background{
	background: url(../images/nielsen-images/bnr-niel.png) no-repeat;
}
.nlgic.internalpage-app.mediacorp_sec .app-banner .app-background{
	background: url(../images/mediacorp-images/bnr-media.png) no-repeat;
}
.nlgic.internalpage-app.novify_sec .app-banner .app-background{
	background: url(../images/novify-images/mn_bannner.png) no-repeat;
}
.success-stories-inner-footer.medi .next-project-link{
	background: url(../images/mediacorp-images/Mediacorp.png);
}
.success-stories-inner-footer.niels .next-project-link{
	background: url(../images/nielsen-images/Nielsen.png);
}
.success-stories-inner-footer.novf .next-project-link{
	background: url(../images/novify-images/Novify.png);
}
.projects-section .project-detail-section .project-detail.mediacorp{
	background: url(../images/mediacorp-images/bg_grad.png) no-repeat 0 0;
}
.projects-section .project-detail-section .project-detail.novify{
	background: url(../images/novify-images/mn_bannner.png) no-repeat 0 0;
}
.sthree.coca_c_page .logo-area{
    background: url(../images/coca-cola/coca-logo-bg.png) center no-repeat;
}
.sthree.coca_c_page .common-section .content-holder h2 span.sr-no{
	border-bottom: solid 4px #4b4b4b;
}	
.sthree.coca_c_page .common-section .content-holder h2 {
    color: #f20108;
}
.sthree.coca_c_page .section2 .element1{
	 background: url(../images/coca-cola/step2-bg.png) center no-repeat;
	 opacity: 1;
	 background-size: 600px;
}
.sthree.coca_c_page .section3 .element1{
	background: url(../images/coca-cola/mount-coca.png) 0 100px no-repeat;
}
.sthree.coca_c_page .section4 .element1{
	background: url(../images/coca-cola/step3-bg.png) center no-repeat;
	background-size: 600px;
}
.sthree.coca_c_page .section4 .element1 {
    width: 700px;
}
.sthree.coca_c_page .scrollmagic-true .section5 .sub-section1 .graphic-element{
	background: none;
}
.sthree.coca_c_page .common-section.reverse {
    background: #15282c;
}
.sthree.coca_c_page .common-section.reverse .content-holder .content-box {
    background: #313a3f;
}
.sthree.coca_c_page .common-section.reverse .content-holder h2 {
    color: #f40009;
}
.sthree.coca_c_page .progress-bar-wrapper .sthree-progress-bar .checkpoint.fill {
    background: #4b4b4b;
}
.sthree.coca_c_page .progress-bar-wrapper .sthree-progress-bar .sthree-progress{
	background: #4b4b4b;
}
.sthree.coca_c_page .progress-bar-wrapper .sthree-progress-bar .checkpoint.active {
    background: #f40009;
}
.sthree.coca_c_page .progress-bar-wrapper.inverse {
    background: #313a3f;
}
.sthree.coca_c_page .progress-bar-wrapper.inverse .sthree-progress-bar .checkpoint.fill {
    background: #fff;
}
.sthree.coca_c_page .progress-bar-wrapper.inverse .sthree-progress-bar .sthree-progress {
    background: #fff;
}
.sthree.coca_c_page .content-holder .content-box {
    min-height: 320px;
}
.sthree.coca_c_page .scrollmagic-true .section4 .content-holder .sub-section.sub-section2 .col:nth-child(3) .icon img {
    transform: rotate(60deg) translate(14px,-33px);
}
.sthree.coca_c_page .common-section.reverse .content-holder h2 span.sr-no{
	color: #fff;
	border-bottom: solid 4px #fff;
}
.sthree.coca_c_page .intro-screen{
	background: url(../images/coca-cola/mn-bg-coke.png) center no-repeat;
}

/** Vin **/
.contrary{
	text-align: center;
	padding: 80px;
}
.contrary h2.title {
    font-size: 40px;
    color: #000;
}
.contrary .headingWrap {
    padding: 0 11%;
}
.contrary .headingWrap p {
    font-size: 20px;
    font-weight: 500;
    padding: 20px 0 0 0;
    margin: 0;
    color: #000;
    line-height: 30px;
}
.contrary a.content_panel {
    min-height: 202px;
    display: block;
    vertical-align: middle;
    text-align: center;
    padding: 20px;
    position: relative;
}
.contrary .content_panel h3 {
    font-size: 32px;
    color: #e24f1d;
    letter-spacing: 2px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 23px;
    margin-bottom: 20px;
}
.contrary a.content_panel p {
    font-size: 16px;
    line-height: 24px;
}
.contrary .content_panel h3 img {
    width: 180px;
     -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}
.contrary a.content_panel:hover {
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
a.content_panel:hover h3 img {
    -webkit-transform: scale(1.1 );
    transform: scale(1.1 );
}
.pad-topBottom-50 {
    padding-top: 50px;
    padding-bottom: 50px;
    display: inline-block;
    width: 100%;
}

.Vertical_line {
    width: 1px;
    height: 200px;
    background: #F06824;
    text-align: center;
    margin: 0px auto;
    margin-top: 0px;
}
.navigation_left .sub_menu ul li, .navigation_right .sub_menu ul li{
    padding: 0;
}
.navigation_left .sub_menu ul li a, .navigation_right .sub_menu ul li a {
    padding: 8px 20px;
    font-size: 16px;
}


/*======== css  21 december 2021 ===========*/

.sub-header.strategy {
    background-image: url(../images/strategy.jpg)
}

.sub-header.maintenance {
    background-image: url(../images/maintenance-new-bg.jpg)
}

.sub-header.development {
    background-image: url(../images/development.jpg)
}

.sub-header.howit-page {
    background-image: url(../images/how-it-page-bg.jpg)
}

.sub-header.contact-bg {
    background-image: url(../images/get-intouch-bg.jpg)
}

.startup .sub-header.contact-bg {
    background-image: url(../images/startup-bg1.jpg)
}

.enterprise-bg .sub-header {
    background-image: url(../images/enterprise-bg.jpg)
}

.inner_service_top{position: relative;}
.inner_service_top h1, .inner_service_top h4 {
    color: #fff !important;
}

.wheel_section {position: relative;
    width: 100%;
    height: 100%;
    background: url(../images/aboutus-page.jpg) center center no-repeat #000;

    background-size: cover;
}
.wheel_section:before {
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
}
.container .about h3, .container .about h1 {
    font-weight: 500;
    font-size: 2.4em;
    color: #fff;
    text-align: center;
}
.container .about .about-inner p {
    margin-bottom: 20px;
}
.container .about p {
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    margin-top: 15px;
    max-width: 100%;
    line-height: 1.3;
}

.container .about .about-inner .border {border:0px !important;
    border-radius: 2px;
    border-bottom: 4px solid #fc732b !important;
    width: 75px;
    margin: auto;
}


.sub-header {
    background-image: url(../images/design-2.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: #000;
    background-size: cover !important;
    position: relative;
    min-height: 450px
}

.sub-header:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .55)
    
}

.enterprise-bg .sub-header::before {
    display: none
}

.enterprise-bg .sub-header {
    margin-top: 50px;
    border-bottom: 1px solid #eee
}


/*========== port =============*/

.portfolio-wrapper {
    padding: 5px;
    height: 100%
}

.portfolio-new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%
}

.portfolio-new .grid-1 {
    float: left;
    position: relative;
    width: 33%;
    overflow: hidden;
    height: 500px
}

.portfolio-new .grid-1 img {
    max-width: 100%
}

.portfolio-new .grid-1 .project-wrapper {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    height: 50%;
    min-height: 50%;
    margin: 10px 5px;
    background-size: cover
}

.portfolio-new .grid-1 .project-wrapper:only-child {
    height: 100%;
    min-height: 100%
}

.portfolio-new .grid-1 .hover-txt {
    background: rgba(0, 0, 0, .7);
    left: 0;
    top: 100%;
    right: 0;
    bottom: 0;
    position: absolute;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    z-index: 4
}

.portfolio-new .grid-1 .project-wrapper:hover .hover-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 0;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.portfolio-new .grid-1 .project-wrapper .col-12-box {
    margin: auto;
    text-align: center
}

.portfolio-new .grid-1 .project-wrapper .view-more,
.portfolio-section .view-case-study-button .view-more {
    color: #fc732b;
    font-weight: 400;
    border: 1px solid #fff;
    padding: 13px 5px;
    border-radius: 50px;
    text-transform: uppercase;
    width: 200px;
    font-size: 15px;
    display: inline-block;
    background: #fff;
    text-align: center;
}

.portfolio-new .grid-1 .project-wrapper .view-more:hover,
.portfolio-section .view-case-study-button .view-more:hover {
    color: #fff;
    background: rgba(0, 0, 0, .4)
}

.portfolio-new .grid-1 .project-wrapper h4 {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 10px
}

.portfolio-page .portfolio-new .grid-1 .project-wrapper {
    margin: 15px 10px;
}

.portfolio-new .grid-1 .icon {
    height: 60px;
    width: 60px;
    border-radius: 100px;
    background: url(../images/eye.png) center center no-repeat #fff;
    display: inline-block
}

.portfolio-new .grid-1 .project-logo {
    padding: 30px 0 0;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 5
}

.portfolio-new .grid-1 .project-logo img {
    max-height: 60px
}

.portfolio-new .grid-1 .project-wrapper .project-img {
    margin: auto;
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    max-width: 384px;
    z-index: 2;
    max-height: 85%
}

.portfolio-new .grid-1 .project-wrapper .screenshot-holder {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 28.5% 13.5%;
    left: 0;
    top: 0
}

.portfolio-new .grid-1 .project-wrapper:before {
    background: rgba(0, 0, 0, .5);
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    content: "";
    left: 0;
}

.portfolio-new .grid-1 .project-wrapper.ant {
    background-image: url(../images/ant-bg.jpg)
}

.portfolio-new .grid-1 .project-wrapper.nligc {
    background-image: url(../images/nlgicBg.jpg)
}

.portfolio-new .grid-1 .project-wrapper.tanween {
    background-image: url(../images/tanweenBg.jpg)
}

.portfolio-new .grid-1 .project-wrapper.pinbook {
    background-image: url(../images/pinkbookBg.jpg)
}

.portfolio-new .grid-1 .project-wrapper.barrel {
    background-image: url(../images/barrelBg.jpg)
}

.portfolio-new .grid-1 .project-wrapper.reezer {
    background-image: url(../images/reezerBg.jpg)
}

.portfolio-new .grid-1 .project-wrapper.abokifx {
    background-image: url(../images/abokiBg.jpg)
}

.portfolio-new .grid-1 .project-wrapper.mymedi {
    background-image: url(../images/mymediBg.jpg)
}

.portfolio-new .grid-1 .project-wrapper.breza {
    background-image: url(../images/brezaBg.jpg)
}

.portfolioslider {
    padding: 0 20px
}

.portfolioslider .brezaa-bg {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fda8a8), to(#e49799));
    background: -webkit-linear-gradient(bottom, #fda8a8 0, #e49799 100%);
    background: -o-linear-gradient(bottom, #fda8a8 0, #e49799 100%);
    background: linear-gradient(0deg, #fda8a8 0, #e49799 100%)
}

.portfolioslider .mymedi-bg {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #92a2dc), to(#5f81b1));
    background: -webkit-linear-gradient(bottom, #92a2dc 0, #5f81b1 100%);
    background: -o-linear-gradient(bottom, #92a2dc 0, #5f81b1 100%);
    background: linear-gradient(0deg, #92a2dc 0, #5f81b1 100%)
}

.portfolioslider .pinkbook-bg {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ff8fa3), to(#fd91a5));
    background: -webkit-linear-gradient(bottom, #ff8fa3 0, #fd91a5 100%);
    background: -o-linear-gradient(bottom, #ff8fa3 0, #fd91a5 100%);
    background: linear-gradient(0deg, #ff8fa3 0, #fd91a5 100%)
}

.portfolioslider .tul-bg {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #a2a2a2), to(#5e5e60));
    background: -webkit-linear-gradient(bottom, #a2a2a2 0, #5e5e60 100%);
    background: -o-linear-gradient(bottom, #a2a2a2 0, #5e5e60 100%);
    background: linear-gradient(0deg, #a2a2a2 0, #5e5e60 100%)
}

.portfolioslider .reezer-bg {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d19ff9), to(#a089dc));
    background: -webkit-linear-gradient(bottom, #d19ff9 0, #a089dc 100%);
    background: -o-linear-gradient(bottom, #d19ff9 0, #a089dc 100%);
    background: linear-gradient(0deg, #d19ff9 0, #a089dc 100%)
}

.portfolioslider .p-sliderwrap {
    border-radius: 5px;
    text-align: center;
    padding: 30px 10px 0
}

.portfolioslider .p-sliderwrap h3 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    line-height: 32px;
    text-align: center;
    padding: 0 0 25px
}

.portfolioslider .p-sliderwrap .head {
    padding-bottom: 30px;
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.portfolioslider .slick-slide {
    padding: 0 10px
}

.portfolioslider .slick-slide .img img {
    display: inline-block;
    vertical-align: top
}

.reasone-slider .slick-active .artist_img img {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.portfolio-new .grid-1 .project-wrapper .col-12-box {
    margin: auto;
    text-align: center;
}

.portfolio-page .platform-wrap {
    margin-bottom: 30px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 23%;
}
.portfolio-page .platform-wrap img {
    max-width: 30px;
    max-height: 30px;
    margin: 0 10px;
}


.card-container .col-12-box p {
    padding: 15px 0 0;
    letter-spacing: 0;
    line-height: 1.6;
    text-align: justify;
    font-size: 16px;
    font-weight: 300
}


/*
.wheel_section.services-bg {
    background: url(https://www.applify.com.sg/images/xservice-bg.jpg.pagespeed.ic.cRZXFI1n5Z.webp) center center no-repeat #000;
    background-size: cover;
    min-height: 100%;
}*/

.wheel_section.services-bg {
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../images/service-bg.jpg) center center no-repeat #000;
    background-size: cover;
}

.card-box{ height: 100%;
    padding: 25px;
    -webkit-box-shadow: 0 0 27px rgb(12 77 161 / 11%);
    box-shadow: 0 0 27px rgb(12 77 161 / 11%);
    background: #fff;
    border-radius: 10px;}

.card-container .icon-box {
    width: 150px;
    height: 150px;
    text-align: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    line-height: 150px;
    border: 1px solid #dde6f2;
    -webkit-box-shadow: 0 0 20px rgba(12, 77, 161, .11);
    box-shadow: 0 0 20px rgba(12, 77, 161, .11);
    border-radius: 100px;
    margin: 0 auto;
    display: block
}

.card-container .icon-box img {
    max-width: 100px;
    max-height: 70px
}

/*.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}*/

.project-discuss {position: relative; width: 100%; margin: 0px !important;
    height: 100%;
    background: url(../images/project-discuss1.jpg) no-repeat 0 0;
    background-size: cover;
    padding: 150px 0px !important;
}

.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.project-discuss:before {
    content: "";
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.project-discuss h2 {position: relative;
    font-size: 4em;
    padding-bottom: 50px;
    text-align: center;
    color: #fff;
    font-weight: 500;
}
.contact-to .get-intouch, .get-intouch-btn {
    border-radius: 50px;
    color: #fff;
    padding: 15px 5px;
    display: block;
    margin: 20px auto;
    width: 200px;
    text-align: center;
    font-size: 15px;
}







/*======== css  21 december 2021 end ===========*/

@media(max-width: 1600px){
    .projects-section .project-detail-section .project-detail.nielsen .project-img img, 
    .projects-section .project-detail-section .project-detail.cococola .project-img img,
    .projects-section .project-detail-section .project-detail.unilever-food .project-img img{width: 400px; }
    .comming-soon-text{font-size: 26px;}

}

@media screen and (max-width:1400px) {
.sthree .intro-screen .logo-area .logo-holder .tagline h1{font-size:14px}
.projects-section .project-list-section .project-list-outer ul{padding-bottom:0}
.mobile-frame{width:259px;height:530px;background:url(../images/mobile-screen.png) center center/100% auto no-repeat;padding:65px 17px;box-sizing:border-box;position:absolute;left:50%;bottom:-80px;margin:0 0 0 -130px}
.container{height:100%}
.how-it-works .container{height:auto}
.app-overview-section{height:100%}
.app-overview-section .container{display:table}
.internalpage-app .docsnap-content{margin-top:0;display:table-cell;vertical-align:middle}
.internalpage-app .wireframe-section,.our-goal,.our-goal2{min-height:80%}
.footer-bottom-section{margin-left:31%}
.footer-menu,.footer-services,.footer-social-icons{width:23%}
.footer-logo-section{width:31%}
.btn-bottom{right:72px}
#intercom-container .intercom-app .intercom-launcher-frame{margin-right:-15px}
.sthree.coca_c_page .logo-area {
    background-size: 450px;
}
.sthree.coca_c_page .section2 .element1{
	 opacity: 1;
	 background-size: 450px;
}
}
@media screen and (min-width:1400px) {
.inner_service_top h4{text-align:center;color:#6f6f6f;font-weight:300;line-height:1.4em}
.inner_service_top h2{text-align:center;font-size:4em;font-weight:500;margin-bottom:.5em}
.outer_services p{padding:10px 0 10px;margin: 0px; letter-spacing:0;line-height:1.6;text-align:justify;font-size:16px;font-weight:300}
.container .about h3,.taylormade h1{font-weight:500;font-size:3em}
.container .about{margin-top:250px}
.team_outer{padding-top:14em;background-color:#f7f7f7}
.common{margin:0 auto 2em;padding-top:0;float:left;width:100%}
.taylormade h1{margin-top:0}
.taylormade p{font-weight:300;color:#333;text-align:center;font-size:2.3em;line-height:1.2}
.left_contact h3{margin-bottom:0;font-size:30px;font-weight:300;text-align:right;margin-top:6px;color:#777676}
.left_contact h2,.left_contact p{font-weight:500;text-align:right}
.left_contact h2{margin-top:6px;margin-bottom:0;font-size:33.33px}
.left_contact p{margin-top:2em;font-size:20px;color:#fc732b}
.artist4_left.success h2,.artist4_left.success h3{margin-top:0;margin-bottom:1px;text-align:left;padding:0 0 0 16%}
.artist4_left.success h3{font-size:30px;font-weight:300;color:#777676}
.artist4_left.success h2{font-size:33px;font-weight:500}
.artist4_left.success p{font-size:20px}
.artist4_left.work h2{font-size:33px}
.artist4_left.work h3{font-size:30px}
.artist4_left.work p{font-size:20px}
.artist_left{margin-top:11em}
.artist_left.bullet-proof{margin-top:13em}
.artist_img.client{padding-top:2em}
.artist_footer{margin-top:7em}
.artist4_left.success{padding-top:80px}
.artist4_left.work{padding-top:15em}
.artist_img.work{margin-top:11em}
.artist1_left_text,.artist_left_text{padding:0 8%}
.internalpage-app .app-banner .app-background .scrollmagic-section{top:50%;margin-top:-260px;width:360px;height:625px;right:-180px}
.internalpage-app .screen-counter{margin-top:360px}
.internalpage-app .app-banner .app-background .app-logo-holder,.internalpage-app.docsnap .app-banner .app-background .project-logo-holder{margin:365px auto 0}
.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar{margin:87px 54px 0 53px;height:449px}
.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar img{width:253px;height:449px}
.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar .image-scroller2.image-container{margin-top:-449px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar .image-scroller3.image-container{margin-top:-898px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.internalpage-app .screen-counter img{width:auto}
.internalpage-app .screen-counter .counter p{font-size:45px}
.internalpage-app .screen-counter .counter-loop{height:103px}
.internalpage-app .screen-counter .counter.counter2{margin-top:-82px}
.internalpage-app .screen-counter .counter.counter3{margin-top:-164px}
.container .banner_image{margin-top:133px;margin-bottom:0}
#capabilies{margin-top:0}
.internalpage-app .docsnap-content{margin-bottom:75px}
.app-overview-section{margin-top:75px}
.parallax-effact-section .parallax-section{-webkit-transform:scale(1.5);transform:scale(1.5);height:700px;margin-top:360px}
}
@media screen and (max-width:1399px) {
.circle-container{-webkit-transform:scale(.85);transform:scale(.85)}
.project_inner_text p{font-size:20px}
.project_logo img{width:135px}
.project_img_section img{width:250px}
.common_project{margin-top:14em}
.project_inner_text{margin-top:2em}
.project_button{padding-top:5.6em}
.work-section{min-height:648px}
.project_button img{width:170px}
.yadda .project_img_section{padding-top:17.1em;position:absolute;bottom:0}
.findmii .project_logo img{width:100px;max-width:100%}
.keyplace .project_logo img{width:75px;max-width:100%}
.fakhroo .project_logo img{width:100px;max-width:100%}
.yappr .project_img_section img{width:350px;max-width:100%}
.yappr .project_button{padding-top:3em}
.yadda .project_img_section img{width:275px}
.project_text_section{width:60%}
.panic .project_logo img{width:90px;max-width:100%}
.monch .project_logo img,.yappr .project_logo img{width:110px;max-width:100%}
.contact-popup .inner-holder{width:45%;right:-45%}
.contact-popup .inner-holder .inner-form .inner-container .form-title h3{font-size:25px;font-weight:300;text-align:center}
.contact-popup .inner-holder .inner-form .inner-container .form-element{margin-top:25px}
.artist_left{margin-top:6em}
.artist_left.bullet-proof{margin-top:10em}
.artist4_left.artistpage1{margin-top:4em}
.artist5_left{margin-top:9em}
.bottom-contact-tip .email-form input[type=text]{width:250px}
.bottom-contact-tip .email-form .submit{padding:8px 25px}
.projects-section .project-detail-section .project-detail .inner-holder{margin-top:-50px;left:85px}
.projects-section .project-detail-section .project-detail .project-header{margin-bottom:15px}
.projects-section .project-detail-section .project-detail .project-header h2{font-size:45px}
.projects-section .project-detail-section .project-detail .project-header.left h2{line-height:1.3em}
.projects-section .project-detail-section .project-detail#dice .project-header.left h2{padding-top:0}
.projects-section .project-detail-section .project-detail#dice .project-header h2 img{height:40px}
.projects-section .project-detail-section .project-detail#nlgic .project-header h2 img{height:55px}
.projects-section .project-detail-section .project-detail .project-header .tagline{font-size:16px}
.projects-section .project-detail-section .project-detail .project-description{font-size:20px}
.projects-section .project-detail-section .project-detail .project-header .project-logo img{max-height:60px}
.projects-section .project-detail-section .project-detail#sthree .project-header .project-logo img{height:60px}
.projects-section .project-detail-s.media-highlights-section .section-header pection .project-detail#abokifx .project-header .project-logo img{height:35px}
.projects-section .project-detail-section .project-detail .project-img{top:-160px;right:50px}
.projects-section .project-detail-section .project-detail .project-img>img{width:265px}
.projects-section .project-list-section .project-list-outer{padding-bottom:43px}
.projects-section .get-a-quote-link{height:43px}
.projects-section .get-a-quote-link a{font-size:16px;padding:10px 40px}
.snapshots-section .section-header .heading{font-size:3em}
.snapshots-section .section-header p{font-size:1.3em}
.snapshots-section .fact-stats-outer{font-size:1.4em}
.media-highlights-section .section-header .heading{font-size:3em}
.media-highlights-section .section-header p{font-size:1.3em}
.media-highlights-section .media-thumbs-outer .media-thumb{margin-right:55px}
.media-highlights-section .media-thumbs-outer .media-thumb img{height:80px}
.sthree.coca_c_page .section4 .element1 {
    width: 600px;
}
.sthree.coca_c_page .content-holder .content-box {
    min-height: 230px;
}
}
@media(max-width:1279px){
    .projects-section .project-detail-section .project-detail.nielsen .project-img img, 
    .projects-section .project-detail-section .project-detail.cococola .project-img img,
    .projects-section .project-detail-section .project-detail.unilever-food .project-img img{width: 300px; }
    .comming-soon-text{font-size: 26px;}
    .projects-section .project-detail-section .project-detail .project-description, .projects-section .project-list-section .project-list-outer ul li .project-name{font-size: 17px;}
    .sthree.coca_c_page .content-holder .content-box {
    min-height: auto;
}
}
@media screen and (min-width:1200px) and (max-width:1399px) {
.marketing_outer{padding-top:13em}
.common{margin:0 auto;padding-top:0;float:left;width:100%}
.team_outer{padding-top:14em;background-color:#f7f7f7}
.outer_services{margin-bottom:3em}
.work-section .container{width:1000px}
.yadda .col-md-12,.yadda .container,.yadda .row{min-height:648px}
}
@media screen and (min-width:1025px) {
.animation-true .success-story-intro-section{position:absolute;left:0;right:0;top:0;bottom:0}
.animation-true .projects-section{position:absolute;left:0;right:0;top:100%;bottom:0}
.animation-true .wrapper{overflow:hidden;position:relative}
.animation-true .success-story-intro-section .border{position:absolute;left:50%;margin-left:-75px}
.animation-true .success-story-intro-section .banner-text{margin-top:25px}
.section1-out .success-story-intro-section h1{-webkit-transition:all .3s ease-out;transition:all .3s ease-out;opacity:0;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}
.section1-out .success-story-intro-section .banner-text{-webkit-transition:all .3s .2s ease-out;transition:all .3s .2s ease-out;opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px)}
.section1-out .success-story-intro-section .scroll-down-indicator{-webkit-transition:all .3s .3s ease-out;transition:all .3s .3s ease-out;opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px)}
.section1-out .success-story-intro-section .border{position:fixed;top:50%;margin-top:18px;-webkit-animation-name:cover;animation-name:cover;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.5s;animation-delay:.5s}
}
@-webkit-keyframes cover {
33%{width:100%;left:0;height:2px;top:50%}
66%{height:100%;margin-left:0;margin-top:18px;top:0;background:#eee}
100%{width:100%;height:100%;left:0;margin-left:0;margin-top:0;top:0;background:#eee}
}
@keyframes cover {
33%{width:100%;left:0;height:2px;top:50%}
66%{height:100%;margin-left:0;margin-top:18px;top:0;background:#eee}
100%{width:100%;height:100%;left:0;margin-left:0;margin-top:0;top:0;background:#eee}
}
@-webkit-keyframes stretchIn {
0%{width:1px;margin-left:0}
100%{width:150px;margin-left:-75px}
}
@keyframes stretchIn {
0%{width:1px;margin-left:0}
100%{width:150px;margin-left:-75px}
}
.section2A-in .projects-section{top:0;padding-bottom:0}
.section2A-in .projects-section .project-detail-section{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}
.section2A-in .projects-section .project-list-section{-webkit-transform:translate(100%,0);transform:translate(100%,0)}
.section2A-in .projects-section .get-a-quote-link{-webkit-transform:translate(0,70px);transform:translate(0,70px)}
.section2B-in .projects-section .project-detail-section,.section2B-in .projects-section .project-list-section{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}
.section2B-in .projects-section .get-a-quote-link{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .5s .5s ease-out;transition:all .5s .5s ease-out}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0!important}
body.black-bg .taylormade{opacity:0;}
body.black-bg{background:#000}
.media-highlights-section,.snapshots-section{background:#333}
.black-bg .media-highlights-section,.black-bg .snapshots-section{background:#000}
@media screen and (max-width:1199px) {
.common,.container.header{width:100%}
.navigation_left>ul>li{float:right;list-style:none}
.artist1_left_text{padding:0 4%}
.common{margin:0 auto 3em;padding-top:0;float:left}
.team_outer{padding-top:14em;background-color:#f7f7f7}
.navigation_left>ul>li{padding:0 15px}
.navigation_right>ul>li{padding:0 15px}
.inner_contact_center{float:left;width:55%;padding-top:6em}
.docsnap .our-goal .app-design p,.docsnap .wireframe p,.the-result p{width:77%}
.outer_services{margin-bottom:3em}
.yadda .project_img_section{float:left;padding-top:10em}
.artist4_left.success p,.artist4_left.work p{padding:0}
.work-section,.yadda .col-md-12,.yadda .container,.yadda .row{min-height:648px}
.success-stories h1{font-size:24px}
.success-stories p{font-size:20px}
.artist4_left.artistpage1{margin-top:1.9em}
.how-it-work-section .how-it-works-content.how-work-content{right:20px}
.artist5_left{margin-top:5em}
.docsnap .wireframe .wireframe-screenshot .wireframe-image .frame-screenshot{left:35px}
.docsnap .wireframe{padding-top:70px}
.docsnap .our-goal .app-design{padding-top:240px}
.docsnap .our-goal{padding:83px 0 140px}
.the-result{margin-top:170px}
.the-result .app-links{padding-bottom:160px}
.docsnap .footer-button a{margin:50px 7px}
.docsnap .footer-button a span{padding:35px 0}
.docsnap .footer-button a span.check-button{padding:22px 0}
.internalpage-app .docsnap-content p{font-size:25px}
.internalpage-app .common-section h2{font-size:35px}
.internalpage-app .common-section p{font-size:25px}
.bottom-contact-tip,.contact-page .location p{font-size:1.125em}
.the-result .screenshot-slider .screenshot-container{width:auto}
.internalpage-app.docsnap .app-banner .app-background .app-logo{margin:270px 0 0;text-align:center}
.internalpage-app .app-banner .app-background .scrollmagic-section{top:95px}
.internalpage-app .app-banner .app-background .app-logo{text-align:center}
.internalpage-app .app-banner .app-background .docsnap-title{margin-left:0;text-align:center}
.internalpage-app.docsnap .app-banner .app-background .docsnap-title{left:50%;margin-left:-121px}
.internalpage-app .app-banner .app-background .docsnap-title p{text-align:center}
.internalpage-app.docsnap .app-banner .app-background .project-logo-holder{width:auto;margin:270px 0 0}
.internalpage-app.keyplace-inner .keyplace-logo img{width:233px}
.internalpage-app.keyplace-inner .docsnap-content{margin-top:95px;height:100%}
.success-story-image{right:87px;top:75px}
.contact-popup .inner-holder{width:55%;right:-55%}
.contact-popup .inner-holder .inner-form .inner-container .submit{width:135px;padding:10px 0}
.artist_left{margin-top:3.1em}
.artist_left h2{margin-bottom:.5em}
.artist_left.bullet-proof{margin-top:6em}
.artist_left_text{padding:0}
.artist_footer{margin-top:0}
.bottom-contact-tip .email-form input[type=text]{width:200px}
.bottom-contact-tip .email-form .submit{padding:8px 20px}
.contact-page .location h2{font-size:1.3em}
.contact-page .outer_servics.design .location h2{font-size:1.8em}
.inner_service_top h4{font-size:1.25em}
.solution-section .solution-counter{width:442px}
.success-banner .apps-banner .app-section1 .app-text{top:31px}
.success-story-intro-section h1{font-size:5em}
.success-story-intro-section .banner-text{font-size:1.3em}
.projects-section .project-detail-section .project-detail .inner-holder{left:50px}
.projects-section .project-detail-section .project-detail .project-header h2{font-size:33px}
.projects-section .project-detail-section .project-detail .project-header.left h2{line-height:1.8em}
.projects-section .project-detail-section .project-detail#nlgic .project-header h2 img{height:40px}
.projects-section .project-detail-section .project-detail .project-header .tagline{font-size:16px}
.projects-section .project-detail-section .project-detail .project-description,.projects-section .project-list-section .project-list-outer ul li .project-name{font-size:20px}
.projects-section .project-detail-section .project-detail#sthree .project-header .project-logo img{height:50px}
.media-highlights-section .section-header h2:after,.snapshots-section .section-header h2:after{width:80px;height:3px}
.projects-section .project-detail-section .project-detail .project-img{right:15px}
.snapshots-section{padding:70px 0}
.snapshots-section .section-header{margin-bottom:50px}
.snapshots-section .section-header h2{font-size:1.7em;padding-bottom:15px}
.snapshots-section .section-header p{font-size:1.5em}
.snapshots-section .fact-stats-outer{font-size:1.2em}
.media-highlights-section{padding:50px 0}
.media-highlights-section .section-header{margin-bottom:30px}
.media-highlights-section .section-header h2{font-size:1.7em;padding-bottom:15px}
.media-highlights-section .section-header p{font-size:1.5em}
.media-highlights-section .media-thumbs-outer .media-thumb img{height:60px}
.office-section .address-tabs li{float:left;width:33.33%;max-width:none}
.office-section .address-tab-content{padding:0}
.how-it-work-section .how-it-works-content.how-work-content{width:350px}
.office-section .address-tabs li{width:20%;padding:0 5px}
.snapshots-section .section-header .heading,.media-highlights-section .section-header .heading{font-size:1.7em;padding-bottom:15px}
.media-highlights-section .section-header .heading:after,.snapshots-section .section-header .heading:after{width:80px;height:3px}
.projects-section .project-list-section .project-list-outer ul li .list-number,.projects-section .project-list-section .project-list-outer ul li .line{margin-right:10px}
}
@media screen and (max-width:1023px) {
	.projects-section{padding-top:85px;}
.sub_menu{width:190px;margin-left:-95px}
.sub_menu ul li a{font-size:16px}
.navigation_left>ul>li{padding:0 15px}
.navigation_right>ul>li{padding:0 15px}
.projects-section .project-list-section,.success-story-intro-section .scroll-down-indicator{display:none}
.container .about{margin-top:150px}
.success-story-intro-section{height:auto;padding:150px 0 100px}
.success-story-intro-section h1{font-size:50px}
.success-story-intro-section .success-banner-content{position:static;margin:0;padding:0 30px}
.projects-section{height:auto}
.projects-section .project-detail-section{width:100%;height:auto;float:none}
.projects-section .project-detail-section .project-detail{position:relative;opacity:1;margin:0 0 10px;padding-bottom:0;height:400px}
.projects-section .project-detail-section .project-detail .project-img{top:-150px}
.projects-section .project-detail-section .project-detail .project-img>img{width:215px}
.projects-section .get-a-quote-link{position:fixed}
.how-it-works .container .banner_image{margin-top:100px;margin-bottom:20px}
#intercom-container .intercom-app .intercom-launcher-frame{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);margin-bottom:-20px}
.btn-bottom a{line-height:28px}
.btn-bottom{bottom:6px;right:65px}
.copyright{padding-top:40px;padding-bottom:25px}
.get-intouch-btn{height:45px;line-height:45px;width:180px}
.how-it-work-section .how-it-works-content.how-work-content a{width:125px;font-size:13px}

}
@media screen and (max-width:991px) and (min-width:768px) {
.how-it-work-section .how-it-works-content.how-work-content{width:285px;right:0}
.how-it-work-section .how-it-works-content p span{padding-right:5px}
.mobile-menu-trigger{float:right;margin:10px 0 0;display:block;cursor:pointer}
.taylormade img{display:none!important}
.taylormade{width:100%;padding-top:80px;position:relative;padding-bottom:100px;z-index:1}
.parallax-image{background-image:url(../images/taylormade.png);background-size:100%;background-repeat:no-repeat;background-position:center 0;width:100%;min-height:400px;margin-top:-50px}
.navbar-toggle .icon-bar{display:block;width:31px;background-color:#fff;height:2px;}
.navigation,.social_icon_outer{display:none}
.pull-right{float:left}
.navbar-toggle{display:block}
.artist4_left.work{padding-top:6em}
.text_outer{width:300px;font-size:31px;position:absolute;left:50%;top:50%;margin:-90px 0 0 -150px;color:#fff}
.main_circle,.right_circle{max-width:100%;position:relative}
.header_outer.scrolled.about{background:0 0}
.step_2 .step_text{margin-left:25px}
.contact .row h2{padding-top:0}
.inner_contact_center{float:left;width:48%;padding-top:6em;max-width:100%}
.inner_contact_image_left{float:left;width:20%;max-width:100%}
.inner_contact_image_right{float:left;width:20%;padding-top:6em}
.main_circle{margin:8em auto 0;width:720px}
.social-icons-outer{display:none}
.left_outer{width:440px;text-align:center;float:left;margin-right:-80px}
.left_outer p{color:#666;font-size:20px;font-weight:500}
.left_circle{width:440px;height:440px;border-radius:215px;float:left;border:3px solid #7323de}
.left_circle_text{padding-left:13%;float:left;padding-top:22%}
.left_circle_text p,.right_circle p{padding-top:4px;padding-bottom:4px;font-weight:500}
.left_circle_text p{color:#000;width:100%;text-align:left;margin:0;float:left;font-size:13px}
.left_circle_text hr{width:18px;border:3px solid #e7e7e8;float:left;margin:10px 0;border-radius:4px}
.right_outer p{color:#666;font-size:20px;font-weight:500;text-align:center}
.right_circle p{color:#666;font-size:13px;width:100%;margin:0;float:right;text-align:right}
.right_outer{width:440px;text-align:center;float:left;margin-left:-80px}
.right_circle_text{padding-right:13%;float:right;padding-top:22%}
.right_circle_text hr{width:18px;border:3px solid #e7e7e8;float:right;margin:10px 0;border-radius:4px}
.right_circle{width:440px;float:left;border-radius:220px;height:440px;border:3px solid #fa691c;overflow:hidden}
.center_outer{width:300px;text-align:center;height:300px;border-radius:200px;position:absolute;left:50%;top:100px;margin-left:-148px}
.center_circle{width:440px;margin-top:-1px;border-radius:220px;height:437px;background:#5e5865;margin-left:-283px}
.center_circle_text p{color:#fff;text-align:center;font-size:12px;font-weight:500;padding:0;margin:0}
.center_circle_text{padding-top:3em}
.center_circle_text hr{width:18px;border:3px solid #848287;margin:12px auto;border-radius:4px}
.services_nav ul li a{text-decoration:none;display:block;font-weight:500;font-size:12px;color:#a4a3a3;line-height:3}
.logo a{display:inline-block}
.outer_services{margin-bottom:3em}
.project_inner_text p{color:#fff;font-size:22px;font-weight:300;text-align:justify}
.project_button{padding:4em 10px 0;text-align:center}
.project_button img{width:150px}
.work-section{width:100%;min-height:648px}
.section-nav{position:fixed;right:14px;top:40%;margin-top:-175px;z-index:1;width:35px}
}
@media screen and (max-width:991px) {
.outer_servics.service-box{padding-top:8em;margin-bottom:0}
.outer_servics.service-box .inner_service_top h1{font-size:2em}
.outer_services{padding-top:1em}
.outer_servics{padding-top:8em}
.contact-page .form-element{font-size:16px}
.contact-page .middle-section .contact-form .form-element .button{font-size:16px}
.company_info{margin-top:10em}
.circle-container{margin-top:-250px}
.header_outer{z-index:3147483647}
.header_outer.scrolled{background:#fff;padding-bottom:30px}
.logo{left:0;margin-left:0;background:0 0;box-shadow:0 0 0 0 transparent;padding-top:0;width:auto}
.logo_inner{background:url(../images/logo2.png) center no-repeat;background-size:auto 100%;width:90px;height:90px;margin:0 auto;box-shadow:none;-webkit-transform:scale(.8);transform:scale(.8)}
.header_outer.scrolled .logo_inner{background-image:url(../images/logo.png)}
.taylormade img{display:none!important}
.header_outer.scrolled .logo{background:0 0}
.mobile-menu-trigger{float:right;margin:15px 0 0;display:block;cursor:pointer}
.navbar-toggle .icon-bar{display:block;width:31px;background-color:#fff;height:2px;}
.navigation{display:none}
.mobile-menu{display:inherit;width:250px;height:100%;background:#1e2023;box-shadow:0 0 16px;right:-270px;top:0;z-index:100;position:fixed;overflow:auto}
.mobile-menu ul.menu{padding:0;margin:0}
.mobile-menu ul.menu li{border-top:solid 1px #666;list-style:none}
.mobile-menu ul.menu li a{font-size:18px;text-decoration:none;color:#fff;display:block;padding:.7em 1em}
.mobile-menu .social-icons{position:static;background:#fff;bottom:20px;padding:20px 15px}
.mobile-menu .social-icons ul{margin:0;padding:0;list-style:none;text-align:left}
.mobile-menu .social-icons ul li{display:inline-block;padding:0 3px}
.mobile-menu ul.menu li .sub_menu{position:static;padding-left:0;background:#2f3235;border-radius:0;display:block;margin:0;width:auto;box-shadow:none}
.mobile-menu ul.menu li .sub_menu li a{color:#ccc;padding:5px 0 5px 40px}
.mobile-menu ul.menu li ul li a:hover{background:0 0}
.mobile-menu ul.menu li ul li:first-child a,.mobile-menu ul.menu li ul li:last-child a{border-radius:0}
.mobile-menu ul.menu li.inactive a{cursor:default}
.mobile-menu ul.menu li.inactive a span{opacity:.5}
.copyright .bottom_bar_left,.copyright .bottom_bar_right{display:block;width:100%;text-align:center;margin-bottom:20px}
.copyright .bottom_bar_right ul li{float:none;display:inline-block;padding-top:5px;padding-bottom:5px}
.copyright .bottom_bar_right ul li a{line-height:1.5}
.social-icons-outer{display:none}
.logo a{display:inline-block}
.project_inner_text p{color:#fff;font-weight:300;text-align:left;font-size:19px}
.project_button,.section-nav a span,.success-stories{text-align:center}
.project_button{padding:1em 10px 0}
.work-section{width:100%;min-height:500px}
.section-nav{position:fixed;right:14px;top:40%;margin-top:-175px;z-index:1;width:35px}
.yadda .col-md-12,.yadda .container,.yadda .row{min-height:500px}
.project_logo img{width:125px}
.yappr .project_img_section img{width:288px}
.panic .project_logo img{width:80px}
.yappr .project_logo img{width:90px}
.project_button img{width:138px}
.fakhroo .project_logo img{width:90px}
.keyplace .project_logo img{width:65px}
.monch .project_logo img{width:100px}
.section-nav a{font-size:1.3em}
.success-story-image{position:relative;margin:0 auto;right:0;top:-30px}
.success-story-content{margin-top:40px}
.artist_footer{margin-top:0}
.artist_left{margin-top:2em}
.success-story-content p{text-align:center;width:auto}
.success-stories{    padding: 1px 20px 0px;border:none;margin:0;     margin: 170px 0px;}
.artist4_left h2,.artist5_left h2,.artist_left h2{margin-bottom:.5em;font-size:1.5em}
.success-story-image img{width:420px}
.artist_left_text{padding:0}
.docsnap .wireframe .wireframe-screenshot .wireframe-image,.internalpage-app .wireframe .wireframe-screenshot .wireframe-image{width:50%;margin-top:80px}
.docsnap .our-goal .app-design p,.internalpage-app .common-section p{width:100%}
.docsnap .wireframe .wireframe-screenshot .wireframe-image .frame-screenshot{left:96px}
.internalpage-app .wireframe .challange-section .challanges p{padding:0 10px}
.internalpage-app .common-section h2{font-size:30px}
.the-result h2{font-size:38px}
.docsnap .our-goal .goal-content{padding:100px 0}
.the-result p{width:100%;font-size:25px}
.internalpage-app .app-footer h2{font-size:38px}
.internalpage-app .footer-button a{margin:35px 7px 50px}
.docsnap .our-goal .app-image img{width:520px}
.docsnap .our-goal{padding:83px 0 90px}
.docsnap .our-goal .app-design{padding-top:165px}
.success-banner .apps-banner{margin-top:463px}
.the-result .screenshot-slider .app-features{width:50%;margin:0;text-align:left}
.the-result .screenshot-slider .screenshot-container{width:535px;max-width:100%}
.the-result .screenshot-slider ul{width:auto}
.the-result .screenshot-slider ul li{margin:22px 22px 22px 0}
.the-result .screenshot-slider .feature-description{width:50%;margin-top:125px}
.the-result .screenshot-slider .slider-section{width:50%}
.the-result .screenshot-slider .slider-background-image{margin:0 auto}
.internalpage-app .app-banner .app-background .docsnap-title h3{font-size:34px}
.internalpage-app .app-banner .app-background .docsnap-title h1{font-size:34px}
.internalpage-app.docsnap .app-logo img{width:150px}
.internalpage-app.docsnap .app-banner .app-background .docsnap-title{width:100%;top:70px;left:0;margin-left:0}
.the-result .screenshot-slider .feature-description .feature-detail{margin-top:100px}
.internalpage-app .docsnap-content p{font-size:22px}
.internalpage-app .app-footer{padding:30px 0 20px}
.internalpage-app .app-footer .footer-left{width:65%}
.internalpage-app .app-footer .footer-right{width:35%}
.internalpage-app .app-footer .footer-text .footer-description{font-size:20px}
.internalpage-app .app-footer .footer-right .top-link{margin-top:95px}
.internalpage-app .app-footer .footer-text .copy-right{margin-top:45px}
.internalpage-app .app-footer .flip-container{height:45px;width:45px;padding:9px 13px 12px}
.internalpage-app .app-banner .app-background .docsnap-title{margin-left:0;text-align:center}
.internalpage-app.yap-yap .app-footer .footer-right .flip-container{padding:9px 9px 0}
.success-banner .app-footer .footer-left{width:65%}
.success-banner .app-footer .footer-right{width:35%}
.internalpage-app .app-banner .app-background .scrollmagic-section{top:102px}
.the-result .screenshot-slider .app-features .active-feature{left:185px}
.contact-popup .inner-holder{width:71%;right:-71%}
.contact-popup .inner-holder .inner-form .inner-container .submit{width:128px;padding:9px 0}
.success-stories-inner-footer .next-project-link:hover{padding:45px;background-size:100%}
.success-stories-inner-footer .next-project-link:hover .link-overlay{box-shadow:0 0 15px rgba(0,0,0,.15)}
.success-stories-inner-footer .next-project-link:hover a{padding-top:85px}
.success-stories-inner-footer .next-project-link:hover a span.title{margin-bottom:7px;letter-spacing:1px}
.success-stories-inner-footer .next-project-link:hover a span.line{width:60px}
.success-stories-inner-footer .next-project-link:hover a span.project-name{margin-top:5px;letter-spacing:.4px}
.success-stories-inner-footer .next-project-link:active a{-webkit-transform:scale(1);transform:scale(1)}
.artist4_left p,.artist5_left p,.artist_left p{font-size:16px}
.artist_left.bullet-proof{margin-top:5em}
.success-banner h1{font-size:4em}
.success-banner .success-banner-content{width:800px;margin-left:-400px;padding:0 15px}
.internalpage-app.dice .app-banner .app-background .app-logo-holder{width:240px;margin:225px auto 0}
.internalpage-app .wireframe .challange-section .challanges h3{width:225px;font-size:16px}
.internalpage-app .app-banner .app-background .app-logo-holder{margin:225px 0 0;width:347px}
.internalpage-app .app-banner .app-background .docsnap-title p{text-align:center;margin-left:0}
.internalpage-app.nlgic .app-banner .app-background .app-logo img{width:109px}
.the-result{margin-top:109px}
.internalpage-app .app-design-section .app-design p{width:auto}
.snapshots-section{padding-bottom:0}
.snapshots-section .container{width:96%}
.snapshots-section .section-header p{width:auto}
.media-highlights-section .container{width:96%}
.media-highlights-section .section-header p{width:auto}
.media-highlights-section .media-thumbs-outer .media-thumb img{height:75px}
.how-it-work-section .container p{max-width:339px}
.how-it-work-section .how-it-works-content p{font-size:20px}
.office-section .address-tab-content .content a{font-size:21px}
.office-section .address-tab-content .content{font-size:23px}

    .widget.item-absolute .col-md-4{width:100%;    padding-left: 25px;
    padding-right: 25px;
 }
    .widget.item-absolute .contents.row{display: block}
    .widget.item-absolute .companyLogo img{display: block!important}
    .widget.item-absolute .grids{margin-bottom:25px;}
    .widget.item-absolute .grids p{min-height:auto; }
    .widget.item-absolute .grids.center {
    padding: 20px 20px 20px; }
    .widget.item-absolute .grids:before{content: '';display:none;}
    .widget.item-absolute .grids{box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.24)!important;}
    .widget.item-absolute .grids h3{margin-top:0px; }
    .widget.item-absolute .companyLogo img{margin:0px auto}
    .contrary {
    text-align: center;
    padding: 60px 0;
}
.Vertical_line {
    height: 125px;
}
.customContainer.pad-topBottom-50 {
    padding: 30px 0;
}
.contrary h2.title {
    font-size: 32px;
}
    
}
@media screen and (max-width:767px) {
    .widget.item-absolute .col-md-4{width:100%;    padding-left: 25px;
    padding-right: 25px; }
    .widget.item-absolute .grids{margin-bottom:25px;}
        .widget.item-absolute .grids h3{margin-top:0px; }
    .widget.item-absolute .contents.row{display: block}
    .widget.item-absolute .companyLogo img{display: block!important}
    .widget.item-absolute .grids p{min-height:auto; }
    .widget.item-absolute .grids.center {padding: 20px 20px 20px;}
    .widget.item-absolute .companyLogo img{margin:0px auto}
    .widget.item-absolute .grids:before{content: '';display:none;}
    .widget.item-absolute .grids{box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.24)!important;}
.projects-section .project-detail-section .project-detail.nielsen .project-img img, 
.projects-section .project-detail-section .project-detail.cococola .project-img img,
.projects-section .project-detail-section .project-detail.unilever-food .project-img img{display: none; }
.artist_footer .get-intouch-btn{width:200px;margin-top:10px}
.how-it-work-section .how-it-works-content.how-work-content{width:auto;right:0}
.how-it-work-section .how-it-works-content p span{padding-right:0}
.text_outer{font-size:20px;left:50%;top:45%;margin:-30px 0 0 -150px}
.homescreen-content .get-intouch{width:130px;bottom:30%;height:35px;line-height:35px}
.text_outer #testing{height:200px}
.footer img,.footer_border{width:450px;max-width:100%}
.footer img,.footer_border,.inner_page_contact_img img{max-width:100%}
.wheel,.wheel_section{min-height:500px}
.container .about p{font-size:18px}
.highlight-text,.highlight-text-contact,.home-contact{text-align:center}
.artist_img.work{margin-top:4em}
.artist4_left.success p,.artist4_left.work p{padding:0}
.slider_img{padding-top:2em;margin-bottom:3em}
.artist4_left.success h2,.artist4_left.success h3,.artist4_left.success p,.artist4_left.work h2,.artist4_left.work h3,.artist4_left.work p{padding:0;text-align:center}
.social-icons-outer{display:none}
.taylormade img{display:none!important}
.services-graphic-outer,.social_icon_outer{display:none}
.taylormade h1{font-size:2em}
.inner_page_contact_img{text-align:center}
.contact .row h2,.contact .row h3,.contact .row p{text-align:center}
.pull-right{float:left}
.left_contact h2{text-align:center}
.left_contact h3{text-align:center;margin-top:6px}
.left_contact p{text-align:center}
.left_contact{padding-top:0}
.artist4_left.success,.artist4_left.work{padding-top:3em}
.artist_left{margin-top:3em}
.footer_inner{text-align:center}
.footer_border{border-top:2px solid #303039;margin:2em auto 0}
.services-mobile{margin-bottom:7em;padding-top:2em}
.services-mobile .service_inner{display:block;background-color:#e7e7e8;padding:1.5em;margin-bottom:20px;text-align:left;border-radius:5px;position:relative}
.services-mobile .service_inner h3{margin:0 0 15px;color:#e26749;font-size:1.4em}
.services-mobile .service_inner a{border-radius:5px;display:block;position:absolute;left:0;top:0;right:0;bottom:0}
.center_circle,.center_outer:after,.services_nav{display:none}
.services-mobile .service_inner p{text-align:left;font-size:1.1em;line-height:1.5em}
.text_outer{width:300px;font-size:20px;position:absolute;left:50%;top:50%;margin:-30px 0 0 -150px;color:#fff}
.text span.hover2{font-size:20px}
.center_outer,.main_circle,.right_circle,.right_outer{position:relative}
.header_outer.scrolled.about{background:0 0}
.stage .row{height:auto}
.step_2 .step_text{margin-left:25px}
.inner_contact_image_left{float:left;width:100%;text-align:center;display:none}
.inner_contact_center{float:left;width:100%;padding-top:0}
.inner_contact_image_right{float:left;width:100%;padding-top:6em;text-align:center}
.left_circle,.right_circle{border-radius:0;float:none}
.center_outer,.left_circle,.right_circle{width:550px;max-width:100%}
.right_circle{height:auto;padding-bottom:4em;border:3px solid #fa691c;overflow:hidden}
.left_circle{height:520px;border:3px solid #7323de}
.center_circle_text{padding-top:3em;padding-bottom:2em}
.main_circle{margin:8em auto 0;width:904px;max-width:100%;padding:0 25px}
.center_outer{text-align:center;height:auto;border-radius:0;left:50%;margin-left:-275px;margin-top:-200px;margin-bottom:-48px;top:0;z-index:1;float:left;background:#5e5865}
.left_outer,.right_outer{width:550px;float:none;text-align:center;max-width:100%}
.success-stories-inner-footer.aboki .next-project-link,.success-stories-inner-footer.dice .next-project-link,.success-stories-inner-footer.docsnap .next-project-link,.success-stories-inner-footer.health-connect .next-project-link,.success-stories-inner-footer.keyplace-footer .next-project-link,.success-stories-inner-footer.lingo .next-project-link,.success-stories-inner-footer.mymedi .next-project-link,.success-stories-inner-footer.nlgic .next-project-link,.success-stories-inner-footer.oslete .next-project-link,.success-stories-inner-footer.panic-footer .next-project-link,.success-stories-inner-footer.playsport .next-project-link,.success-stories-inner-footer.radiyo .next-project-link,.success-stories-inner-footer.souvice .next-project-link,.success-stories-inner-footer.sthree .next-project-link,.success-stories-inner-footer.tewton .next-project-link,.success-stories-inner-footer.utones .next-project-link,.success-stories-inner-footer.yap-yap .next-project-link{background-image:none}
.right_outer{margin-left:auto;margin-right:auto}
.left_outer>p,.right_outer>p{font-size:20px;position:absolute;left:50%;font-weight:500}
.right_outer>p{color:#fa691c;text-align:center;bottom:10px;margin-left:-89px}
.left_outer{position:relative;margin:0 auto}
.left_outer>p{color:#7323de;margin-left:-70px;top:20px}
.center_outer:after,.center_outer:before{content:" ";position:absolute;left:0}
.left_circle_text p{padding-top:6px;padding-bottom:6px;color:#000;width:100%;text-align:center;margin:0;float:left;font-size:16px;font-weight:500}
.left_circle_text{padding-left:0;float:none;padding-top:12%}
.left_circle_text hr{width:18px;border:3px solid #e7e7e8;margin:10px auto;float:none;border-radius:4px}
.right_circle_text{padding-right:0;float:none;padding-top:16%}
.right_circle p{float:none;text-align:center}
.right_circle_text hr{width:18px;border:3px solid #e7e7e8;float:none;margin:10px auto;border-radius:4px}
.center_outer:before{top:0;width:100%;border:3px solid #fa691c;height:100%;border-bottom:solid 3px #7323de}
.center_outer:after{bottom:0;width:100%;border:3px solid #fa691c;height:50%;border-top:none}
.logo a{display:inline-block}
.internalpage-app .screen-counter,.taylormade p br{display:none}
.project_text_section{width:100%;float:right}
.project_img_section{width:100%;padding-top:14em;text-align:center}
.project_img_section img{max-width:100%}
.project_logo{text-align:center}
.project_inner_text{margin-top:4em;padding:0 10px}
.project_inner_text p{color:#fff;font-size:20px;font-weight:300;text-align:justify}
.common_project{margin-top:15em}
.project_button{padding:4em 10px;text-align:center}
.project_button img{max-width:100%;margin-bottom:2em}
.button_space{margin-right:2em}
.section-nav{position:fixed;right:14px;top:40%;margin-top:-175px;z-index:1;width:35px}
.yadda .project_img_section{float:right;text-align:center;width:100%;padding-top:4em;position:static}
.panic .project_text_section,.yadda .project_text_section{float:left;width:100%}
.yadda .common_project{margin-top:4em}
.panic .common_project,.yap .common_project{margin-top:3em}
.panic .project_img_section{float:right;text-align:center;width:100%;padding-top:3em}
.fakhroo .common_project,.findmii .common_project,.keyplace .common_project,.monch .common_project,.yappr .common_project{margin-top:6em}
.yap .project_text_section{width:100%;float:left}
.mantra_right,.yap .project_img_section{float:right;width:100%;text-align:center}
.yap .project_img_section{padding-top:3em}
.mantra_right{margin-bottom:2em}
.fakhroo .project_text_section{width:100%;float:left}
.fakhroo .project_img_section{float:right;text-align:center;width:100%;padding-top:0}
.findmii .project_text_section{width:100%;float:left}
.findmii .project_img_section{float:right;text-align:center;width:100%;padding-top:0}
.keyplace .project_img_section{width:100%}
.monch .project_img_section,.yappr .project_img_section{width:auto}
.section-nav a{font-size:1.2em}
.how-it-work-section .how-it-works-content p{font-size:16px}
.how-it-work-section .how-it-works-content.how-work-content{right:0}
.how-it-work-section .container p{max-width:250px}
.highlight-text{font-size:21px}
.how-it-work-section .how-it-works-content.how-work-content a{font-size:15px;width:180px;margin-top:10px}
.how-it-work-section .how-it-works-content.how-work-content .get-intouch-btn{border:none}
.success-stories p{line-height:30px}
.artist_top h1,.artist_top h2,.item-highlight1,.taylormade .section-heading,.artist_top .heading{font-size:1.8em}
.artist_left p,.artist_top p,.taylormade p{font-size:1.1em}
.artist_left p{line-height:1.4}
.taylormade p{padding:0 15px}
.artist4_left h2,.artist5_left h2,.artist_left h2{font-size:1.8em}
.sitemap-link{width:auto;float:none}
.artistpage1{padding-top:3em}
.artist5_left{margin-top:3em}
.docsnap .wireframe .wireframe-screenshot .wireframe-image .frame-screenshot{left:55px}
.docsnap .our-goal .goal-content{padding:75px 0}
.docsnap .our-goal p{margin:22px auto 0;width:100%;font-size:22px;text-align:center}
.docsnap .our-goal .app-design p{text-align:center}
.docsnap .wireframe .wireframe-screenshot .wireframe-image{margin-top:65px}
.docsnap .our-goal .app-design{padding-top:140px}
.the-result{margin-top:100px}
.the-result p{margin:50px auto 0;font-size:22px;text-align:center}
.the-result .app-links{padding-bottom:115px}
.internalpage-app .footer-button a{margin:15px 7px;width:300px;font-size:16px}
.internalpage-app .footer-button a span.check-button{padding:15px 0}
.internalpage-app .footer-button a span{padding:28px 0}
.internalpage-app .app-footer{padding:45px 0 30px}
.success-banner .success-banner-content{left:0;margin-left:0}
.the-result .screenshot-slider ul li a{font-size:14px}
.the-result h3{font-size:45px}
.the-result .screenshot-slider.screenshot-slide2 .app-features .features-loop .feature-counter{margin-top:-71px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide3 .app-features .features-loop .feature-counter{margin-top:-149px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide4 .app-features .features-loop .feature-counter{margin-top:-238px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide5 .app-features .features-loop .feature-counter{margin-top:-327px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider .feature-description p{width:97%}
.the-result .screenshot-slider .feature-description .feature-detail{height:105px;overflow:hidden}
.the-result .screenshot-slider .feature-description .feature-detail .feature-inner .feature-section{height:105px}
.the-result .screenshot-slider.screenshot-slide2 .feature-description .feature-detail .feature-inner{margin-top:-105px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide3 .feature-description .feature-detail .feature-inner{margin-top:-210px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide4 .feature-description .feature-detail .feature-inner{margin-top:-315px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide5 .feature-description .feature-detail .feature-inner{margin-top:-420px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result p{margin-top:0}
.success-banner h1{font-size:2.2em}
.success-banner .banner-text{font-size:22px}
.internalpage-app .app-design-section .app-design p{width:100%}
.internalpage-app .app-banner{float:none;width:100%}
.internalpage-app .app-banner .app-background .scrollmagic-section{position:static;margin:0 auto}
.app-footer .footer-text{float:none;margin-left:55px}
.internalpage-app .app-footer .footer-text .footer-description{font-size:17px}
.app-footer .footer-text .copy-right{margin-top:35px}
.internalpage-app .app-footer .footer-right .top-link{margin-top:-16px}
.internalpage-app.docsnap .app-banner .app-background .app-logo,.internalpage-app.docsnap .app-banner .app-background .project-logo-holder{margin:130px 0 0}
.internalpage-app.keyplace-inner video{margin-top:96px}
.internalpage-app.keyplace-inner .docsnap-content{margin-top:60px}
.internalpage-app.keyplace-inner .app-footer .footer-right .flip-container{padding:10px}
.internalpage-app .app-footer .footer-right .flip-container{padding:9px 13px}
.success-banner .app-footer .footer-text .footer-description{font-size:19px;text-align:left}
.the-result .screenshot-slider .slider-section{width:295px;float:right}
.the-result .screenshot-slider .app-features{width:39%}
.internalpage-app .banner-section{height:auto;min-height:auto}
.internalpage-app .app-banner .app-background .app-logo-holder,.internalpage-app.dice .app-banner .app-background .app-logo-holder{margin:125px auto 0}
.success-stories{    margin: 80px 0px;}
.outer-wrapper.successStory { width: 100%; min-height: 400px;}
.internalpage-app .app-banner .app-background .app-logo img{width:60px}
.internalpage-app.docsnap .app-banner .app-background .app-logo img{width:135px}
.internalpage-app.utone .app-banner .app-background .app-logo img{width:150px}
.success-stories .success-image{display:none;max-width:100%}
.inner_service_top h4 br,.projects-section .project-detail-section .project-detail .project-img,.success-stories .success-story-image,.success-stories-inner-footer .next-project-link .link-overlay{display:none}
.success-stories .success-image img{width:420px;max-width:100%}
.contact-popup .inner-holder{width:80%;right:-80%}
.contact-popup .inner-holder .inner-form .inner-container{padding:0 22px 55px}
.app-footer .footer-text .footer-description .footer-link{font-size:17px}
.success-stories-inner-footer .next-project-link{height:135px}
.success-stories-inner-footer .next-project-link a{padding:30px 0 0}
.success-stories-inner-footer .next-project-link:hover a{padding-top:30px}
.success-stories-inner-footer .next-project-link a span.project-name{font-size:30px}
.contact-page .middle-section .contact-form .success-msg,.inner_service_top h4{font-size:1.2em}
.contact_location{width:100%;float:none}
.contact-page .middle-section .contact-form{width:100%;float:none;margin:0 auto}
.bottom-contact-tip{padding:15px 20px}
.bottom-contact-tip.show{bottom:0}
.bottom-contact-tip .inner-holder{max-width:100%;margin:0 auto}
.bottom-contact-tip .left-section{max-width:100%;float:none;margin-bottom:15px;text-align:center}
.bottom-contact-tip .email-form{max-width:100%;float:none}
.bottom-contact-tip .email-form input[type=text]{width:70%;float:left;margin-right:2%}
.bottom-contact-tip .email-form .submit{width:28%;float:left}
.internalpage-app.dice .app-banner .app-background .app-logo img{width:98px}
.internalpage-app.dice .app-banner .app-background .banner-border{border:none}
.internalpage-app .wireframe .wireframe-screenshot.wireframe-series .wireframe-image{width:50%}
.internalpage-app .wireframe .challange-section .challanges{float:none;width:100%}
.internalpage-app .wireframe .challange-section .challanges p{margin-bottom:22px}
.internalpage-app.aboki .app-banner .app-background .app-logo img{width:170px}
.internalpage-app .common-section p,.internalpage-app .docsnap-content p{font-size:1.4em}
.internalpage-app.playsport .app-banner .app-background .app-logo img{width:auto}
.internalpage-app.playsport .app-banner .app-background .app-logo{margin:0}
.success-banner .apps-banner .app-panel.app-section11 h2{font-size:3em}
.success-banner .apps-banner .app-section11 .app-text{margin-left:-72px;margin-top:-35px}
.success-banner .apps-banner .app-section5 .app-text img{width:185px}
.success-banner .apps-banner .app-section5 .app-text{margin-top:-19px;margin-left:-106px}
.projects-section .project-detail-section .project-detail .inner-holder{position:static;text-align:center;margin:0}
.projects-section .project-detail-section .project-detail .project-header.left .project-logo{float:none;margin-right:0}
.projects-section .project-detail-section .project-detail .project-header.left h2{float:none}
.projects-section .project-detail-section .project-detail .project-header.left h2 img{display:inline-block}
.projects-section .project-detail-section .project-detail{height:auto;padding:50px 20px;margin-bottom:10px}
.snapshots-section .section-header p{font-size:1.2em}
.snapshots-section .fact-stats-outer{font-size:1em}
.media-highlights-section .section-header p{font-size:1.2em}
.media-highlights-section .media-thumbs-outer .media-thumb{margin-right:35px}
.media-highlights-section .media-thumbs-outer .media-thumb img{height:65px}
.office-section h2{font-size:1.8em}
.office-section .address-tab-content .clock{width:220px}
.office-section .address-tab-content .content{margin-left:240px;font-size:20px}
.office-section .clock .analog{transform:scale(.8)}
.form-element{font-size:1.2em}
.contact-page .middle-section .contact-form .form-element .button{width:110px;padding:7px 0}
.button{font-size:16px}
.office-section .address-tabs li span{font-weight:400;font-size:14px}
.office-section .address-tabs li{padding:0 5px}
.how-it-works-content-outer{position:static}
.how-it-work-section .how-it-works-content p,.how-it-work-section .how-it-works-content p span.highlight-text,.how-it-work-section .how-it-works-content.how-work-content a{color:#000}
.how-it-work-section .artist_right .animation-inner{background:0 0}
.how-it-work-section .artist4_left{width:100%}
.how-it-work-section .how-it-works-content.how-work-content{position:static;text-align:center;margin:0 0 30px}
.how-it-work-section .container p,.how-it-work-section .how-it-works-content p span.highlight-text{text-align:center}
.text2{left:35%}
.text1{left:25%}
.circle-container{margin-top:-210px;-webkit-transform:scale(.73);transform:scale(.73)}
.circle,.circle div{width:90%;height:90%;right:0;left:0;margin:auto}
.circle-container .circle10 ~ .circle{display:none}
.contrary .headingWrap p br{
	display: none;
}
.contrary h2.title {
    font-size:26px;
}
.contrary .headingWrap {
    padding: 0 15px;
}
}
@-webkit-keyframes mymove {
0%,100%{padding-top:6.5em}
50%{padding-top:6em}
}
@keyframes mymove {
0%,100%{padding-top:6.5em}
50%{padding-top:6em}
}
.start_project p img{max-width:20px}
/*.get-intouch-btn{height:40px;line-height:40px}*/
.snapshots-section .grid-left,.media-highlights-section .grid-left{width:100%}
.snapshots-section .get-intouch-btn,.media-highlights-section .get-intouch-btn{float:left;margin-top:5px}

.success-stories a{width:180px;margin-top:10px}

@media screen and (max-width:767px) and (min-width:500px) {
.step_1 .step_images{width:250px}
.step_1 .step_images .circles{float:none}
.step_1 .rounded_circle{right:0}
.step_2 .step_images{float:left}
.step_1 .step_text,.step_2 .step_text{float:none;width:auto}
.step_2 .step_images .circles{margin-right:0}
.step_2 .step_text{margin-left:260px}
.step_2 .step_text h3{text-align:left}
.step_2 .rounded_circle{left:50%;margin-left:39px}
.first.filled_circle{margin-left:0}
.step_text{margin-left:260px}
.step_1 .cover,.vertical-line{left:191px}
.social-icons-outer{display:none}
.home_contact{margin-top:2em}
.artist_left_text{padding:0}
.taylormade{width:100%;padding-top:11em;position:relative;padding-bottom:100px;z-index:1;}
.logo a{display:inline-block;}
.taylormade img{display:none!important;}
.work_section_outer{width:100%;float:left;margin-top:2em;margin-bottom:3em;}
.common_contact{margin-top:2em;margin-bottom:1em;}

}


@media screen and (max-width:599px) {
.center_outer,.step_1 .step_images,.step_1 .step_text,.step_1 .step_text p,.step_2 .step_text,.step_2 .step_text p{text-align:center}
.logo{width:0}
.step_1 .step_images,.step_1 .step_text,.step_2 .step_images,.step_2 .step_text{width:100%;float:none}
.taylormade h1{font-size:1.9em}
.step_text{margin-left:0}
.services-mobile .col-xs-6{width:100%}
.header_outer.scrolled.about{background:0 0}
.step_2 .step_text{margin-left:25px}
.service_inner{height:auto}
.step_1 .step_images .circles{display:inline-block;margin-right:0}
.step_1 .filled_circle,.step_1 .rounded_circle{display:inline-block;float:left;margin:0 10px}
.step_1 .rounded_circle{position:static}
.center_circle,.social-icons-outer,.vertical-line{display:none}
.center_outer,.main_circle,.right_circle,.right_outer{position:relative}
.step_1 .step_images .circles{float:none;margin:0 25px 0 0}
.step_1 .step_text h3{margin-top:20px}
.step_2 .step_text{margin:0}
.step_2 .step_text h3{margin-top:20px;text-align:center}
.filled_circle{float:right}
.left_circle,.right_circle{border-radius:0;float:none;width:100%;max-width:100%}
.step_2 .rounded_circle{margin-left:18px}
.step_2 .filled_circle{margin-right:8px}
.right_circle{height:auto;padding-bottom:4em;border:3px solid #fa691c;overflow:hidden}
.left_circle{height:500px;border:3px solid #7323de}
.center_circle_text{padding-top:3em;padding-bottom:2em}
.main_circle{margin:8em auto 0;width:904px;max-width:100%;padding:0 25px}
.center_outer{width:100%;height:auto;max-width:100%;border-radius:0;left:0;margin-left:0;margin-top:-200px;margin-bottom:-48px;top:0;z-index:1;float:left;background:#5e5865}
.left_outer,.right_outer{float:none;max-width:100%;width:100%;text-align:center}
.right_outer{margin-left:auto;margin-right:auto}
.left_outer>p,.right_outer>p{font-size:20px;position:absolute;left:50%;font-weight:500}
.right_outer>p{color:#fa691c;text-align:center;bottom:10px;margin-left:-89px}
.left_outer{position:relative;margin:0 auto}
.left_outer>p{color:#7323de;margin-left:-70px;top:20px}
.center_outer:after,.center_outer:before{content:" ";position:absolute;left:0}
.left_circle_text p{padding-top:6px;padding-bottom:6px;color:#000;width:100%;text-align:center;margin:0;float:left;font-size:16px;font-weight:500}
.left_circle_text{padding-left:0;float:none;padding-top:12%}
.left_circle_text hr{width:18px;border:3px solid #e7e7e8;margin:10px auto;float:none;border-radius:4px}
.right_circle_text{padding-right:0;float:none;padding-top:16%}
.right_circle p{float:none;text-align:center}
.right_circle_text hr{width:18px;border:3px solid #e7e7e8;float:none;margin:10px auto;border-radius:4px}
.center_outer:before{top:0;width:100%;border:3px solid #fa691c;height:100%;border-bottom:solid 3px #7323de}
.center_outer:after{bottom:0;width:100%;border:3px solid #fa691c;height:50%;border-top:none;display:none}
.home_contact{margin-top:2em}
.artist_left_text{padding:0}
.slider_img{padding-top:3em}
.taylormade p{font-weight:300;color:#333;text-align:center;font-size:1.2em;line-height:1.2}
.taylormade{width:100%;padding-top:8em;padding-bottom:100px;position:relative;z-index:1}
.logo a{display:inline-block}
.services-mobile{margin-bottom:0;padding-top:2em}
.work_section_outer{width:100%;float:left;margin-top:0;margin-bottom:2em}
.common_contact{margin-top:5em;margin-bottom:1em}
.common{margin:0 auto 1em;padding-top:0;float:left;width:100%}
.common_project{margin-top:11em}
.project_inner_text{margin-top:2em}
.project_inner_text p{font-size:18px}
.project_button{padding:2em 10px}
.project_img_section img,.yadda .project_img_section img{width:230px}
.panic .project_img_section,.yadda .project_img_section{padding-top:0}
.fakhroo .common_project,.keyplace .common_project,.monch .common_project,.yappr .common_project{margin-top:3em}
.footer img{width:400px}
.section-nav a{font-size:1em}
.success-stories p{line-height:24px;font-size:15px}
.home-contact{display:inline}
.footer-logo-section,.the-result .screenshot-slider .app-features,.the-result .screenshot-slider .feature-description{display:none}
.container .about p{font-size:16px}
.copyright .new-footer{padding:0 15px}
.footer-services{width:33%}
.footer-menu{width:34%}
.footer-social-icons{width:33%}
.footer-bottom-section{margin-left:0}
.sitemap-link{width:auto}
.footer-copyright-text{width:100%}
.parallax-image{height:220px;min-height:220px}
.docsnap .docsnap-content p{font-size:22px}
.docsnap .docsnap-content{padding-bottom:95px}
.docsnap .our-goal{padding:70px 0}
.docsnap .our-goal .goal-content{padding:75px 0 20px}
.docsnap .wireframe .wireframe-screenshot .wireframe-image .frame-screenshot{left:25px}
.docsnap .our-goal .app-image img{width:420px}
.the-result{margin-top:65px}
.the-result p{margin-top:25px}
.the-result .app-links{padding-bottom:85px;margin-top:45px}
.docsnap .footer-button a span{padding:26px 0}
.success-banner h1{font-size:2em}
.success-banner .banner-text{font-size:19px}
.the-result .screenshot-slider .slider-section{width:100%}
.the-result .screenshot-slider.screenshot-slide1 .slider-background-image .slide-images .slide-screenshot{margin-top:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide2 .slider-background-image .slide-images .slide-screenshot{margin-top:-368px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide3 .slider-background-image .slide-images .slide-screenshot{margin-top:-736px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide4 .slider-background-image .slide-images .slide-screenshot{margin-top:-1104px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide5 .slider-background-image .slide-images .slide-screenshot{margin-top:-1472px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.internalpage-app .app-design-section .app-image{overflow:hidden;height:400px}
.internalpage-app .common-section p,.internalpage-app .docsnap-content p{font-size:18px}
.internalpage-app .common-section h2{font-size:22px}
.internalpage-app .app-footer .footer-left,.internalpage-app .app-footer .footer-right,.success-banner .app-footer .footer-left{width:100%;margin-bottom:25px}
.success-banner .app-footer .footer-right{width:100%;float:none;margin-bottom:25px}
.app-footer{position:relative}
.app-footer .footer-text p.copy-right{margin-top:0;position:absolute;bottom:0;padding-bottom:20px}
.app-footer{padding:45px 0 30px}
.app-footer .footer-text .copy-right{margin-top:20px}
.success-banner .app-footer .footer-text a.copy-right{text-align:left}
.internalpage-app.keyplace-inner .app-background .keyplace-background{display:block}
.internalpage-app.keyplace-inner video{display:none}
.internalpage-app.keyplace-inner .docsnap-content{margin-top:50px}
.contact-popup .contact-form-section{width:100%;margin:0 auto}
.contact-popup .inner-holder{width:100%;right:-100%}
.contact-popup .inner-holder .inner-form .inner-container .form-title h3{font-size:2.5em}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .radio-items label{padding:8px 18px}
.contact-popup .close-button{position:absolute;left:auto;right:0;top:0;padding:5px 7px;width:30px;cursor:pointer;background:#000;display:inline-block;z-index:100}
.contact-popup .inner-holder .inner-form .inner-container .form-element{font-size:18px}
.contact-popup .inner-holder .inner-form .inner-container .submit{width:110px;padding:7px 0}
.app-footer .footer-text .footer-description .footer-link{font-size:23px}
.internalpage-app .wireframe .challange-section .challanges p,.projects-section .project-detail-section .project-detail .project-description{font-size:18px}
.side-bar-menu{top:auto;bottom:0;margin-top:0;left:0;text-align:center;width:100%}
.side-bar-menu ul li{display:inline-block;width:50%;float:left;margin:0}
.side-bar-menu ul li a,.side-bar-menu ul li a:hover{width:auto;display:block}
.side-bar-menu ul li a{background:#fff}
.solution-section .solution-counter{width:365px}
.parallax-effact-section .parallax-section{-webkit-transform:scale(.6);transform:scale(.6)}
.screen-outer{top:-136px}
.internalpage-app .wireframe .wireframe-screenshot .wireframe-image{margin-top:45px}
.the-result .screenshot-flexslider{display:block}
.the-result .screenshot-flexslider .slider .flexslider .flex-direction-nav,.the-result .screenshot-flexslider .slider .flexslider ol,.the-result .screenshot-slider .slider-section .slide-images{display:none}
.the-result .screenshot-flexslider .slider{background:0 0;padding-top:75px}
.the-result .screenshot-slider ul li{margin:0}
.the-result .screenshot-slider .slider-background-image .screenshot-flexslider{width:207px;margin:0 auto}
.the-result .screenshot-slider .slider-background-image .screenshot-flexslider .flexslider{border:none}
.the-result .screenshot-slider .slider-background-image .screenshot-flexslider img{width:207px;height:368px}
.success-banner{padding-bottom:0}
.success-banner .apps-banner .app-section10 .app-text .app-logo img{width:65px}
.success-banner .apps-banner .app-section10 .app-text{margin-left:-32px;margin-top:-56px}
.success-banner .apps-banner{margin-top:414px}
.projects-section .project-detail-section .project-detail .inner-holder{padding-top:0}
.container .about{margin-top:100px}
.office-section{margin-top:40px}
.address-tabs{display:none}
.office-section .address-outer{margin-top:40px}
.office-section .address-tab-content{display:block;margin-bottom:50px}
.office-section .address-tab-content .clock{display:none}
.office-section .address-tab-content .content{margin-left:0;font-size:16px;text-align:center}
.office-section .address-tab-content .content h3{font-size:26px;text-align:center}
.office-section .address-tab-content .content h3 span{border-width:3px}
.office-section .address-tab-content .content p{text-align:left}
.office-section .address-tab-content .content p.email span,.office-section .address-tab-content .content p.phone span{background-size:18px}
.office-section .address-tab-content .content a.address{background-size:26px;background-position:-1px 0;font-size:16px;text-align:left}
.office-section .address-tab-content .content .get-intouch-btn{margin:20px auto;}
.sthree.coca_c_page .logo-area {
    background-size: 300px;
}
}
@media screen and (max-width:479px) {
.user_text,.user_text1{border-top:0;border-left:0;border-right:0;border-bottom:1px solid #000;height:25px;outline:0}
.envelop-back,.envelop-front,.social-icons-outer{display:none}
.wheel,.wheel_section{min-height:400px}
.container .about{margin-top:80px}
.logo{width:0}
.contact-form-holder{width:auto;max-width:100%;background:#fff;padding-bottom:25px;position:absolute;left:0;bottom:100px;z-index:1;margin-left:0;-webkit-transition:1s;transition:1s;box-shadow:0 0 4px rgba(0,0,0,.3)}
.homecontact_form p{font-size:20px;line-height:1.3;margin-bottom:15px}
.user_text1{width:146px}
.user_text{width:90px}
.homecontact_form h3{font-size:17px;font-weight:500;text-align:center}
.blog_img{float:left;width:100%}
.blog_text{float:none;padding-top:1em;text-align:center;line-height:.8}
.blog_inner{width:100%;height:auto;padding-top:6em;padding-bottom:0;border:1px solid #fff}
.copyright{padding-bottom:20px}
.left_circle_text{padding-left:0;float:none!important;padding-top:18%}
.container .about p{text-align:center;font-size:14px;color:#30302f;max-width:100%;margin-top:15px;width:100%;line-height:1.3}
.container .about h3{font-weight:500;font-size:2em}
.home_contact{margin-top:2em}
.taylormade img{display:none!important}
.artist_left_text{padding:0}
.slider_img{padding-top:3em}
.taylormade p{font-weight:300;color:#333;text-align:center;font-size:1.1em;line-height:1.2}
.taylormade{width:100%;padding-top:5em;position:relative;padding-bottom:20px;z-index:1}
.logo a{display:inline-block}
.services-mobile{margin-bottom:0;padding-top:2em}
.work_section_outer{width:100%;float:left;margin-top:0;margin-bottom:2em}
.common_contact{margin-top:3em;margin-bottom:3em}
.common{margin:0 auto 1em;padding-top:0;float:left;width:100%}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .radio-items,.sitemap-link{float:none}
.section-nav{position:fixed;right:14px;display:none;top:40%;margin-top:-175px;z-index:1;width:35px}
.project_inner_text p{font-size:16px}
.project_logo img{width:110px}
.project_button{padding:1em 10px}
.project_button img{width:130px}
.yap .project_img_section{padding-top:0}
.panic .project_logo img{width:70px}
.yappr .project_img_section img{width:260px}
.fakhroo .project_logo img{width:75px}
.keyplace .project_logo img{width:60px}
.success-stories{padding:55px 4% 0}
.footer-menu ul li a,.footer-services ul li a,.footer-social-icons ul li a{font-size:13px}
.footer-copyright-text{float:none;margin-bottom:10px}
.contact_image{margin-top:1em}
.success-stories p{line-height:24px}
.docsnap .wireframe .wireframe-screenshot .wireframe-image{width:100%}
.docsnap .wireframe .wireframe-screenshot .wireframe-image .frame-screenshot{left:54px}
.docsnap .docsnap-content p{font-size:18px}
.docsnap .footer-button a{width:243px}
.docsnap .our-goal h2{font-size:28px}
.docsnap .our-goal p{font-size:18px}
.the-result h2{font-size:28px}
.the-result p{font-size:18px}
.the-result .app-links{margin-top:25px}
.internalpage-app .app-footer h2{font-size:28px;margin-top:0}
.app-footer .footer-text .footer-description .footer-link,.internalpage-app .app-footer .footer-text .footer-description,.internalpage-app .footer-button a{font-size:14px}
.internalpage-app .footer-button a span.check-button{padding:4px}
.internalpage-app .footer-button a span{padding:14px 0}
.internalpage-app .app-footer{padding:30px 0 44px}
.app-footer .flip-container{height:40px;width:40px;padding:6px 10px 12px}
.internalpage-app.yap-yap .app-footer .footer-right .flip-container{padding:7px 7px 0}
.docsnap .our-goal img{width:234px}
.docsnap .our-goal .app-image img{width:205px}
.docsnap .our-goal .app-image{margin-top:68px}
.the-result a img{width:170px}
.internalpage-app .wireframe .wireframe-screenshot .wireframe-image{width:100%;margin-top:40px}
.internalpage-app .app-design-section .app-image{height:300px}
.success-banner a.projects{margin:50px 0;padding:14px 0;font-size:15px;width:210px}
.success-banner .app-footer .flip-container{padding:5px 0 0 1px}
.flipper .footer-image img{width:20px}
.internalpage-app.docsnap .app-banner .app-background .app-logo{margin:130px 0 0}
.internalpage-app.docsnap .app-banner .app-background .app-logo img{margin-right:-65px}
.internalpage-app .app-banner .app-background .docsnap-title h3{font-size:25px}
.internalpage-app .app-banner .app-background .docsnap-title h1{font-size:25px}
.internalpage-app .app-banner .app-background .app-logo-holder{width:auto}
.internalpage-app.keyplace-inner .keyplace-logo img{width:185px}
.internalpage-app .app-banner .app-background .scrollmagic-section{width:288px}
.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar{margin:80px 43px 0 42px;height:359px}
.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar img{height:359px}
.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar .image-scroller2.image-container{margin-top:-359px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar .image-scroller3.image-container{margin-top:-718px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar .image-scroller4.image-container{margin-top:-1077px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.contact-popup .inner-holder .inner-form .inner-container{padding:0 10px 55px}
.contact-popup .inner-holder .inner-form .inner-container .form-element{font-size:16px}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .radio-items label{padding:8px 13px;font-size:13px}
.contact-popup .inner-holder .inner-form .inner-container .form-title p{font-size:22px}
.contact-popup .inner-holder .inner-form .inner-container .submit{width:95px;padding:6px 0;font-size:15px}
.solution-section .solution-counter{width:227px}
.parallax-effact-section .parallax-section{-webkit-transform:scale(.5) translate(-138px);transform:scale(.5) translate(-138px)}
.screen-outer{top:-91px}
.solution-section .solution-counter .solution-counter1 .solution-number{font-size:45px}
.internalpage-app .wireframe .wireframe-screenshot.wireframe-series .wireframe-image{width:100%}
.success-stories-inner-footer .get-a-quote-link a{font-size:18px}
.success-stories-inner-footer .next-project-link{height:108px;padding:0}
.success-stories-inner-footer .next-project-link a span.project-name{font-size:22px}
.success-stories-inner-footer .next-project-link a span.title{font-size:12px}
.success-stories-inner-footer .next-project-link a,.success-stories-inner-footer .next-project-link:hover a{padding:20px 0 0}
.internalpage-app .our-goal .goal-image img{width:210px}
.internalpage-app.dice .our-goal .goal-content{padding-top:80px}
.internalpage-app .app-design-section,.internalpage-app .our-goal .goal-content,.internalpage-app .wireframe{padding-top:0}
.internalpage-app .wireframe .wireframe-heading-image{width:145px}
.internalpage-app .wireframe .wireframe-detail{margin-top:30px}
.internalpage-app.dice .wireframe .challange-section{margin:18px 0 0}
.solution-section{margin-top:20px}
.solution-section .solution-text{margin-top:33px}
.solution-section .solution-image{width:140px}
.parallax-effact-section .parallax-frame{margin:0 auto}
.the-result{margin:0}
.the-result .app-links{padding-bottom:2px}
.solution-section .solution-counter .solution-counter1 p{font-size:16px}
.solution-section .solution-counter .solution-counter1{margin:0 6px}
.solution-section .solution-counter{margin:20px auto 0}
.internalpage-app .wireframe-section{margin-top:65px}
.internalpage-app .wireframe .challange-section .challanges p{padding:0}
.internalpage-app.nlgic .app-banner .app-background .app-logo-holder .docsnap-title,.oslete .the-result .screenshot-slider .slider-background-image{margin-left:0}
.success-story-intro-section{padding:130px 0 60px}
.success-story-intro-section .success-banner-content .inner-holder{padding:0}
.success-story-intro-section h1{font-size:35px}
.success-story-intro-section .banner-text{font-size:1.2em}
.projects-section .project-detail-section .project-detail .inner-holder{padding-bottom:0}
.projects-section .project-detail-section .project-detail .project-header{padding-left:0;border:none;margin-bottom:25px}
.projects-section .project-detail-section .project-detail .project-header h2{font-size:40px}
.projects-section .project-detail-section .project-detail .project-header .tagline{font-size:13px}
.projects-section .project-detail-section .project-detail .project-description{padding-left:0;font-size:15px;margin-bottom:50px}
.media-highlights-section .section-header p,.snapshots-section .section-header p{font-size:1em}
.projects-section .project-detail-section .project-detail .view-case-study-button{padding-left:0}
.snapshots-section .stat-col{margin-bottom:40px}
.snapshots-section .stat-col-1,.snapshots-section .stat-col-2,.snapshots-section .stat-col-3{width:46.33%}
.media-highlights-section .media-thumbs-outer .media-thumb{margin-bottom:0;margin-right:20px}
.media-highlights-section .media-thumbs-outer .media-thumb img{height:40px}
.locaton_nav ul li{padding:0;padding:0 12px}
.homecontact_form .heading{text-align:center}

}
@media screen and (max-width:399px) {
.projects-section .project-detail-section .project-detail .project-header h2,.success-story-intro-section h1{font-size:30px}
.locaton_nav ul li{padding:0;padding:0 6px}
.locaton_nav ul li a{font-size:16px}
.contact-page .middle-section .contact-form{padding:40px 0 0}
.contact-page .middle-section .contact-form .form-element .button{width:100px;padding:6px 0}
.button{font-size:15px}
.item.active{width:auto;margin:0 auto;max-width:100%;padding:0 5px}
}
@media screen and (max-width:319px) {
.homecontact_form,.taylormade{position:relative}
.internalpage-app .wireframe-section,.our-goal{min-height:auto}
.logo{width:0}
.social-icons-outer{display:none}
.left_circle_text{padding-left:0;float:none;padding-top:12%}
.container .about p{text-align:left;font-size:16px;color:#30302f;max-width:100%;margin-top:15px;width:100%;line-height:1.3}
.container .about h3{font-weight:500;font-size:2em}
.home_contact{margin-top:2em}
.taylormade img{display:none!important}
.artist_left_text{padding:0}
.slider_img{padding-top:3em}
.taylormade p{font-weight:300;color:#333;text-align:center;font-size:1.5em;line-height:1.2}
.taylormade{width:100%;padding-top:5em;padding-bottom:100px;z-index:1}
.logo a{display:inline-block}
.services-mobile{margin-bottom:0;padding-top:2em}
.work_section_outer{width:100%;float:left;margin-top:0;margin-bottom:2em}
.common_contact{margin-top:3em;margin-bottom:3em}
.error-msg{color:red;font-style:italic;margin-bottom:5px}
.thankyou-msg{position:absolute;width:100%;height:100%;padding:50px;background:#fff;text-align:center;left:0;top:0;font-size:17px;font-family:mv_boliregular,sans-serif}
.thankyou-msg.fadeout{display:none;opacity:0;-webkit-transition:all .4s ease;transition:all .4s ease}
.thankyou-msg.fadein{display:block;opacity:1}
.homecontact_form .user_text1.error{border-bottom-color:red}
.statcounter{display:none}
.app-footer{padding:30px 0 50px}
.app-footer .footer-text .copy-right{margin-top:12px}
.internalpage-app .app-banner .app-background .scrollmagic-section{width:228px}
.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar img{width:195px;height:347px}
.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar{margin:86px 16px 0;height:347px}
.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar .image-scroller1.image-container{margin-top:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar .image-scroller2.image-container{margin-top:-347px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar .image-scroller3.image-container{margin-top:-694px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider .slider-background-image{width:228px;margin-left:-4px}
.the-result .screenshot-slider .slider-background-image .slide-images img{width:195px;height:347px}
.the-result .screenshot-slider .slider-background-image .slide-images{height:347px;top:86px;left:-1px}
.the-result .screenshot-slider.screenshot-slide1 .slider-background-image .slide-images .slide-screenshot{margin-top:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide2 .slider-background-image .slide-images .slide-screenshot{margin-top:-347px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide3 .slider-background-image .slide-images .slide-screenshot{margin-top:-694px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide4 .slider-background-image .slide-images .slide-screenshot{margin-top:-1041px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.the-result .screenshot-slider.screenshot-slide5 .slider-background-image .slide-images .slide-screenshot{margin-top:-1388px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.internalpage-app .app-footer{padding:30px 0 54px}
.internalpage-app .app-footer .footer-text .copy-right{margin-top:15px}
.internalpage-app .our-goal .goal-image.our-goal-image img{width:207px}
.contact-popup .inner-holder .inner-form .inner-container .form-element .budget .radio-items label{padding:8px 6px}
.solution-section .solution-counter .solution-counter1 p{font-size:15px}
.internalpage-app .common-section p,.internalpage-app .docsnap-content p,.internalpage-app .wireframe .challange-section .challanges p{font-size:14px}
.app-overview-section{height:auto;margin-top:25px}
.our-goal{margin-top:65px}
.internalpage-app .common-section p,.souvice .the-result .screenshot-slider .slider-background-image{margin:0 auto}
.oslete .the-result .screenshot-slider .slider-background-image{margin-left:11px}
.locaton_nav ul li a{font-size:14px}
}
.text_lft_bnr {
    text-align: left;
    width: 48%;
}
.text_lft_bnr h1 {
    font-size: 42px;
    font-weight: 700;
    margin: 20px 0 20px 0;
    line-height: 55px;
}
.banner_start-x {
    margin-top: 130px;
}
.text_lft_bnr ul {
    padding: 0;
    margin: 0px 0 0 0;
}
.text_lft_bnr ul li {
    display: inline-block;
    list-style: none;
    margin-right: 15px;
}
.text_lft_bnr ul li a {
    display: inline-block;
    padding: 3px 20px;
    background: rgba(82,194,128,0.1);
    color: #52c280;
    font-size: 12px;
    font-weight: 600;
    border-radius: 28px;
}
.text_lft_bnr ul li:nth-child(2) a{
	background: rgba(250,129,77,0.1);
	color: #fa814d;
}
.text_lft_bnr p {
    font-size: 16px;
    text-align: left;
    margin-bottom: 14px;
    line-height: 28px;
}
.text_lft_bnr p.clr_blu{
	color: #5E7495;
}
.get-intouch-btn.no_rdius {
    border-radius: 0;
    padding: 6px 45px;
    height: auto;
    float: left;
    margin: 25px 0 0;
    font-size: 16px;
    width: auto;
}
a:hover, a:focus{
	text-decoration: none;
}
.arrw_bk{
	font-size: 20px;
	font-weight: 600;
}
.right_img_bnr img {
    width: 92%;
    float: right;
}
.right_img_bnr {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.main_cont_page {
    margin-top: 175px;
}
.stat_bx img {
    /* width: 35px; */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
}
.stat_bx {
    position: relative;
    padding-left: 60px;
    font-weight: 600;
    display: table-cell;
    vertical-align: middle;
    height: 140px;
    font-size: 15px;
    color: #484646;
}
#stats_pg {
    margin: 50px 0;
}
.about_startx {
    text-align: center;
    padding: 60px 0;
}
.abt_bx img{
	display: inline-block;
}
span.img_crcl {
    display: inline-block;
    width: 155px;
    height: 115px;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    /* border-radius: 100%; */
    line-height: 115px;
}
.main_cont_page h2 {
    font-weight: 700;
    margin-bottom: 22px;
}
.head_ttl{
	padding: 0 10%;
}
.head_ttl p {
    font-size: 18px;
    opacity: 0.8;
}
.abt_bx_sec {
    position: relative;
    margin: 10px 0 0 0;
    display: inline-block;
}
.abt_bx_sec:after {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 65%;
    content: '';
    background: #ddd;
    height: 1px;
    top: 90px;
    z-index: -1;
}
.abt_bx {
    display: inline-block;
    padding: 30px 8%;
    height: 360px;
}
.abt_bx h4 {
    margin: 0px 0 15px 0;
    font-size: 18px;
    font-weight: 600;
}
.abt_bx p {
    line-height: 28px;
    font-size: 14px;
    color: #5E7495;
}
#stats_pg {
    margin: 20px 0 0px 0;
}
.clients_love {
    text-align: center;
    background: #f5f9ff;
    padding: 90px 0;
}
.testi_slide {
    padding: 45px 10% 0 10%;
}
.testi_slide p{
	font-size: 22px;
	line-height: 32px;
}
.clnt_pro {
    display: inline-block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 100%;
    text-align: center;
}
.head_ttl h5 {
    background: rgba(250,129,77,0.1);
    padding: 6px 20px;
    display: inline-block;
    border-radius: 20px;
    font-weight: 600;
    font-size: 13px;
    color: #fa814d;
    margin: 0;
}
.clnt_pro img {
    width: 100%;
}
.client_dtl {
    margin-top: 50px;
}
/**/
.banner_sec_start-x {
    position: relative;
    padding-bottom: 90px;
    color: #484646;
}
.banner_sec_start-x h2 {
    font-size: 42px;
    color: #484646;
    letter-spacing: 2px;
}
.right_img_bnr img {
    width: 100%;
}
.right_img_bnr {
    right: 4%;
    transform: translate(-4%, 0);
    -moz-transform: translate(-4%, 0);
    -webkit-transform: translate(-4%, 0);
}
/**/
.main_cont_page h2{
	font-size: 42px;
	color: #484646;
}
.head_ttl p {
    font-size: 18px;
    opacity: 1;
    color: #5E7495;
    line-height: 28px;
}
.clients_love .flexslider .flex-control-nav {
    left: 0;
}
.clients_love .flexslider {
    padding: 0px 22%;
    background: none;
    border: none;
}
.clients_love .flexslider p {
    font-size: 22px;
    line-height: 34px;
    color: #484646;
    margin-top: 50px;
    padding: 0 50px;
}
.clients_love  ul.flex-direction-nav {
    display: none;
}
.client_dtl h4 {
    font-weight: 600;
}
.clients_love .flex-control-paging li a {
    width: 6px;
    height: 6px;
    background: #DBDFE6;
    border-radius: 100%;
}
.clients_love .flex-control-paging li a.flex-active{
	width: 10px;
    height:10px;
    background: #484646;
}
.clients_love .flex-control-nav li {
    vertical-align: middle;
}
.clients_love .flex-control-nav {
    height: 20px;
    vertical-align: middle;
    display: table-cell;
    bottom: -65px;
}
.what_get_steps {
    text-align: left;
}
.what_get_steps .head_ttl{
	padding: 0 15px;
}
.what_get_steps {
    text-align: left;
    padding: 20px 0;
}
.what_get_steps .head_ttl h5{
	background: rgba(82,194,128,0.1);
	color: #52c280;
}
.what_get_steps .head_ttl p {
    text-align: left;
    padding-right: 25%;
}
.what_get_steps .abt_bx p{
	text-align: left;
}
.what_get_steps span.img_crcl {
    width: 115px;
    font-size: 50px;
    font-weight: 900;
    font-style: italic;
}
.what_get_steps span.img_crcl {
    width: 115px;
    font-size: 50px;
    font-weight: 900;
    font-style: italic;
    color: #D6E0EF;
    text-align: left;
}
.what_get_steps .abt_bx{
	position: relative;
}
.what_get_steps .abt_bx{
	position: relative;
}
.what_get_steps .abt_bx:after {
    position: absolute;
    right: 0;
    top: 90px;
    background: #eee;
    height: 1px;
    width: 65%;
    content: '';
}
.what_get_steps .abt_bx_sec:after{
	display: none;
}
.abt_bx_sec .col-md-4:nth-child(3n+3) .abt_bx:after {
    display: none;
}
.clr_orng {
    font-size: 12px;
    color: #F06824;
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: 600;
}
.clr_orng:hover {
    text-decoration: underline;
    color: #F06824;
}
.clients_love .flexslider .slides .client_quote {
    width: 90px;
    position: absolute;
    top: 16px;
    left: 5px;
    z-index: -1;
}
.clients_love .flexslider .slides li{
	position: relative;
}
.how_it_works_sec .head_ttl {
    padding: 0 10%;
    text-align: center;
    margin-bottom: 70px;
}

.left_content_works ul li p{
	text-align: left;
	color: #5E7495;
	font-size: 16px;
}
.left_content_works ul li h4 {
    margin: 0px 0 15px 0;
    font-size: 20px;
    font-weight: 600;
}
.left_content_works ul li {
    display: inline-block;
    width: 100%;
    list-style: none;
    position: relative;
    border-left: solid 1px #eee;
    padding: 0 0 30px 60px;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
}
.left_content_works ul li:before {
    position: absolute;
    left: -8px;
    top: 0;
    background: #E2E8F0;
    width: 16px;
    height: 16px;
    content: '';
    border-radius: 100%;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
}
.left_content_works ul li:hover:before{
	background: #52C280;
	width: 24px;
    height: 24px;
    left: -12px;
    top: -3px;
}
.left_content_works ul li:last-child{
	border-left: 0;
	margin-bottom: 0;
}
.left_img_works {
    float: right;
    padding: 10% 0 0 0;
    height: 100vh;
}
.what_says{
	padding: 110px 0;
}
.what_says .head_ttl{
	text-align: center;
	margin-bottom: 65px;
}
.what_says .head_ttl h4{
	font-size: 24px;
	color: #484646;
	font-weight: 600;
}
.what_says p{
	font-size: 20px;
	line-height: 40px;
	color: #484646;
	text-align: left;
	margin: 0px 0 20px 0;
}
.founder_descrip {
    position: relative;
    padding-left: 80px;
    margin-top: 40px;
}
img.quoteimg {
    position: absolute;
    left: 0;
    width: 50px;
    top: 12px;
}
.founder_descrip .clr_orng{
	font-size: 18px;
}
.img_found img{
	width: 100%;
}
.send_request_us{
	background: #F7F9FC;
	padding: 120px 0 80px
}
.msge_form {
    background: #fff;
    padding: 50px 12%;
    box-shadow: 0px 16px 16px #0000000a;
    display: inline-block;
}
.msge_form label {
    width: 100%;
    display: inline-block;
    font-size: 12px;
    color: #5E7495;
    font-weight: normal;
    margin-top: 12px;
}
.msge_form input {
    width: 100%;
    border: none;
    font-size: 16px;
    color: #484646;
    border-bottom: solid 1px #ddd;
    padding: 8px 0;
}
.msge_form label:first-child{
	margin-top: 0;
}
.file_att {
    position: relative;
    padding-left:25px;
    margin: 35px 0 20px 0;
}
.file_att input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}
.file_att img {
    position: absolute;
    left: -7px;
    top: 0;
}
.file_att span{
	color: #5E7495;
	font-size: 16px;
	font-weight: 500;
}
.attech_f p {
    color: #5E7495;
    font-size: 12px;
    text-align: left;
}
.msge_form input[type="submit"] {
    margin-top: 35px;
    color: #fff;
    text-transform: none;
    font-weight: 500;
}
input, button{
	outline: none !important;
}
.msge_form input:focus{
	border-color: #F06824;
}
.msge_form h2 {
    font-size: 35px;
    font-weight: bold;
    line-height: 45px;
    width: 260px;
    position: relative;
    margin: 0 0 18px 0;
}
.msge_form h2 img {
    position: absolute;
    right: -50px;
    bottom: 14px;
}
.faq_sc{
	padding-left: 50px;
}
.faq_sc h2 {
    margin: 0;
    font-size: 68px;
    color: #E2E7F0;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.faq_sc h2 span {
    font-size: 50px;
}
.faq_sc .right-arrow {
    margin-top: 12px;
    margin-left: 20px;
    width: 10px;
    height: 100%;
    float: right;
    font-weight: bold;
    font-size: 20px;
}
.faq_sc .panel-default>.panel-heading{
	padding:0;
	background: none;
	border: none;
}
.faq_sc #accordion .panel-heading a {
    padding: 20px;
    display: inline-block;
    width: 90%;
    text-decoration: none;
}
.faq_sc #accordion .panel-heading a {
    padding: 20px 70px 20px 0;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #484646;
    position: relative;
    line-height: 26px;
    border: none;
}
.plus_icn, .minus_icn {
    position: absolute;
    right: 0px;
    top: 50%;
    font-size: 32px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
}
.plus_icn{
	display: none;
}
.collapsed .plus_icn{
	display: block;
}
.collapsed .minus_icn{
	display: none;
}
.send_request_us .panel-body {
    color: #9F9F9F;
    font-size: 16px;
    line-height: 28px;
    padding: 0 0 15px 0;
}
.send_request_us .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    border: none;
    box-shadow: none;
    background: none;
}
.send_request_us .collapse.in{
	border-bottom: solid 1px #eee;
}
.faq_sc #accordion .panel-heading a{
	border: none;
}
.faq_sc #accordion .panel-heading a.collapsed{
	border-bottom: solid 1px #eee;
    cursor: pointer;
}
.faq_sc .panel-default>.panel-heading+.panel-collapse>.panel-body{
border-top:0; 
}
.faq_sc .panel-collapse{display:none;}
.faq_sc .panel-default.active .panel-collapse{display:block;}
.faq_sc .panel-default.active .minus_icn{display: block;}
.faq_sc .panel-default.active .plus_icn{display: none;}

.faq_sc #accordion .panel-heading a span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #5E7495;
    margin-top: 2px;
}
.startx_sec{
	padding:110px 0;
}
.left_text_pricing {
    width: 100%;
    display: inline-block;
    border: 1px solid #E0E0E0;
    padding: 40px;
    background: #F7F9FC;
    box-shadow: 0px 24px 42px #0000000F;
}
.inner_content_prc{
	position: relative;
}
.most_aff {
    /* position: absolute; */
    /* left: 40px; */
    margin-left: -45px;
}
.inner_content_prc {
    position: relative;
    width: 345px;
    display: inline-block;
    text-align: left;
}
.inner_content_prc  p{
	text-align: left;
	font-size: 20px;
	color: #5E7495;
}
.inner_content_prc h3 {
    font-size: 40px;
    font-weight: bold;
    margin: 32px 0 20px 0;
}
.actual_prc, .current_prc {
    margin: 25px 0;
}
.actual_prc span{
	font-size: 16px;
	color: #5E7495;
}
.actual_prc h4 {
    font-weight: 500;
    font-size: 36px;
    color: #484646;
    position: relative;
}
.actual_prc h4:after {
    position: absolute;
    left: 0;
    top: 17px;
    content: '';
    background: #484646;
    width: 38%;
    height: 2px;
    right: 0;
}
.actual_prc h4 small {
    font-size: 20px;
    color: #484646;
    vertical-align: top;
    margin: 6px 5px 0px 0;
    display: inline-block;
}
.current_prc h4{
	font-size: 60px;
	font-weight: 700;
	color: #F06824;
}
.current_prc h4 small {
    font-size: 35px;
    font-weight: 700;
    color: #F06824;
    display: inline-block;
    vertical-align: top;
    margin: 10px 8px 0 0;
}
.actual_prc h4, .current_prc h4 {
    margin: 5px 0 0 0;
}
.actual_prc, .current_prc {
    margin: 25px 0 32px 0;
}
.current_prc {
    margin: 20px 0 15px 0;
}
p.invoice_pln{
	color: #5E7495;
	font-size: 16px;
	font-weight: 600;
}
p.invoice_pln span{
	font-weight: normal;
}
.left_text_pricing{
	position: relative;
}
.img_dgn {
    position: absolute;
    width: 56%;
    bottom: 0;
    right: 0;
}
.img_dgn img {
    width: 100%;
}
.startx_sec {
    padding: 90px 0 120px 0;
}
.page_develop_x .text_lft_bnr {
    width: 100%;
}
.page_develop_x .right_img_bnr {
    position: static;
    transform: translate(0, 50px);
    -webkit-transform: translate(0, 50px);
    -moz-transform: translate(0, 50px);
}
.partn_logo img {
    max-width: 100%;
    margin-top: 30px;
}
.Perks_sec {
    text-align: center;
    background: #f7faff;
    padding: 80px 0;
}
.skil_set_sec {
	padding: 110px 0;
}
.skil_set_sec .head_ttl p{
	text-align: left;
}
.tech_exp_bx {
    display: inline-block;
    width: 100%;
    margin: 30px 0;
}
.tech_exp_bx img {
    max-width: 100%;
}
.tech_exp_bx h4 {
    font-size: 20px;
    color: #5E7495;
    margin-bottom: 28px;
}
.skil_set_sec .head_ttl h5 {
    background: rgba(82,194,128,0.1);
    color: #52c280;
}
.skil_set_sec .head_ttl {
    padding: 0 12% 0 0;
    text-align: left;
    margin-bottom: 20px;
}
.skil_set_sec ul.slides li .succ_slide_box {
    display: inline-block;
    width: 100%;
    background: #B7E6FF;
    padding: 50px;
    overflow: hidden;
}
.skil_set_sec ul.slides li .succ_slide_box p {
    text-align: left;
    font-size: 24px;
    line-height: 42px;
    margin-bottom: 15px;
}
.skil_set_sec ul.slides li .succ_slide_box a{
	font-size: 18px;
	color: #F06824;
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: 600;
}
.images_niel img {
    vertical-align: bottom;
    position: absolute;
    bottom: 20px;
    left: 25px;
}
.images_niel img.mob_img_sld {
    position: static;
    margin-bottom: -60px;
}

.succ_slide_box{
	position: relative;overflow: hidden;
}
.skil_set_sec .head_ttl {
    padding: 0 15px;
    text-align: left;
    margin-bottom: 20px;
}
.skil_set_sec {
    height: 770px;
    position: relative;
    margin: 160px 0 20px 0;
    padding: 0;
}
.slide_success_sto {
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
    
}
.skil_set_sec ul.slides li .succ_slide_box.box_xl_axiata{
	background: #F9E1C7;
}
.story_text_lft {
    padding-top: 40%;
}
.actual_prc h4 sup {
    font-size: 20px;
    text-decoration: none !important;
    top: auto;
    margin-left: 0;
}
.current_prc h4 sup {
    top: auto;
    font-size: 24px;
    left: -12px;
    font-weight: normal;
    color: #484646;
}

/** Nav **/
.navigation_right ul li {
    padding: 0 25px 10px;
}
.navigation_left ul li {
    padding: 0 25px 10px;
}
.main_cont_page.choose_srvc_opt {
    background: #FBFAFF;
    height:100vh;
    text-align: center;
}
.choose_srvc_opt h1{
	font-size: 55px;
	color: #575757;
	padding: 50px 0;
}
.bx_service_choose img {
    max-width: 100%;
}
.bx_service_choose a {
    display: inline-block;
}
.arrw_bk img {
    margin-top: -4px;
}

.flex-direction-nav a:before {
    font-size: 40px;
    display: inline-block;
    content: '' !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-size: 20px; 
}
.skil_set_sec ul.slides li .succ_slide_box.box_xl_media{
	background: #D0EFEC;
}
.skil_set_sec ul.slides li .succ_slide_box.box_xl_nation{
	background: #B7E6FE;
}
.skil_set_sec ul.slides li .succ_slide_box {
    height: 585px;
}
.skil_set_sec .flex-direction-nav li a{
      height: 20px;
      opacity: 1;
      font-size: 0;
}
.skil_set_sec ul.flex-direction-nav {
    position: absolute;
    bottom: -38px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background: #fff;
    border: 1px solid #E0E0E0;
}
.skil_set_sec .flex-direction-nav .flex-prev {
    left: 4px;
    top: 50%;
    transform: translate(10px, 10px);
    -webkit-transform: translate(10px, 10px);
    -moz-transform: translate(10px, 10px);
}
.skil_set_sec .flex-direction-nav .flex-next {
    right: 4px;
    top: 50%;
    transform: translate(10px, 10px);
    -webkit-transform: translate(10px, 10px);
    -moz-transform: translate(10px, 10px);
}
.skil_set_sec .flex-direction-nav a.flex-prev:before{
	background:url("../images/arr-l.png") 0 0 no-repeat;
}
.skil_set_sec .flex-direction-nav a.flex-next:before{
	background:url("../images/arr-r.png") 0 0 no-repeat;
}

/** Start X New Css **/
.award_sec {
    background: #000;
    padding: 90px 0;
}
.img_event img {
    max-width: 100%;
}
.award_content_bottom {
    display: inline-block;
    width: 100%;
    margin-top: 70px;
}
.award_sec h2 {
    color: #fff;
    padding-left: 6%;
}
.why_need {
    text-align: left;
    padding: 90px 0;
}
.why_need .head_ttl{
	padding: 0 15px;
	
}
.why_need .head_ttl p {
    text-align: left;
    color: #333;
    font-size: 18px;
}
.need_content p{
	color: #5E7495;
	font-size: 16px;
}
.need_content ul {
    padding: 0;
    margin-top: 40px;
}
.need_content ul li {
    position: relative;
    padding-left: 55px;
    list-style: none;
}
.need_content p {
    text-align: left;
    line-height: 24px;
    font-size: 16px;
}
.need_content ul li img {
    position: absolute;
    left: 5px;
    top: 0;
    max-height: 30px;
}
.need_content ul li:last-child img {
    max-width: 20px;
}
.need_content ul li {
    position: relative;
    padding-left: 55px;
    list-style: none;
    margin: 55px 0;
}
.need_content {
    margin-top: 22px;
}
.need_content ul li:last-child {
    margin-bottom: 0;
}
.need_content ul li h4 {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 12px;
}
.why_need p {
    padding-right: 18%;
}
/*.acc {
  margin: 0 auto;
  max-width: 800px;
}*/
/*.acc__card {
  margin: 2em;
  position: relative;
}*/
.stages_sec ul {
    width: 50%;
    padding: 0;
    display: inline-block;
    margin: 0;
}
.tab_steps{
	display: inline-block;
	width: 100%;
	position: relative;
}
.tab_steps #container {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    background: #F5F9FF;
    padding: 22px;
    height: 100%;
}
.why_need {
    background: #F5F9FF;
}
.stages_sec {
    padding: 90px 0;
}
.stages_sec .head_ttl {
    text-align: center;
}
.stages_sec ul li{
	list-style: none;
}
.stages_sec ul li a{
	display: inline-block;
	width: 100%;
	padding: 20px;
	font-size: 18px;
	color: #9DABBF;
	font-weight: 600;
	text-decoration: none;
	    line-height: 32px;
}
.stages_sec ul li a.activelink{
	color: #484646;
	background: #F5F9FF;
}
.tab_steps #container .list {
    color: #9DABBF;
    font-size: 18px;
    line-height: 36px;
}
.abt_bx_sec{
	width: 100%;
}
.tab_steps {
    margin-top: 40px;
}
.week_status_sec .head_ttl {
    text-align: center;
}
.week_status_sec .left_content_works ul li>div {
    padding: 22px;
    background: #F5F9FF;
}
.week_status_sec .left_content_works ul li span {
    font-size: 22px;
    font-weight: 600;
    position: absolute;
    left: -110px;
    top: -7px;
    color: #F06824;
    opacity: 0;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
}
.week_status_sec .left_content_works ul li:hover span{
	opacity: 1;
}
.week_status_sec .head_ttl {
    margin-bottom: 45px;
}
.week_status_sec {
    padding: 70px 0 20px 0;
}
.week_status_sec .left_content_works ul li:nth-child(3) {
    padding-bottom: 0;
}
.clients_love .flexslider {
    padding: 0;
}
.tag_lines {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 10px;
}
img.ply_vid {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    width: 40px;
}
.client_vid li {
    display: inline-block;
    width: 90%;
    position: relative;
    margin-right: 4%;
}
/*video pop*/
.modal-window-wrapper,
.modal-window-wrapper_1 {
    background: rgba(0, 0, 0, .9);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index:999;
    overflow: auto;
    display: none;
}
.modal-window.popup-inner {
  
    max-width: 96%;
   
 
    text-align: center;
    margin: 40px auto 40px;
    position: relative;
}
.modal-window.modal-window-visible {
    display: block;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate(0px, -100px);
    transform: translate(0px, -100px);
    -moz-transform: translate(0px, -100px);
}

.modal-window.modal-window-visible1 {
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
}

.modal-window-wrapper.modal-wrapper-visible, .modal-window-wrapper_1.active.modal-wrapper-visible {
    display: block;
}
.modal-window.popup-inner.videoPopup video{max-width:100%;max-height:700px;} 
.popup-close-button-inner{position: fixed;right:0px;top:-10px;font-size: 7px;cursor: pointer;}
.tag_lines h5 {
    font-size: 18px;
    color: #fff;
    margin: 0 0 5px 0;
}
.tag_lines span {
    color: #fff;
    font-size: 10px;
}
.client_vid li a {
    display: inline-block;
    width: 100%;
}
.client_vid li a img {
    width: 100%;
}
.client_vid li a img.ply_vid{
    width: auto;
}
.client_vid li:last-child {
    margin-right: 0;
}
.intl-tel-input.allow-dropdown .flag-container .selected-flag{
	background-color: rgba(0, 0, 0, 0.05);
	outline: none !important;
}
.intl-tel-input.allow-dropdown .flag-container:focus .selected-flag{
	border: none;
	box-shadow: none;
	outline: none;
}
.clr_orng {
    text-decoration: none;
}
a.clr_orng:hover{
	text-decoration: none;
}
.stages_sec .abt_bx_sec:after{
	display: none;
}
.clients_love .flexslider .flex-control-nav {
    left: 0;
    display: none;
}
.clients_love .flexslider .flex-control-nav.custom_slide{
	display: block;
}
.clients_love .flexslider .flex-control-nav.custom_slide li a {
    height: 100px;
    width: 100px;
    background: transparent;
}
.demo{ background: #f8f7f6; }
#testimonial-slider {
    padding: 50px 20px 35px 20px;
    text-align: center;
}
.testimonial .description{
    font-size: 14px;
    color: #777;
    line-height: 26px;
    text-indent: 30px;
    position: relative;
}

.testimonial .title{
    font-size: 24px;
    font-weight: bold;
    color: #363636;
    text-transform: capitalize;
    margin: 0;
}
.testimonial .post{
    display: block;
    font-size: 15px;
    color: #363636;
}
.owl-buttons{
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 40%;
    left: 0;
}
.owl-prev,
.owl-next{
    position: absolute;
    left: 0;
    transition: all 0.4s ease-in-out 0s;
}
.owl-next{
    left: auto;
    right: 0;
}
.owl-buttons .owl-prev:before, .owl-buttons .owl-next:before {
    content: "\f0d9";
    font-family: 'FontAwesome';
    font-weight: 900;
    font-size: 35px;
    font-weight: 900;
    color: #000;
    line-height: 20px;
    opacity: 1 !important;
}
.owl-buttons .owl-next:before{
    content:"\f0da";
}
.owl-buttons .owl-prev:hover:before,
.owl-buttons .owl-next:hover:before{
    opacity: 1;
}
.owl-theme .owl-controls .owl-buttons div{
    background: transparent;
}
.owl-theme .owl-controls{
    margin-top: 40px;
}
.owl-theme .owl-controls .owl-page span {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: url(../images/cl1.png) no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out 0s;
}
.owl-theme .owl-controls .owl-page:nth-child(2) span{
    background: url("../images/cl2.png") no-repeat;
    background-size: cover;
}
.owl-theme .owl-controls .owl-page:nth-child(3) span{
    background: url("../images/cl4.png") no-repeat;
    background-size: cover;
}
.owl-theme .owl-controls .owl-page:nth-child(4) span{
    background: url("../images/cl6.png") no-repeat;
    background-size: cover;
}
.owl-theme .owl-controls.clickable .owl-page:hover span{
    opacity: 0.5;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page.active:hover span{
    border-color: #d133ff;
    opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span {
    height: 80px;
    width: 80px;
    margin: 0;
}
.owl-buttons {
    display: none;
}

.testimonial .description {
    font-size: 14px;
    color: #5E7495;
    line-height: 30px;
    padding-bottom:130px;
    min-height: 280px;
}
#testimonial-slider .owl-pagination{
   
    position: absolute;
    bottom: 130px;
    left: 0px;
    right: 0px;
 
}
/*step section*/
.stepSection .step_1{
    display:none;
}
.stepSection .step_1.active{
    display:block;
}
.stepSection .vertical-line{
    border:0px;
    border-left: 2px solid #eee;
}
.stepSection .filled_circle{float:none;background: none;width:auto;height: 33%;position: relative;}
.stepSection .filled_circle{ font-size: 18px;color: #F06824;}
.stepSection .filled_circle p{position: absolute; width: 100px; left: 20px;}
.stepSection .filled_circle.left p{ margin-top: -5px; left: -120px;}
.stepSection .vertical-line{top:0px}
.stepSection .work_stp_slide{margin: 0px 0 28px;}
.stepSection .work_stp_slide:last-child{margin-bottom:0px;}
.stepSection .filled_circle .dotBtn {
    position: absolute;
    right: -7px;
    top: 0;
    background: #E2E8F0;
    width: 16px;
    height: 16px;
    content: '';
    border-radius: 100%;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    cursor: pointer;
    z-index: 1;
}
.stepSection .filled_circle.active .dotBtn {
    background: #52C280;
    width: 18px;
    height: 18px;
    right: -9px;
}

.stepSection .filled_circle p{display:none;}
.stepSection .filled_circle.active p{display:block;}
.stepSection .no_of_steps{min-height:600px;}
.stepSection .work_stp_slide h4{margin: 0px 0 15px 0;
    font-size: 20px;
    font-weight: 600;  
    color: #000;}
.secondStep .step_text{padding-top:25%;}
.thirdStep .step_text{padding-top:45%;}
.forthStep .step_text{padding-top:15%;}

img.qut {
    margin-bottom: 15px;
    max-height: 50px;
}
.clients_love .head_ttl {
    margin-bottom: 35px;
}
#testimonial-slider {
    padding: 15px 20px 16px 20px;
    margin-top: -20px;
}
.msge_form label sup {
    color: red;
    font-size: 20px;
    top: 3px;
    left: 1px;
}
.btn_disabled {
    background: #999 !important;
}
.main_cont_page .faq_sc h2{
	    font-size: 68px;
}
.start_at span {
    font-size: 14px;
    color: #5E7495;
}
.start_at strong {
    font-size: 38px;
    font-weight: bold !important;
}
.start_at strong sup {
    font-size: 24px;
    margin-right: 5px;
}
.add_more_palt h4 {
    color: #F06824;
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
}
.add_more_palt span {
    font-size: 16px;
    color: #5E7495;
}
.current_prc span {
    font-size: 16px;
}
.inner_content_prc p {
    font-size: 18px;
}
.inner_content_prc h3 {
    margin: 0px 0 20px 0;
}
#testimonial-slider .owl-page.active span {
    box-shadow: rgb(0 0 0 / 20%) 0 0 10px;
}
.week_status_sec .owl-carousel {
  max-width: 320px;
  .owl-nav {
    padding-top: .4em;
    font-family: sans-serif;
    font-size: .8em;
    > div {
      padding: .4em 1.4em;
      border: 1px solid #333;
      background: #000;
      color: white;
      border-radius: .4em;
      background-image: linear-gradient(rgba(255, 255, 255, .3), rgba(0, 0, 0, .2));
      box-shadow: .1em .1em .4em rgba(0, 0, 0, .5);
      &:hover {
        background-color: #333;
      }
    }
    .week_status_sec .owl-prev {
      float: left;
    }
    .week_status_sec .owl-next {
      float: right;
    }
  }
}
.how_it_works_sec a.activelink:before {
    position: absolute;
    content: '';
    width: 22px;
    height: 22px;
    background: #52C280;
    border-radius: 100%;
    top: -2px;
    left: -71px;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
}
.how_it_works_sec a.activelink {
    position: relative;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
}
.how_it_works_sec .left_content_works .tab_steps ul li:hover:before{
    left: -8px;
    top: 0;
    background: #E2E8F0;
    width: 16px;
    height: 16px;
}
.left_img_works .list img {
    width: 100%;
}
.msge_form .attech_f .custom-control {
    padding-left: 26px;
}
.msge_form .attech_f label {
    font-size: 14px;
    margin-top: 16px;
    cursor: pointer;
    padding-left: 28px;
    margin-top: 20px;
}


.vertical-slider{
	text-align:center;
	width: 100%;
}
.vertical-slider .vertical-caption{
	font-size:40px;
	color: #fff;
	display:inline-block;
	text-align:center;
}
.vertical-slider .flex-direction-nav{
	display:none;
}
.work_stp_slide {
    position: relative;
    text-align: left;
    padding: 30px;
    background: #F5F9FF;
    margin: 28px 0;
    border-radius: 3px;
}
.fourstep_week .left_content_works ul li h4 {
    margin: 0px 0 15px 0;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.fourstep_week .left_content_works ul li p{
    text-align: left;
    color: #5E7495;
    font-size: 16px;
}
.fourstep_week .left_content_works ul li  {
    position: static;
    border-left: none;
    padding: 0px;
}
.clients_love {
    float: left;
    width: 100%;
    margin-bottom: 90px;
}
.week_status_sec.fourstep_week .left_content_works ul li>div{
	background: none;
	padding: 0;
}
.week_status_sec.fourstep_week {
    padding:0px 0 90px 0;
    float: left;
    width: 100%;
}
.vertical-caption.align-right .work_stp_slide {
    text-align: right;
}
.fourstep_week .left_content_works ul li .vertical-caption.align-right p {
    text-align: right;
}
.clients_love h2 {
    font-size: 32px;
    margin-bottom: 14px;
}
.hover-active{
	display: block !important;
}
.how_it_works_sec .left_img_works img{
	display: none;
}
.how_it_works_sec .left_img_works img {
    width: 100%;
}
.how_it_works_sec .left_img_works .hover-active img{
	display: block;
}
.how_it_works_sec .left_content_works ul li:hover:before {
    background: #52C280 !important;
    height: 18px !important;
    width: 18px !important;
    top: 0 !important;
    left: -9px !important;
}
.how_it_works_sec .left_img_works {
    padding: 4% 0 0 0;
}
.how_it_works_sec .left_content_works ul li{
	cursor: pointer;
}
.doc-active{
	display: block !important;
}
.text_lft_bnr p {
    font-weight: 700;
}
.start_at {
    margin-top: 14px;
    display: inline-block;
    width: 100%;
}
.start_at span {
    font-size: 14px;
}
.start_at strong {
    font-weight: bold !important;
    letter-spacing: 0;
}
.get-intouch-btn.no_rdius {
    margin: 35px 0 0;
}
.stat_bx {
    padding-left: 50px;
    font-weight: 700;
    height: 140px;
    font-size: 13px;
    width: 100%;
}
.stat_bx img {
    width: 41px;
}
.main_cont_page h2 {
    letter-spacing: 0;
    font-weight: bold;
}
.abt_bx_sec:after {
    background: #f1f1f1;
}
.abt_bx p {
    line-height: 22px;
}
.main_cont_page .award_sec h2 {
    font-size: 44px;
    margin-top: 28px;
    line-height: 50px;
}
.main_cont_page .why_need h2 {
    font-size: 38px;
}
.why_need .head_ttl p {
    font-size: 20px;
    line-height: 32px;
}
.why_need p {
    padding-right: 0;
}
.need_content p {
    line-height: 32px;
    font-size: 20px;
}
.need_content ul li h4 {
    font-size: 20px;
}
.need_content li p {
    font-size: 16px;
    line-height: 22px;
}
.need_content ul li img {
    top: -8px;
    max-height: 36px;
}
.need_content ul li {
    padding-left: 65px;
}
.need_content ul li:last-child img {
    max-width: 27px;
    left: 10px;
    top: -3px;
}
.stages_sec .head_ttl h5 {
    background: rgba(82,194,128,0.1);
    color: #52c280;
}
.stages_sec {
    padding: 130px 0 105px 0;
}
.stages_sec ul li a {
    font-size: 20px;
    line-height: 32px;
}
.tab_steps #container .list {
    font-size: 20px;
    line-height: 40px;
}
.what_get_steps span.img_crcl {
    font-family: 'Metropolis Black Italic' !important;
}
.clr_orng {
    font-weight: bold;
    letter-spacing: -0.06px;
}
.main_cont_page h2 {
    letter-spacing: 0;
}
.how_it_works_sec {
    padding: 45px 0 0px 0;
}
.how_it_works_sec .head_ttl {
    margin-bottom: 35px;
}
.week_status_sec .head_ttl {
    margin-bottom: 0px;
}
.clients_love {
    background: none;
    padding: 0;
}
.plan_pr_dtl{
	width: 345px;
}
.inner_content_prc{
	width:auto;
}
.inner_content_prc h3 {
    margin: 35px 0 20px 0;
}
.main_p_tag{
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 30px;
}
.faq_sc {
    padding-left: 0px;
}
.faq_sc #accordion .panel-heading a{
	font-size: 18px;
	line-height: 26px;
}
.send_request_us .panel-body{
	line-height: 24px;
	padding: 12px 0 15px 0;
}
.doc-active img {
    display: block !important;
}
.doc-active {
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
#image2, #image3, #image4{
	background: #fff;
}


.span_pseudo, .chiller_cb span:before, .chiller_cb span:after {
  content: "";
  display: inline-block;
  background: #fff;
  width: 0;
  height: 0.2rem;
  position: absolute;
  transform-origin: 0% 0%;
}

.chiller_cb {
  position: relative;
  height: 2rem;
  display: flex;
  align-items: center;
}
.chiller_cb input {
  display: none;
}
.chiller_cb input:checked ~ span {
    background: #fc732b;
    border-color: #fc732b;
    top: 11px;
    width: 14px;
    height: 14px;
}
.chiller_cb input:checked ~ span:before {
  width: 1rem;
  height: 0.15rem;
  transition: width 0.1s;
  transition-delay: 0.3s;
}
.chiller_cb input:checked ~ span:after {
  width: 0.4rem;
  height: 0.15rem;
  transition: width 0.1s;
  transition-delay: 0.2s;
}
.chiller_cb input:disabled ~ span {
  background: #ececec;
  border-color: #dcdcdc;
}
.chiller_cb input:disabled ~ label {
  color: #dcdcdc;
}
.chiller_cb input:disabled ~ label:hover {
  cursor: default;
}
.chiller_cb label {
  padding-left: 2rem;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-bottom:0;
}
.chiller_cb span {
  display: inline-block;
  top: 11px;
   width: 14px;
   height: 14px;
  border: 2px solid #ccc;
  position: absolute;
  left: 0;
  transition: all 0.2s;
  z-index: 1;
  box-sizing: content-box;
}
.chiller_cb span:before {
  transform: rotate(-55deg);
  top: 1rem;
  left: 0.37rem;
}
.chiller_cb span:after {
  transform: rotate(35deg);
  bottom: 0.35rem;
  left: 0.2rem;
}
.start_at span {
    font-weight: 600;
}
.client_vid ul {
    padding: 0;
}
.abt_bx_sec.row{
	display: flex;
}
#testimonial-slider {
    overflow: hidden;
}
.award_content_bottom.row{
	display: flex;
}
.faq_dis{
	text-align: left !important;
	font-size: 18px;
	color: #5E7495;
}



/** DevelopX new css **/
.Perks_sec .container.setContainer:after {
    background: #eee;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0px;
    content: '';
    bottom: -80px;

}
.Perks_sec .container.setContainer {
    position: relative;
}
.why_need .head_ttl h5.green_bg {
    background: rgba(82,194,128,0.1);
    color: #52c280;
}
.skil_set_sec {
    width: 100%;
    display: inline-block;
}
.service_help {
    display: inline-block;
    width: 100%;
    background: #F7FAFF;
    padding: 80px 0;
    text-align: left;
}
.service_help p{
	text-align: left;
}
.service_help .head_ttl {
    padding: 0 15px;
}
.service_bx_inner {
    background: #fff;
    display: inline-block;
    height: 285px;
    padding: 25px;
    width: 100%;
    margin: 20px 0;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
}
.service_bx_inner ul {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin-top: 15px;
}
.service_bx_inner h4 {
    position: relative;
    width: 100%;
    display: inline-block;
    font-size: 20px;
    color: #575757;
    font-weight: 600;
    padding-left: 65px;
    padding: 14px 0px 14px 65px;
}
.service_bx_inner h4 img {
    position: absolute;
    left: 0;
    top: 0;
    max-height: 50px;
}
.service_bx_inner ul li a {
    display: inline-block;
    padding: 5px 15px;
    background: #F2F7FD;
    text-align: center;
    font-size: 14px;
    color: #475E83;
    margin: 10px 16px 10px 0;
    border-radius: 3px;
}
.service_bx_inner ul li {
    display: inline-block;
}
.service_help .head_ttl {
    margin-bottom: 25px;
}
.tech_exp_bx {
    background: #F7FAFF;
    padding: 25px;
    margin: 15px 0;
}
.tech_exp_bx ul li {
    display: inline-block;
    list-style: none;
    width: 19.3%;
    text-align: center;
    padding: 0 5px;
}
.tech_exp_bx ul {
    padding: 0;
}
.tech_exp_bx ul li span {
    font-weight: 500;
    margin-top: 5px;
    display: inline-block;
    color: #89A0C3;
    font-size: 12px;
}
.tech_exp_bx h4 {
    color: #FA814D;
    font-weight: 600;
}
.tech_exp_bx img {
    max-width: 100%;
    max-height: 50px;
}
.stepSection .no_of_steps {
    min-height: 700px;
}
.stepSection .filled_circle {
    height: 25%;
}
.skil_set_sec {
    height: auto;
    margin: 0;
    padding: 80px 0;
}
.skil_set_sec.success_story_slider{
	height: 660px;
    margin:0;
    padding: 0;
}
.flex-direction-nav .flex-disabled{
	opacity: 1 !important;
}
.stepSection .filled_circle p {
    width: 175px;
    left: 25px;
    text-align: left;
}
.week_status_sec.fourstep_week.week_developx {
    padding-top: 45px;
}
.Perks_sec .container.setContainer:after {
    margin: 0 -15px;
}
/*=========== start x  ============*/
.step_1:before {
    position: absolute;
    content: 'Week 1';
    width: 200px;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    font-size: 16px;
    font-weight: 700;
    color: #fc732b;
}

.week_status_sec.week_developx .slide.secondStep:before {
    content: 'Week 2';
}

.step_1.step_2:before {
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    text-align: right;
}
.week_status_sec.week_developx .slide.thirdStep:before {
    content: 'Week 3';
}
.week_status_sec.week_developx .slide.forthStep:before {
    /* top: 75%; */
    content: 'Week 4';
}


.how-it-works .step_1:before{display: none;}
body.success-stories-inner .filled_circle{display: none;}

.step_1:after {
    width: 22px;
    height: 22px;
    content: '';
    position: absolute;
    background: #52C280;
    border-radius: 100%;
    left: 50%;
    z-index: 9;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
}







/** **/

.fourstep_week .slides-container {
    /*position: absolute;
    left: 0;
    top: 0;*/
    width: 100%;
    height: 100% !important;
    overflow: hidden;
    z-index: 10;
}

.fourstep_week .slide {
    position: relative;
    width: 100%;
    /*height: 100% !important;*/
    overflow: hidden;
    margin-top: 20px;
}


.container.setContainer:before{content: " ";
    display: table;
}

.fourstep_week .slide .centered {
    width: 100%;
    margin: 0;
}

.fourstep_week  .slide .centered h1 {
    text-align: center;
}

.fourstep_week  .slide .centered p {
}
/*.fourstep_week  .left_content_works {
    height: 1000px;
}*/
.fourstep_week .step_1 .cover, .fourstep_week .vertical-line {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 57px;
    width: 0px;
}
.fourstep_week.s_x .vertical-line{
	height: 70%;
}
.fourstep_week.d_x .vertical-line{
	height: 91%;
}
.fourstep_week .vertical-line {
    border: 2px dashed #e2e2e4;
}
.fourstep_week  .work_stp_slide {
    border-radius: 3px;
    display: inline-block;
    width: 100%;
}
.header_outer {
    z-index: 999;
}
/*.step_1 .step_text p {
    text-align: left;
    font-size: 14px;
}*/
.work_stp_slide h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}
.work_stp_slide {
    padding: 18px;
    margin: 8px 0;
}

.secondStep .step_text, .thirdStep .step_text, .forthStep .step_text {
    padding-top: 0;
}
/*.step_1.step_2 p {
    text-align: right;
}*/
.vertical-line {
    border: 1px dashed #e2e2e4 !important;
}
/*.filled_circle {
    width: 20px;
    height: 20px;
    position: absolute;
    left: -10px;
    top: -1px;
}*/


.filled_circle p {
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    right: 35px;
    width: 147px;
    color: #F06824;
    text-align: right;
    top: -2px;
}
.filled_circle.secondStep p, .filled_circle.forthStep p {
    right: auto;
    left: 40px;
    text-align: left;
}

.fourstep_week .step_1 .cover, .fourstep_week .vertical-line {
    top: 0;
}

.week_status_sec .head_ttl {
    margin-bottom: 25px;
}
.filled_circle.active {
    background: #52C280 !important;
    width: 22px;
    height: 22px;
}
#image5 {
    background: #fff;
}
 .filled_circle.active p {
    opacity: 1;
}
.filled_circle p {
    opacity: 0;
}
.week_status_sec.week_developx .filled_circle.fifthStep .week_status_sec .filled_circle.forthStep {
    top: 95%;
}
/*.step_1:before {
    position: absolute;
    content: 'Week 1';
    width: 200px;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    font-size: 16px;
    font-weight: 700;
    color: #fc732b;
}*/
.step_1.step_2:before {
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    text-align: right;
}
/*.week_status_sec.week_developx .slide.secondStep:before {
    top: 25%;
    content: 'Week 2';
}
.week_status_sec.week_developx .slide.thirdStep:before {
    top: 50%;
    content: 'Week 3';
}
.week_status_sec.week_developx .slide.forthStep:before {
    top: 75%;
    content: 'Week 4';
}
.week_status_sec.week_developx .slide.fifthStep:before {
    top:95%;
    content: 'Week 5 onwards';
}
.week_status_sec .slide.secondStep:before {
    top: 33%;
    content: 'Week 2';
}
.week_status_sec .slide.thirdStep:before {
    top: 66%;
    content: 'Week 3';
}
.week_status_sec .slide.forthStep:before {
    top: 95%;
    content: 'Week 4';
}*/
/*.filled_circle:hover {
    background: none;
}*/
/*.step_1:after {
    width: 22px;
    height: 22px;
    content: '';
    position: absolute;
    background: #52C280;
    border-radius: 100%;
    left: 50%;
    z-index: 9;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
}
*/
.week_status_sec.week_developx .slide.fifthStep:before {
    width: 350px;
   
}
/** TeamX Css **/
.page_team_x .right_img_bnr {
    bottom: 30px;
    right: 0 !important;
    transform: none;
}
.page_team_x .right_img_bnr img {
    width: 75%;
}
.page_team_x .text_lft_bnr {
    width: 44%;
}
.work_flow .abt_bx {
    text-align: left;
    height: 260px;
}
.work_flow .abt_bx_sec:after {
    display: none;
}
.work_flow .abt_bx p {
    text-align: left;
}
.work_flow span.img_crcl {
    width: auto;
    height: auto;
    line-height: normal;
    margin-bottom: 18px;
}
.about_startx.work_flow {
    text-align: left;
    padding: 0;
}
.about_startx.work_flow.digi_transformation {
    padding: 60px 0;
}
.t_orange{
	color: #F06824 !important;
}
.digi_transformation .head_ttl {
    padding: 0 15px;
}
.digi_transformation p{
	text-align: left;
}
.work_flow .abt_bx {
    padding: 30px 06% 30px 0;
}
.expand_team{
	padding:80px 0;
	background: #F4F9FF;
}
.expand_content {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-right: 320px;
}
.expand_content a{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	 margin: 0 !important;
}
.expand_content p {
    text-align: left;
    font-size: 20px;
    color: #475E83;
    line-height: 42px;
    margin: 0;
}
.our_process_sec {
    padding: 80px 0;
}
.our_process_sec h2{
	text-align: left;
}
.our_process_sec .head_ttl{
	padding: 0 15px;
}
.process_flow img{
	width: 100%;
	text-align: center;
}
.page_team_x .what_get_steps {
    padding: 80px 0 40px 0;
}
.page_team_x .what_get_steps .abt_bx{
	height: 320px;
}
.story_frst_img, .story_frst_cont {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.page_team_x #testimonial-slider .owl-pagination{
	display: none;
}
.story_frst_cont {
    text-align: left;
    background: none;
}
.story_frst_img img {
    width: 100%;
}
.story_frst_cont p {
    text-align: left;
    font-size: 20px;
    color: #484646;
    line-height: 32px;
}
.story_teamx p{
	text-align: left;
}
.story_teamx .head_ttl{
	padding: 0 15px;
	margin-bottom: 50px;
}
.story_teamx .story_frst_cont h2{
	margin-top: 0;
}
p.clr_blu {
    color: #5E7495;
}
.story_quote {
    margin: 25px 0 0 0;
    position: relative;
}
.story_quote:before {
	position: absolute;
	left: 0;
	top:0;
	background: url("../images/");
}
.story_frst_cont {
    padding-right: 12%;
}
.story_teamx #testimonial-slider{
	padding:0;
}
.clr_grn{
	color: #52C280;
}
.speed_up {
    float: left;
    width: 50%;
    text-align: left;
    padding: 70px 50px;
    background: #edf8f3;
    position: relative;
    height: 350px;
}
.speed_up h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
}
.digi_innovation {
    display: inline-block;
    width: 100%;
}
.digi_innovation p {
    text-align: left;
    font-size: 18px;
    line-height: 30px;
    margin: 6px 0 0 0;
    display: inline-block;
}
.speed_up.more_efficient {
    background: #fde7dd;
}
.story_teamx {
    padding-bottom: 80px;
}
.speed_up:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 150px;
    height: 150px;
    z-index: 0;
    background: url(../images/inno_1.svg) 0 0 no-repeat;
    background-size: 150px;
}
.speed_up.more_efficient:before{
	left: auto;
	right: 0;
	background: url(../images/inno_2.svg) 0 0 no-repeat;
}
.speed_up.more_efficient:after{
	position: absolute;
    left: 0;
    content: '';
    width: 150px;
    height: 150px;
    z-index: 0;
    background: url(../images/inno_3.svg) 0 0 no-repeat;
    background-size: 150px;
    bottom: 0;
}
.speed_up.more_efficient:before, .speed_up.more_efficient:after {
    width: 100px;
    height: 100px;
    background-size: 100px;
}
.why_appli {
    display: inline-block;
    width: 100%;
    padding: 80px 0 0 0;
}
.why_appli .head_ttl{
	padding: 0 15px;
	margin-bottom: 50px;
}
.why_appli p{
	text-align: left;
}
.achive_step p{
	font-size: 16px;
}
.main_cont_page .achive_step h2 {
    margin: 0 0 5px 0;
}
.all_logo_teamx {
    text-align: left;
}
.all_logo_teamx p{
	text-align: left;
}
.all_logo_teamx .head_ttl {
    padding: 0 15px;
}
.Perks_sec.all_logo_teamx .container.setContainer:after{
	display: block;
}
.hire_Team .head_ttl{
	padding: 0 15px;
	margin-bottom: 15px;
}
.hire_Team ul{
	padding-left: 0;
}
.hire_Team ul li {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    padding: 18px 0px;
}
.hire_Team ul li p {
    margin: 3px 0 0 0;
    font-size: 13px;
    color: #484646;
    text-align: left;
}
.hire_Team {
    background: #f7faff;
}
#image2, #image3, #image4, #image5, #image6, #image7 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
}
.doc-active{
	top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
}
.how_it_works_sec .left_img_works {
    padding: 0;
}
.how_it_works_sec .left_img_works img {
    width: 95%;
}
.hire_Team {
    padding: 0 0 60px 0;
}
.send_request_us {
    padding: 80px 0 80px;
}
.faq_sc.mob_stages{
	display: none;
}
.all_logo_teamx {
    text-align: center;
}
.hire_Team {
    padding:60px 0 60px 0;
    background: #f7faff;
}
.all_logo_teamx {
    background: #F5F9FF;
}
.story_teamx .owl-buttons {
    display: block;
    top: auto;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    bottom: 8px;
    width: 70px;
    left: 50%;
    background: #fff;
    height: 70px;
    border-radius: 100%;
    box-shadow: rgb(0 0 0 / 10%) 0 0px 12px 1px;
}
.story_teamx .owl-prev, .story_teamx .owl-next {
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    margin: 0 !important;
}
.story_teamx .owl-theme .owl-controls .owl-buttons div{
	padding: 0 14px;
	opacity: 1;
}
.how_it_works_sec .left_img_works{
	height: auto;
}
.hide_slide_box {
    visibility: hidden;
}
.actual_prc span {
    width: 100%;
    display: block;
}
.actual_prc h4 {
    display: inline-block;
}
.actual_prc h4:after{
	width: 100%;
}

/** Team X alignments */
.main_cont_page.page_team_x {
    margin-top: 175px;
}
.page_team_x .work_flow {
    padding: 45px 0;
}
.work_flow .abt_bx p {
    color: #575757;
}
.expand_content p {
    font-weight: 600;
}
.our_process_sec {
    padding: 100px 0;
}
.process_flow img {
    margin-top: 50px;
}
.pd_left_0{
	padding-left:0 !important;
}
.story_teamx p.clr_blu {
    font-weight: 500;
}
.why_appli {
    padding: 100px 0 0 0;
}
.skil_set_sec {
    padding: 100px 0;
}
.tech_exp_bx {
    padding: 40px 25px;
}
.hire_Team ul li {
    font-size: 20px;
    padding: 25px 0px;
    color: #484646;
    font-weight: 500;
}
.how_it_works_sec {
    padding: 100px 0 90px 0;
}
.text_lft_bnr p {
    font-size: 18px;
    line-height: 30px;
}
.left_content_works ul li h4 {
    font-weight: 700;
}
.work_stp_slide h4 {
    font-weight: 700;
}
.skil_set_sec.success_story_slider {
    margin: 25px 0 0 0px;
}

/** 30-06-2021 Career Css **/
.career_bnr img{
	width: 100%;
}
.career_pg_dgn iframe {
    height: 900px;
}

/*** DevelopX Changes ***/
.get-intouch-btn.no_rdius.dev_x_btn {
    margin-top: 100px;
}

/** Responsive **/
@media screen and (max-width:1920px) {
.page_team_x .right_img_bnr img {
    width: 100%;
}
}

@media screen and (max-width:1800px) {
.right_img_bnr img {
    width: 80%;
}
.right_img_bnr {
    bottom: 50px;
}
.page_develop_x .right_img_bnr img {
    width: 100%;
}
.page_team_x .right_img_bnr img {
    width: 92%;
}
}
@media screen and (max-width:1600px) {
.text_lft_bnr {
    text-align: left;
    width: 40%;
}
.text_lft_bnr h1 {
    font-size: 35px;
    line-height: 44px;
}
.right_img_bnr {
    bottom: 70px;
}
.main_cont_page h2 {
    font-size: 32px;
    margin-bottom: 14px;
}
.page_team_x .right_img_bnr img {
    width: 82%;
}
.banner_sec_start-x .text_lft_bnr h1 {
    font-size: 38px;
    line-height: 48px;
}
}
@media screen and (max-width:1400px) {
	.page_team_x .right_img_bnr img {
    width: 75%;
}
.speed_up h3 {
    font-size: 26px;
    line-height: 36px;
}
}

@media (max-width: 1200px){
/*.container {
    max-width: 960px;
}*/
.container.header {
    max-width: 1170px;
}
.container.setContainer {
    max-width: 1130px;
}

.service_bx_inner {
    height: 265px;
}
.page_develop_x .right_img_bnr {
    transform: translate(0, 50px);
    -webkit-transform: translate(0, 50px);
    -moz-transform: translate(0, 50px);
}
.service_bx_inner ul li a {
    padding: 6px 12px;
    font-size: 13px;
    margin: 8px 5px 8px 0;
}
.service_bx_inner {
    height: 270px;
 }
 .page_team_x .right_img_bnr {
    bottom: 65px;
}
.our_process_sec {
    padding: 60px 0;
}
.service_help {
    padding: 60px 0;
}
.page_team_x .what_get_steps {
    padding: 60px 0 40px 0;
}
.story_teamx {
    padding-bottom: 60px;
}
.speed_up {
    padding: 40px 35px;
    height: 290px;
}
.speed_up h3 {
    font-size: 24px;
    line-height: 30px;
}
.digi_innovation p {
    font-size: 16px;
    line-height: 26px;
}
.story_frst_cont p {
    font-size: 18px;
    line-height: 28px;
}
.why_appli {
    padding: 60px 0 0 0;
}
.achive_step p {
    font-size: 14px;
}
.skil_set_sec {
    padding: 60px 0;
}
.Perks_sec.all_logo_teamx {
    padding: 60px 0;
}
.hire_Team ul li {
    font-size: 16px;
    padding: 12px 0px;
}
.send_request_us {
    background: #F7F9FC;
    padding: 60px 0 60px;
}
.expand_team {
    padding: 60px 0;
}
.expand_content p {
    font-size: 18px;
    line-height: 32px;
}
.speed_up h3 {
    font-size: 22px;
    line-height: 28px;
}
.text_lft_bnr ul {
    margin: 35px 0 0 0;
}
}
@media (max-width: 1199px){
.career_pg_dgn iframe {
    height: 1670px;
}
}
@media (max-width: 991px){
.container.setContainer {
    max-width: 100%;
}
.service_bx_inner ul li a {
    padding: 5px 10px;
    font-size: 13px;
    margin: 7px 6px 7px 0;
}
.text_lft_bnr h1 {
    font-size: 30px;
    line-height: 35px;
    margin: 15px 0 8px 0;
}
.text_lft_bnr p {
    font-size: 16px;
    margin-bottom: 12px;
    line-height: 24px;
    text-align: center;
}
.start_at {
    margin-top: 10px;
}
.main_cont_page {
    margin-top: 80px;
}
.text_lft_bnr {
    text-align: left;
    width: 100%;
    padding-top: 215px;
    text-align: center;
}
.right_img_bnr img {
    width: 420px;
}
.right_img_bnr {
    top: 0;
    bottom: auto;
    right: auto;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
}
.start_at strong {
    font-size: 34px;
}
.start_at strong sup {
    font-size: 20px;
}
.get-intouch-btn.no_rdius {
    margin: 20px 0 0;
    display: inline-block;
    float: none;
}
.banner_sec_start-x {
    padding-bottom: 0;
}
.about_startx {
    padding: 0;
}
.main_cont_page h2 {
    font-size: 28px; 
}
.head_ttl p {
    font-size: 16px;
    line-height: 26px;
}
.abt_bx {
    padding: 10px 8%;
    height: 300px;
}
.main_cont_page .award_sec h2 {
    font-size: 35px;
    line-height: 42px;
}
.award_content_bottom{
	margin-top: 60px;	
}
.award_sec {
    padding: 60px 0;
}
.main_cont_page .why_need h2 {
    font-size: 30px;
}
.why_need .head_ttl p {
    font-size: 16px;
    line-height: 28px;
}
.need_content p {
    line-height: 28px;
    font-size: 16px;
}
.need_content {
    margin-top: 8px;
}
.need_content ul li {
    margin: 40px 0;
}
.need_content ul li h4 {
    font-size: 18px;
}
.need_content li p br {
    display: none;
}
.why_need {
    padding: 60px 0;
}
.stages_sec {
    padding: 60px 0 60px 0;
}
.stages_sec ul li a {
    font-size: 18px;
    line-height: 28px;
}
.tab_steps #container .list {
    font-size: 18px;
    line-height: 32px;
}
.tab_steps {
    margin-top: 20px;
}
.what_get_steps {
    padding: 0;
}
.what_get_steps span.img_crcl {
    font-size: 40px;
}
.what_get_steps .abt_bx:after {
    top: 58px;
}
.what_get_steps span.img_crcl {
    width: 100px;
    height: 100px;
    line-height: 100px;
}
.left_content_works ul li {
    padding: 0 0 20px 35px;
}
.how_it_works_sec .left_content_works ul {
    padding: 0;
}
.how_it_works_sec .left_img_works {
    padding: 0;
    height: auto;
}
.left_content_works ul li h4 {
    margin: 0px 0 10px 0;
    font-size: 18px;
}
.doc-active {
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
}
#image2, #image3, #image4, #image5{
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    left: 0;
}
.stepSection .work_stp_slide h4 {
    margin: 0px 0 10px 0;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
}
.step_1 .step_text p {
    text-align: left;
    font-size: 16px;
}
.stepSection .work_stp_slide {
    margin: 0px 0 18px;
    padding: 18px;
}
.step_2 .step_text p {
    text-align: right;
}
.week_status_sec.fourstep_week {
    padding: 0px 0 40px 0;
}
img.qut {
    margin-bottom: 5px;
    max-height: 30px;
}
.testimonial .description {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 100px;
    min-height: 255px;
}
.testimonial .title {
    font-size: 20px;
}
.testimonial .post {
    font-size: 14px;
}
#testimonial-slider {
    margin-top: -35px;
}
.clients_love {
    margin-bottom: 0;
}
.left_text_pricing {
    padding: 25px;
}
.inner_content_prc h3 {
    margin: 12px 0 5px 0;
    font-size: 30px;
}
.actual_prc, .current_prc {
    display: inline-block;
    margin: 0px 0 0px 0;
    width: 100%;
}
.inner_content_prc p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}
.actual_prc h4 {
    font-size: 28px;
}
.actual_prc h4:after {
    top: 12px;
    width: 34%;
}
.current_prc {
    margin: 12px 0 8px 0;
}
.current_prc h4 {
    font-size: 40px;
}
.current_prc h4 small {
    font-size: 24px;
    margin: 5px 5px 0px 0;
}
.get-intouch-btn.no_rdius{
	font-size: 14px;
}
.img_dgn {
    width: 55%;
}
.startx_sec {
    padding: 0 0 60px 0;
}
.msge_form {
    padding: 30px 6%;
}
.faq_sc #accordion .panel-heading a {
    font-size: 16px;
    line-height: 24px;
    padding: 15px 40px 15px 0;
}
.send_request_us .panel-body {
    line-height: 24px;
    padding: 6px 0 10px 0;
    font-size: 14px;
}
.captcha.form-element {
    margin: 30px 0 0 0;
    display: inline-block;
    width: 100%;
}
.send_request_us {
    background: #F7F9FC;
    padding: 60px 0 60px;
}
.clients_love {
    margin-bottom: 40px;
}
.small_screen_page{
	position: absolute;
	top: 0;
}
.page_develop_x .right_img_bnr img {
    width: 450px;
}
.page_develop_x .right_img_bnr {
    position: absolute;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    top: 25px;
    left: 50%;
}
.page_develop_x .text_lft_bnr {
    padding-top: 385px;
}
.service_bx_inner ul li a {
    padding: 5px 8px;
    margin: 5px 5px 5px 0;
}
.service_bx_inner {
    height: 285px;
}
.Perks_sec {
    padding: 60px 0;
}
.Perks_sec .container.setContainer:after {
    bottom: -60px;
}
.service_help {
    padding: 60px 0;
}

.skil_set_sec {
    padding: 60px 0;
}
.images_niel img {
    width: 175px;
}
.images_niel img.mob_img_sld {
    position: absolute;
    width: 490px;
    right: -70px;
    bottom: -16px;
    left: auto;
}
.skil_set_sec ul.slides li .succ_slide_box p {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 15px;
}
.skil_set_sec ul.slides li .succ_slide_box a {
    font-size: 16px;
}
.skil_set_sec ul.slides li .succ_slide_box {
    height: 450px;
}
.skil_set_sec ul.flex-direction-nav {
    bottom: -28px;
    width: 65px;
    height: 65px;
}
.skil_set_sec .flex-direction-nav .flex-next {
    right: 0px;
 }
 .skil_set_sec .flex-direction-nav .flex-prev {
    left: 0;
}
.page_team_x .text_lft_bnr {
    width: 100%;
}
.page_team_x .right_img_bnr {
    bottom: auto;
    right: auto !important;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0%);
}
.page_team_x .right_img_bnr img {
    width: 500px;
}
.about_startx.work_flow {
    padding-top: 60px;
}
.work_flow .abt_bx {
    padding: 0px 0 0px 0;
    height: auto;
}
.work_flow .abt_bx p br {
    display: none;
}
.digi_transformation p br {
    display: none;
}
.service_help p br {
    display: none;
}
.what_get_steps .head_ttl p br {
    display: none;
}
.story_frst_cont p {
    font-size: 16px;
    line-height: 26px;
    margin: 18px 0 0 0;
}
.story_frst_cont {
     padding-right: 6%; 
}
.speed_up h3 {
    font-size: 22px;
    line-height: 28px;
}
.speed_up {
    padding: 25px 30px;
    height: 320px;
}
.why_appli p br{
	display: none;
}
.achive_step p {
    font-size: 13px;
    line-height: normal;
}
.skil_set_sec .head_ttl p br{
	display: none;
}
.tech_exp_bx ul li {
    width: 32.5%;
    text-align: center !important;
    margin-bottom: 10px;
}
.tech_exp_bx {
    text-align: center;
}
.step_1 .step_text p {
    font-size: 14px;
}
.speed_up h3 br{
	display: none;
}
.speed_up {
    padding: 80px 50px;
}
.main_cont_page.page_team_x {
    margin-top: 100px;
}
.career_pg_dgn iframe {
    height: 1780px;
}


}

@media (max-width: 767px){
.stat_bx {
    height: 70px;
}
.about_startx {
    padding: 20px 0 40px 0;
}
.main_cont_page h2 {
    font-size: 24px;
}
.abt_bx_sec:after{
	display: none;
}
span.img_crcl {
    width: 100px;
    height: 100px;
}
.abt_bx {
    padding: 0px 8%;
    height: auto;
}
.main_cont_page .award_sec h2 {
    font-size: 22px;
    line-height: 30px;
    padding: 0;
    margin-top: 45px;
}
span.img_event {
    margin: 10px 0;
    display: inline-block;
}
.award_content_bottom {
    margin-top: 10px;
}
.main_cont_page .why_need h2 {
    font-size: 26px;
}
.img_event img {
    max-width: 258px;
    display: inline-block;
}
span.img_event {
    width: 100%;
    text-align: center;
}
.stages_sec ul li a {
    font-size: 16px;
    line-height: 24px;
    padding: 15px;
}
.tab_steps #container .list {
    font-size: 16px;
    line-height: 28px;
}
.tab_steps #container{
	padding: 15px;
}
.abt_bx {
    padding: 0px;
    margin-bottom: 10px;
}
.what_get_steps .head_ttl p {
    padding-right: 0;
}
.what_get_steps span.img_crcl {
    width: 65px;
    height: 65px;
    line-height: 65px;
}
.what_get_steps .abt_bx:after{
	display: none;
}
.how_it_works_sec .left_img_works img {
    width: 550px;
}
.doc-active {
    top: -75px;
    transform:translate(-50%, 0%) !important;
    display: inline-block !important;
    left: 50%;
}
.hover-active {
    display: inline-block !important;
}
#image2, #image3, #image4 {
    top: -75px;
    transform:translate(-50%, 0%) !important;
    display: inline-block !important;
    left: 50%;
}
.how_it_works_sec .left_img_works {
    padding-top: 450px;
}
#testimonial-slider {
    margin-top: 10px;
}
.testimonial .description {
    min-height: 210px;
}
.clients_love .head_ttl {
    margin-bottom: 22px;
}
.img_dgn {
    display: none;
}
.msge_form {
    width: 100%;
}
.text_lft_bnr h1 {
    font-size: 26px;
    line-height: 30px;
}
.text_lft_bnr p {
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 22px;
}
.get-intouch-btn.no_rdius {
    font-size: 12px;
}
.vertical-line {
    display: none;
}
.secondStep .step_text {
    padding-top: 0;
}
.thirdStep .step_text {
    padding-top: 0;
}
.step_1 .step_text, .step_2 .step_text {
    width: 100%;
    margin: 0;
    padding: 0;
}
.first.step_1 {
    margin-top: 25px;
}
.stepSection .step_1 {
    display: block;
}
.main_cont_page .faq_sc h2 {
    font-size: 45px;
}
.faq_sc h2 span {
    font-size: 30px;
}
.faq_dis {
    font-size: 16px;
}
.vertical-caption.align-right .col-md-12 {
    padding: 0;
}
.step_1 {
    margin-top: 25px;
}
.clients_love {
    margin-bottom: 0;
}
.firstStep .step_text, .secondStep .step_text, .thirdStep .step_text, .forthStep .step_text, .fifthStep .step_text{
    position: relative;
    padding-top: 45px !important;
}
.firstStep .step_text:after, .secondStep .step_text:after, .thirdStep .step_text:after, .forthStep .step_text:after, .fifthStep .step_text:after{
	position: absolute;
    content: 'Week 1';
    top: 0;
    left: 0;
    font-size: 22px;
    color: #fa814d;
    font-weight: 700;
    text-transform: capitalize;
}
.secondStep .step_text:after{
    content: 'Week 2';
    right: 0;
    left: auto;
}
.thirdStep .step_text:after{
	left: 0;
	content: 'Week 3';
	right: auto;
}
.forthStep .step_text:after{
	left: auto;
	content: 'Week 4';
	right: 0;
}
.week_developx .fifthStep .step_text:after{
    content: 'Week 5 onwards';
    left: 0;
    right: auto;
}
.Perks_sec {
    padding: 40px 0;
}
.Perks_sec .container.setContainer:after {
    bottom: -40px;
}
.service_help {
    padding: 40px 0;
}
.service_bx_inner {
    height: auto;
    margin: 10px 0;
}
.skil_set_sec {
    padding: 40px 0;
}
.current_prc h4 {
    font-size: 35px;
}
.slide_success_sto {
    position: static;
    right: 0;
    top: 0;
    width: 100%;
}
.story_text_lft {
    padding-top: 0;
    width: 100%;
}
.skil_set_sec.success_story_slider {
    height: auto;
    padding: 0 0 65px 0;
}
.skil_set_sec ul.slides li .succ_slide_box.box_xl_media {
    height: 420px;
}
.skil_set_sec ul.slides li .succ_slide_box {
    height: 420px;
}
#image2, #image3, #image4 {
    display: none !important;
}
.how_it_works_sec .left_content_works ul li:hover:before{
	width: 16px;
    height: 16px;
    background: #E2E8F0;
}
.fourstep_week .left_content_works {
    height: auto;
}
.fourstep_week .slides-container {
    position: static;
}
.step_1:after, .step_1:before{
	display: none;
}
.page_team_x .how_it_works_sec .left_img_works {
    padding-top: 550px;
}
.page_team_x .doc-active {
    top: -25px;
}
.about_startx.work_flow {
    padding-top: 40px;
}
.about_startx.work_flow.digi_transformation {
    padding: 40px 0;
}
.work_flow .abt_bx {
    text-align: center;
}
.work_flow .abt_bx p {
    text-align: center;
}
.about_startx.work_flow {
    text-align: center;
}
.digi_transformation p {
    text-align: center;
}
.expand_team {
    padding: 40px 0;
}
.expand_content {
    padding-right: 250px;
}
.expand_content p {
    font-size: 16px;
    line-height: 28px;
}
.our_process_sec {
    padding: 40px 0;
}
.page_team_x .what_get_steps {
    padding: 40px 0 40px 0;
}
.page_team_x .what_get_steps .abt_bx {
    height: auto;
}
.story_teamx .head_ttl {
    margin-bottom: 18px;
}
.story_teamx {
    padding-bottom: 0;
}
.story_frst_cont p {
    font-size: 14px;
    line-height: 24px;
    margin: 15px 0 0 0;
}
.speed_up {
    height: auto;
    width: 100%;
}
.why_appli {
    padding: 40px 0 0 0;
}
.why_appli p br{
	display: none;
}
.why_appli .head_ttl {
    margin-bottom: 20px;
}
.achive_step {
    text-align: center;
    margin: 15px 0;
}
.why_appli .achive_step p{
	text-align: center;
}
.Perks_sec.all_logo_teamx {
    padding: 40px 0;
}
.hire_Team ul li {
    font-size: 14px;
    padding: 8px 0px;
}
.hire_Team ul li p {
    font-size: 10px;
}
.tech_exp_bx ul li {
    width: 19%;
}
.hire_Team {
    padding: 0 0 40px 0;
}
.hide_slide_box {
   display: none;
}
.work_stp_slide.hide_slide_box {
    display: none;
}
.get-intouch-btn.no_rdius.dev_x_btn {
    margin-top: 35px;
}
.fourstep_week .slide{
	margin-top: 0;
}

}

@media (max-width: 575px){
	.how_it_works_sec .left_img_works img {
    width: 290px;
}
.inner_content_prc p br {
    display: none;
}
.inner_content_prc {
    width: 100%;
}
.plan_pr_dtl {
    width: 100%;
}
.msge_form h2 img {
    right: 15px;
    bottom: 18px;
    width: 135px;
}
.g-recaptcha>div {
    width: 100% !important;
    display: inline-block;
}
.rc-anchor-light.rc-anchor-normal {
    width: 100% !important;
}
.right_img_bnr img {
    width: 290px;
}
.right_img_bnr {
	top: 30px;
}
.text_lft_bnr{
	padding-top: 175px;
}
.startx_stat .col-md-3.col-sm-6 {
    width: 50%;
}
.main_cont_page .award_sec h2 {
    text-align: center;
}
.stages_sec {
    padding: 40px 0;
}
.tab_steps #container {
    width: 100%;
    position: static;
    margin-top: 20px;
}
.stages_sec ul {
    width: 100%;
}
.how_it_works_sec {
    padding: 25px 0 0px 0;
}
.how_it_works_sec .left_img_works {
    padding-top: 220px;
}
.doc-active {
    top: -50px;
}
#image2, #image3, #image4 {
    top: -50px;
}
.week_status_sec.fourstep_week {
    padding: 0;
}
.testimonial .description {
    min-height: 280px;
}
.get-intouch-btn.no_rdius {
    font-size: 13px;
    width: 100%;
    display: inline-block;
    padding: 5px 10px;
}
.captcha  iframe {
    width: 100% !important;
}
.rc-anchor-normal .rc-anchor-checkbox-label {
    width: 100px !important;
}
.rc-anchor-normal-footer {
    margin-left: -48px !important;
}
.stat_bx {
    font-size: 12px;
}
.award_content_bottom.row {
    margin: 0;
}
#testimonial-slider.owl-theme .owl-controls .owl-page span {
    width: 50px;
    height: 50px;
}
#testimonial-slider.owl-theme .owl-controls .owl-page.active span {
    height: 65px;
    width: 65px;
    margin: 0;
}
.page_develop_x .right_img_bnr img {
    width: 290px;
}
.page_develop_x .text_lft_bnr {
    padding-top: 250px;
}
.tech_exp_bx h4 {
    text-align: center;
}
.tech_exp_bx ul {
    padding: 0;
    text-align: center;
}
.tech_exp_bx ul li {
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
    width: 25%;
}
img.mob_img_sld {
    display: none;
}
.skil_set_sec ul.slides li .succ_slide_box.box_xl_media {
    height: 320px;
}
.skil_set_sec ul.slides li .succ_slide_box {
    height: 320px;
        padding: 30px;
}
.skil_set_sec ul.slides li .succ_slide_box p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
}
.skil_set_sec ul.slides li .succ_slide_box a {
    font-size: 14px;
}
.images_niel img {
    left: 15px;
}
.page_team_x .doc-active {
    top: -25px;
}
.page_team_x .how_it_works_sec .left_img_works {
    padding-top: 275px;
}
.page_team_x .right_img_bnr img {
    width: 400px;
}
.page_team_x .right_img_bnr {
    top: 15px;
}
.page_team_x .text_lft_bnr{
	padding-top: 195px;
}
.expand_content {
    padding-right: 0;
}
.expand_content a{
	position: relative;
	transform: none;
	margin: 15px 0 0 0 !important;
}
.story_frst_cont {
    padding-right: 0;
    width: 100%;
    margin-bottom: 25px;
    text-align: center;
}
.story_frst_cont p {
    text-align: center;
}
.story_teamx .head_ttl {
    text-align: center;
    margin-bottom: 15px;
}
.story_teamx p {
    text-align: center;
}
.story_frst_img, .story_frst_cont {
    width: 100%;
}
.page_team_x .right_img_bnr img {
    width: 360px;
}
.why_appli .col-md-3.col-sm-6 {
    display: inline-block;
    width: 50%;
}
.hire_Team .col-md-4.col-sm-4 {
    display: inline-block;
    width: 50%;
}
.faq_sc.mob_stages{
	display: block;
}
.tab_steps{
	display: none;
}
.faq_sc.mob_stages .panel-body {
    font-size: 14px;
    color: #9DABBF;
}
.head_ttl h5{
	font-size: 12px;
}
.how_it_works_sec .tab_steps {
    display: block;
}
.hire_Team .head_ttl {
    margin-bottom: 0;
}
.text_lft_bnr ul li a {
    padding: 3px 12px;
}
}

@media (max-width: 400px){
.startx_stat .col-md-3.col-sm-6 {
    width: 100%;
    text-align: center;
}
.stat_bx {
    font-size: 12px;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-left: 0;
    vertical-align: top;
    height: auto;
    margin: 10px 0;
}
.stat_bx img {
    width: 41px;
    position: static;
    display: inline-block;
    transform: none;
}
.stat_bx span {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.page_team_x .right_img_bnr img {
    width: 290px;
}

.hire_Team ul li {
    padding: 5px 0px;
}
}