a,a:focus,a:hover{color:#4c525a}

.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:#218fef;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:#218fef!important}
.spinner{margin:10px auto 0;width:100%;text-align:center;bottom:-40px}
#status.logo-loader-outer{margin-left:-65px;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:#218fef}
.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: #218fef;font-weight: 700;font-size: 14px;color: #218fef;border-radius: 30px;text-align: center;display: inline-block;text-transform: uppercase;transition: 0.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: 0px 0px 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{-webkit-transition:all .5s}
 
 
.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}
.sub_menu,.sub_menu:before{position:absolute;left:50%}
.navigation_right ul li>a{font-size:18px;display:block;padding:5px 0;border:0;border-bottom:solid 2px transparent}
.navigation_right ul li.active>a,.navigation_right ul li>a:hover{border:0;border-bottom:2px solid #fff}
.navigation .inactive{cursor:default}
.navigation .inactive>a:hover{border-bottom:none}
.navigation .inactive .sub_menu a{background:0 0!important}
.sub_menu{top:45px;border:none;display:none;width:200px;background:#f4f4f4;margin-left:-100px;border-radius:5px;box-shadow:3px 3px 5px rgba(0,0,0,.2)}
.sub_menu:before{content:" ";top:-10px;margin-left:-10px;border-bottom:solid 10px #f4f4f4;border-right:solid 10px transparent;border-left:solid 10px transparent}
.sub_menu ul{margin:0;padding:0}
.sub_menu ul li{list-style:none;display:block;padding:0;float:none;text-align:left}
.sub_menu ul li a{display:block;text-decoration:none;padding:5px 15px;line-height:1.4em;color:#333;font-weight:400;border:none}
.header_outer.scrolled .navigation_left ul li a,.header_outer.scrolled .navigation_right ul li a{color:#000}
.sub_menu ul li a:hover{background:#dbdbdb;border:none}
.sub_menu ul li:first-child a{border-radius:5px 5px 0 0}
.sub_menu ul li:last-child a{border-radius:0 0 5px 5px}
.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:#218fef;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 #218fef;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:#218fef;color:#fff}
.side-bar-menu .active{background:#218fef;color:#fff;border:2px solid #218fef}
.side-bar-menu .down{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #218fef;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
    }
}
.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: 0px;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:#218fef;color:#218fef;-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:#218fef}
.work a:hover{border-bottom:2px solid #218fef}
.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:600px}
.company-detail h3{color:#218fef;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:#218fef;color:#fff;width:100%}
.job-type li.active{background:#218fef}
.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 #218fef}
.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:#218fef;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:#218fef;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}
.left_contact p{font-weight:500;text-align:right;font-size:18px;color:#218fef}
.analog{position:relative;width:190px;margin:auto;background:url(images/clockface.png);list-style:none;padding:0;-webkit-transform:scale(.8);transform:scale(.8);height:190px}
.analog .min,.analog .sec,.hour{height:150px}
.analog .hour,.analog .min,.analog .sec{position:absolute;width:10px;top:20px;left:90px;padding:0}
.analog .sec{background:url(images/sechand.png);z-index:3}
.analog .min{background:url(images/minhand.png);z-index:2}
.analog .hour{background:url(images/hourhand.png);z-index:1}
.analog .meridiem{margin-top:90px;font-size:11px;font-weight:500;color:#333;display:inline-block}

/*Office address - New design*/
.office-section{}
.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: bold;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};

/*Office address - New design end*/



.mantra_left h2 {
    font-weight: 500;
    font-size: 2em;
    color: #4c525a
}

.mantra_left p {
    color: #000;
    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: #218fef;
    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: #7323de;
    font-size: 20px;
    font-weight: 500
}

.left_circle {
    width: 600px;
    height: 600px;
    border-radius: 300px;
    float: left;
    border: 3px solid #7323de
}

.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: 16px;
    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: #fa691c;
    font-size: 20px;
    font-weight: 500;
    text-align: center
}

.center_circle_text p,
.right_circle p {
    padding-bottom: 6px;
    font-size: 16px;
    font-weight: 500
}

.right_circle p {
    color: #fa691c;
    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 #fa691c;
    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:0em;
}
.contact-page .outer_servics {
    padding-top: 0em;padding-bottom:4em;
}

.outer_services {
    padding-top: 3em;
    margin-bottom: 3em
}

.marketing_outer {
    padding-top: 12em
}

.outer_services p {
    padding: 0 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: #218fef
}

.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 #218fef
}

.section-title.active h1 {
    color: #218fef
}

.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;line-height: 11px;
    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 #218fef;
    background: #218fef;
    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: #218fef;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%
}

.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
}

.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;
    direction:ltr;
    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;
    font-size: 1.8em;
    color: #4c525a;    line-height: 44px;
    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: #f1f1f2;
    float: left;
    margin-right: 25px
}

.first.filled_circle {
    margin-left: 58px
}

.filled_circle:hover {
    background: #218fef
}

.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 #000;
    background: #fff
}

.rounded_circle p {
    margin-top: 11px;
    font-size: 30px;
    color: #218fef;
    line-height: 0.8em
}

.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: #000
}

.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: left;
    font-weight: 500
}

.contact .row h3 {
    margin-bottom: 0;
    font-size: 1.7em;
    font-weight: 300;
    text-align: left;
    margin-top: 6px;
    color: #8492a6
}

.contact .row p {
    font-weight: 500;
    text-align: left;
    margin-top: 1em;
    font-size: 14px;
    color: #218fef
}

.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 #218fef
}

.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: #218fef;
    border: 1px solid #218fef
}

.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 0px 0;
    width: 45%;
    max-width: 100%;
   
    float: left;
    text-align: center;position: relative;
}

.contact_location img {
    width: 492;
    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: bold;
    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] {
    width: 100%;
    border: none;
    border-bottom: solid 1px #c5c5c5;
    padding: 7px;
    resize: none;
    outline: 0
}

.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 #218fef;
    background: 0 0;
    color: #218fef;
    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: #218fef;
    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: #218fef
}

.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: 0em
}
.company_info .container{    
	border-bottom: 1px solid #ccc;
}
.left_contact a {
     margin: 2em 0 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 0s ease-out;
    transition: all .2s 0s ease-out;
    -webkit-transform: scale(1.4);
    transform: scale(1.4)
}

.section-nav a:hover {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.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: 2px solid #b2bed0;
    margin: 119px 0;
    padding: 114px 0 118px 40px;
    position: relative
}
.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: #8492a6;
    font-size: 24px;
    text-align: left;
    line-height: 38px;
    width: 45%;
    margin-top: 25px
}

.success-stories a {
    color: #218fef;vertical-align: top;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #218fef;
    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: #218fef;
    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: #218fef;
    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:#218fef;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)
    }
}

.projects-section{height:100%;padding-bottom:0;position:relative}
.projects-section .project-detail-section{width:65%;float:left;height:100%;background:#fff;position:relative}
.projects-section .project-detail-section .project-detail{padding:0;width:100%;height:100%;color:#fff;position:absolute;left:0;top:0;z-index:0;opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;overflow:hidden}
.projects-section .project-detail-section .project-detail .inner-holder{padding:0;position:absolute;left:115px;right:0;top:50%;margin-top:-80px}
.projects-section .project-detail-section .project-detail>a{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1}
.projects-section .project-detail-section .project-detail .project-header{border-left:none;margin-bottom:40px}
.projects-section .project-detail-section .project-detail .project-header h2{font-size:60px;margin:0 0 10px}
.projects-section .project-detail-section .project-detail .project-header h2.readonly{position:absolute;height:1px;overflow:hidden;opacity:0}
.projects-section .project-detail-section .project-detail .project-header.left:after{content:" ";display:block;clear:both}
.projects-section .project-detail-section .project-detail .project-header.left h2{line-height:1.5em;margin:0;float:left}
.projects-section .project-detail-section .project-detail#dice .project-header.left h2{padding-top:0}
.projects-section .project-detail-section .project-detail#nlgic .project-header.left h2{padding-top:5px}
.projects-section .project-detail-section .project-detail .project-header.left h2 img{display:block}
.projects-section .project-detail-section .project-detail .project-header.left .project-logo{float:left;margin-right:20px}
.projects-section .project-detail-section .project-detail .project-header .tagline{font-size:20px;padding-bottom:10px}
.projects-section .project-detail-section .project-detail .project-header .project-logo{padding-bottom:15px}
.projects-section .project-detail-section .project-detail .project-header .project-logo img{max-height:95px}
.projects-section .project-detail-section .project-detail#abokifx .project-header .project-logo img{height:45px}
.projects-section .project-detail-section .project-detail .project-img{margin:0;position:absolute;right:80px;top:-240px}
.projects-section .project-detail-section .project-detail .project-img>img{max-width:100%}
.projects-section .project-detail-section .project-detail .project-img .screenshot-holder{position:absolute;width:100%;height:100%;padding:29% 13.5%;left:0;top:0}
.projects-section .project-detail-section .project-detail .project-img .screenshot-holder img{width:100%}
.projects-section .project-detail-section .project-detail .project-description{padding:0;font-size:25px;margin-bottom:50px}
.projects-section .project-detail-section .project-detail .view-case-study-button{padding:0}
.projects-section .project-detail-section .project-detail .view-case-study-button a{color:#fff;font-size:16px;text-decoration:none;display:inline-block;border-radius:30px;border:2px solid #fff;padding:12px 30px;font-weight:500;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;text-transform:uppercase}
.projects-section .project-detail-section .project-detail .view-case-study-button a:hover,.projects-section .project-detail-section .project-detail:hover .view-case-study-button a{background:#fff;color:#333}
.projects-section .project-detail-section .project-detail.sthree{background:#ff2f4e;background:-moz-linear-gradient(-45deg,#ff2f4e 0,#d11e39 100%);background:-webkit-linear-gradient(-45deg,#ff2f4e 0,#d11e39 100%);background:linear-gradient(135deg,#ff2f4e 0,#d11e39 100%);}
.projects-section .project-detail-section .project-detail.dice{background:#d70200;background:-moz-linear-gradient(-45deg,#d70200 0,#ac0302 100%);background:-webkit-linear-gradient(-45deg,#d70200 0,#ac0302 100%);background:linear-gradient(135deg,#d70200 0,#ac0302 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#d70200',endColorstr='#ac0302',GradientType=1)}
.projects-section .project-detail-section .project-detail.yap-yap{background:#a959c7;background:-moz-linear-gradient(-45deg,#a959c7 0,#8337a0 100%);background:-webkit-linear-gradient(-45deg,#a959c7 0,#8337a0 100%);background:linear-gradient(135deg,#a959c7 0,#8337a0 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#a959c7',endColorstr='#8337a0',GradientType=1)}
.projects-section .project-detail-section .project-detail.my-medi{background:#3d7be2;background:-moz-linear-gradient(-45deg,#3d7be2 0,#1f5abd 100%);background:-webkit-linear-gradient(-45deg,#3d7be2 0,#1f5abd 100%);background:linear-gradient(135deg,#3d7be2 0,#1f5abd 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#3d7be2',endColorstr='#1f5abd',GradientType=1)}
.projects-section .project-detail-section .project-detail.nlgic{background:#4958a4;background:-moz-linear-gradient(-45deg,#4958a4 0,#253274 100%);background:-webkit-linear-gradient(-45deg,#4958a4 0,#253274 100%);background:linear-gradient(135deg,#4958a4 0,#253274 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#4958a4',endColorstr='#253274',GradientType=1)}
.projects-section .project-detail-section .project-detail.docsnap{background:#38bbc5;background:-moz-linear-gradient(-45deg,#38bbc5 0,#1d9ca6 100%);background:-webkit-linear-gradient(-45deg,#38bbc5 0,#1d9ca6 100%);background:linear-gradient(135deg,#38bbc5 0,#1d9ca6 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#38bbc5',endColorstr='#1d9ca6',GradientType=1)}
.projects-section .project-detail-section .project-detail.health-connect{background:#4c93a7;background:-moz-linear-gradient(-45deg,#4c93a7 0,#397485 100%);background:-webkit-linear-gradient(-45deg,#4c93a7 0,#397485 100%);background:linear-gradient(135deg,#4c93a7 0,#397485 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#4c93a7',endColorstr='#397485',GradientType=1)}
.projects-section .project-detail-section .project-detail.souvice{background:#f92151;background:-moz-linear-gradient(-45deg,#f92151 0,#d51d46 100%);background:-webkit-linear-gradient(-45deg,#f92151 0,#d51d46 100%);background:linear-gradient(135deg,#f92151 0,#d51d46 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#f92151',endColorstr='#d51d46',GradientType=1)}
.projects-section .project-detail-section .project-detail.os-lete{background:#0b4f7c;background:-moz-linear-gradient(-45deg,#0b4f7c 0,#05426b 100%);background:-webkit-linear-gradient(-45deg,#0b4f7c 0,#05426b 100%);background:linear-gradient(135deg,#0b4f7c 0,#05426b 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#0b4f7c',endColorstr='#05426b',GradientType=1)}
.projects-section .project-detail-section .project-detail.abokifx{background:#393939;background:-moz-linear-gradient(-45deg,#393939 0,#212121 100%);background:-webkit-linear-gradient(-45deg,#393939 0,#212121 100%);background:linear-gradient(135deg,#393939 0,#212121 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#393939',endColorstr='#212121',GradientType=1)}
.projects-section .project-detail-section .project-detail.lingo{background:url(images/lingo-banner-background.jpg);background-size:cover}
.projects-section .project-detail-section .project-detail.panic{background:#393939;background:-moz-linear-gradient(-45deg,#000 0,#393939 100%);background:-webkit-linear-gradient(-45deg,#000 0,#393939 100%);background:linear-gradient(135deg,#000 0,#393939 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#000',endColorstr='#393939',GradientType=1)}
.projects-section .project-detail-section .project-detail.active{opacity:1;z-index:2}
.projects-section .project-list-section{width:35%;float:left;height:100%;background:#eee;position:relative}
.projects-section .project-list-section .verticle-stripe{width:75px;height:100%;position:absolute;left:0;top:0;background:#dcdcdc}
.projects-section .project-list-section .project-list-outer{position:absolute;padding:96px 0 55px;left:0;right:0;height:100%;overflow:auto}
.projects-section .project-list-section .project-list-outer ul{padding:0;margin:20px 0 0;list-style:none;padding-bottom:50px}
.projects-section .project-list-section .project-list-outer ul li{padding:0;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;margin:5px 0 0}
.projects-section .project-list-section .project-list-outer ul li a{display:block;padding:20px 0}
.projects-section .project-list-section .project-list-outer ul li a:after{content:" ";display:block;clear:both}
.projects-section .project-list-section .project-list-outer ul li .list-number{width:75px;text-align:center;float:left;line-height:50px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;margin-right:30px}
.projects-section .project-list-section .project-list-outer ul li .list-number span{display:inline-block;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);padding:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;opacity:.5}
.projects-section .project-list-section .project-list-outer ul li .line{width:30px;background:url(images/arrow-right-thin.png) -12px center no-repeat;height:50px;float:left;margin-right:30px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.projects-section .project-list-section .project-list-outer ul li .project-name{float:left;font-size:25px;line-height:2em;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.projects-section .project-list-section .project-list-outer ul li.active a,.projects-section .project-list-section .project-list-outer ul li:hover a{background:#218fef;background:rgba(0,0,0,.1)}
.projects-section .project-list-section .project-list-outer ul li.active .list-number span,.projects-section .project-list-section .project-list-outer ul li:hover .list-number span{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
.projects-section .project-list-section .project-list-outer ul li.active .line,.projects-section .project-list-section .project-list-outer ul li:hover .line{width:50px}
.projects-section .get-a-quote-link{text-align:center;padding:0;background:#e7e7e8;box-shadow:0 0 20px rgba(0,0,0,.4);position:absolute;left:0;bottom:0;width:100%;height:55px;z-index:3}
.projects-section .get-a-quote-link a{display:inline-block;padding:12px 40px;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}
.projects-section .get-a-quote-link a:hover{padding-right:48px}
.projects-section .mCSB_inside>.mCSB_container{margin-right:0}
.internalpage-app .banner-section{height:100%;min-height:563px}
.internalpage-app img{max-width:100%}
.internalpage-app .app-banner{position:relative;float:left;width:65%;height:100%}
.internalpage-app.mixu .app-banner{float:none;width:100%}
.internalpage-app .screen-counter{float:right;text-align:left;width:15%;margin-top:200px}
.internalpage-app.docsnap .app-banner .app-background{background:url(images/docsnap-banner-background.jpg) no-repeat;background-size:cover;width:100%;height:100%}
.container{box-sizing:border-box;max-width:100%}
.internalpage-app.yap-yap .app-banner .app-background{background:url(images/yapyap-banner-background.jpg) no-repeat;background-size:cover;width:100%;height:100%}
.internalpage-app.health-connect .app-banner .app-background{background:url(images/healthconnect-banner-background.jpg) no-repeat;background-size:cover;width:100%;height:100%}
.internalpage-app.souvice .app-banner .app-background{background:url(images/souvice-banner-background.jpg) no-repeat;background-size:cover;width:100%;height:100%}
.internalpage-app.radiyo .app-banner .app-background{background:url(images/radiyo-banner-background.jpg) no-repeat;background-size:cover;width:100%;height:100%}
.internalpage-app.utone .app-banner .app-background{background:url(images/utone-banner-background.jpg) no-repeat;background-size:cover;width:100%;height:100%}
.internalpage-app.panic-internal .app-banner .app-background{background:url(images/panic-banner-background.jpg) no-repeat;background-size:cover;width:100%;height:100%}
.internalpage-app.tewton .app-banner .app-background{background:url(images/tewton-banner-background.jpg) no-repeat;background-size:cover;width:100%;height:100%}
.internalpage-app.oslete .app-banner .app-background{background:url(images/oslete-banner-background.jpg) no-repeat;background-size:cover;width:100%;height:100%}
.internalpage-app.playsport .app-banner .app-background{background:url(images/playsport-banner-background.jpg) no-repeat;background-size:cover;width:100%;height:100%}
.internalpage-app.keyplace-inner .app-background .keyplace-background{position:relative;background:url(images/keyplace-banner-background.jpg) center no-repeat;background-size:cover;width:100%;height:100%;min-height:563px;display:none}
.internalpage-app.my-medi .app-banner .app-background{background:url(images/mymedi-banner-background.jpg) no-repeat;background-size:cover;width:100%;height:100%}
.internalpage-app.dice .app-banner .app-background{background:url(images/dice-banner-background.jpg) #ad0303 no-repeat;background-size:cover;width:100%;height:100%;position:relative}
.internalpage-app.lingo .app-banner .app-background{background:url(images/lingo-banner-background.jpg) no-repeat;background-size:cover;width:100%;height:100%}
.internalpage-app.aboki .app-banner .app-background{background:url(images/aboki-banner-background.jpg) no-repeat;background-size:cover;width:100%;height:100%}
.internalpage-app.nlgic .app-banner .app-background{background:url(images/nlgic-banner-background.jpg) #3b4ba0 no-repeat;background-size:cover;width:100%;height:100%}
.internalpage-app.aboki .app-banner .app-background .app-logo-holder .docsnap-title{margin-top:20px}
.internalpage-app.dice .app-banner .app-background .banner-border{border:5px solid #fff;position:absolute;left:15px;bottom:15px;right:15px;top:111px}
.internalpage-app.dice .app-banner .app-background .banner-border .border-space{height:5px;width:25px;position:absolute;background:#ac0301;left:55px;top:-5px}
.internalpage-app.dice .app-banner .app-background .banner-border .border-space2{position:absolute;background:#ac0301;height:25px;width:5px;left:-5px;top:55px}
.internalpage-app .screen-counter .down-arrow,.internalpage-app .screen-counter .up-arrow{margin-left:10px}
.internalpage-app .screen-counter img{width:20px}
.internalpage-app .screen-counter .counter-loop{height:93px;overflow:hidden}
.internalpage-app .screen-counter .counter p{font-size:35px;font-weight:500;margin:22px 0;color:#b3b3b3;text-align:left}
.internalpage-app.docsnap .app-banner .app-background{position:relative}
.internalpage-app.docsnap .app-banner .app-background .project-logo-holder{width:400px;margin:270px auto 0;position:relative}
.internalpage-app.docsnap .app-banner .app-background .app-logo{margin:0;color:#fff}
.internalpage-app .app-banner .app-background .app-logo-holder{width:400px;margin:225px auto 0}
.internalpage-app.nlgic .app-banner .app-background .app-logo-holder .docsnap-title{margin-left:22px}
.internalpage-app.dice .app-banner .app-background .app-logo-holder .docsnap-title{margin-top:10px}
.internalpage-app.docsnap .app-banner .app-background .docsnap-title{margin-left:0;position:absolute;top:90px;left:0}
.internalpage-app.playsport .app-banner .app-background .app-logo{margin:315px 0 0}
.internalpage-app .app-banner.banner-description .app-background .docsnap-title{width:21%;text-align:center;margin-left:203px}
.internalpage-app .app-banner .app-background .app-logo .docsnap-title h3{font-size:53px}
.internalpage-app.health-connect .app-banner .app-background .docsnap-title h3{color:#82c1f5}
.internalpage-app.health-connect .app-banner .app-background .docsnap-title p{color:#a9a9a9}
.internalpage-app .app-banner .app-background .docsnap-title h3{font-size:40px;color:#fff}
.internalpage-app .app-banner .app-background .docsnap-title h1{font-size:40px;color:#fff}
.internalpage-app .app-banner .app-background .docsnap-title p{letter-spacing:2px;font-size:13px;color:#fff;margin-left:5px;text-align:left;text-transform:uppercase}
.internalpage-app.dice .app-banner .app-background .docsnap-title p{margin-top:10px}
.internalpage-app.playsport .app-banner .app-background .docsnap-title p{margin-top:21px;color:#a9a9a9}
.internalpage-app .app-banner .app-background .scrollmagic-section{background:url(images/scroll-slide.png) center no-repeat;background-size:cover;width:295px;height:520px;position:absolute;top:110px;right:-150px;overflow:hidden}
.aboki.internalpage-app .app-banner .app-background .scrollmagic-section{background:url(images/scroll-slide-aboki.png) center no-repeat;background-size:cover}
.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar ul{padding:0;margin:0}
.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar{margin:75px 44px 0;height:368px;overflow:hidden}
.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar img{display:block;width:207px;height:368px}
.internalpage-app .app-banner .app-background .scrollmagic-section .scrollbar .flexslider{border:none}
.internalpage-app .screen-counter .counter-loop ul{padding:0;margin:0}
.internalpage-app .screen-counter ul li{font-size:35px;font-weight:500;color:#b3b3b3;text-align:left}
.internalpage-app .screen-counter .counter-loop .flex-viewport{margin-top:24px}
.internalpage-app .wireframe .wireframe-screenshot.wireframe-series{width:900px;margin:0 auto;padding:0 15px;max-width:100%}
.internalpage-app .wireframe .wireframe-screenshot.wireframe-series .wireframe-image{width:33.33%}
.internalpage-app.keyplace-inner .docsnap-content{margin-top:200px}
.internalpage-app .docsnap-content p{color:#8492a6;font-size:1.6em;margin:0 auto}
.aboki.internalpage-app .docsnap-content p a{color:#8492a6;text-decoration:underline!important}
.internalpage-app .docsnap-content .docsnap-title{color:#000}
.internalpage-app .our-goal,.internalpage-app .our-goal2{text-align:center;padding:0;color:#fff}
.internalpage-app.dice .our-goal2{padding-top:75px}
.internalpage-app .our-goal .goal-section,.internalpage-app .our-goal2 .goal-section{height:100%}
.internalpage-app .our-goal .goal-image,.internalpage-app .our-goal2 .goal-image{height:67px}
.internalpage-app .our-goal .goal-image img,.internalpage-app .our-goal2 .goal-image img{width:260px;display:none}
.internalpage-app .our-goal .goal-image.our-goal-image img,.internalpage-app .our-goal2 .goal-image.our-goal-image img{display:inline-block}
.internalpage-app .our-goal .goal-content,.internalpage-app .our-goal2 .goal-content{padding-top:75px;opacity:0}
.internalpage-app.dice .our-goal .goal-content{padding-top:175px;text-align:left}
.internalpage-app .our-goal .goal-content.slideup,.internalpage-app .our-goal2 .goal-content.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}
.internalpage-app .app-design-section .app-design.slideup,.internalpage-app .wireframe.slideup{-webkit-animation-name:slideup2;-webkit-animation-duration:.5s;-webkit-animation-timing-function:ease-out}
.internalpage-app .our-goal .goal-content .utone,.internalpage-app .our-goal2 .goal-content .utone{text-align:left}
.internalpage-app .our-goal .goal-content ul,.internalpage-app .our-goal2 .goal-content ul{text-align:left;font-size:25px}
.internalpage-app .our-goal .goal-content ul li,.internalpage-app .our-goal2 .goal-content ul li{list-style:none}
.internalpage-app .our-goal .goal-content ul li::before,.internalpage-app .our-goal2 .goal-content ul li::before{content:"-"}
.internalpage-app .common-section h2{font-size:2.7em}
.internalpage-app.dice .common-section h2{color:#333;font-weight:400;text-align:left}
.internalpage-app.dice .common-section.app-design-section h2{text-align:center;color:#fff}
.internalpage-app.dice .common-section.app-design-section p{text-align:center;color:#ccc}
.internalpage-app .common-section p{font-size:1.6em;margin:22px auto 0;color:#999;line-height:1.2em}
.internalpage-app.dice .common-section p{width:auto;color:#8492a6;text-align:left}
.internalpage-app.utone .our-goal p{margin:42px auto 10px;text-align:left}
.internalpage-app .wireframe-section{text-align:center;color:#fff;margin-top:50px}
.internalpage-app .wireframe{padding-top:105px;height:100%;opacity:0}
.internalpage-app .wireframe .wireframe-heading-image{width:190px;margin:0 auto}
.internalpage-app .wireframe .wireframe-detail{margin-top:80px}
.internalpage-app .wireframe.slideup{opacity:1;animation-name:slideup2;animation-duration:.5s;animation-timing-function:ease-out}
.internalpage-app.dice .wireframes h2{text-align:center;color:#fff}
.internalpage-app .wireframe p,.internalpage-app.dice .wireframes p{text-align:center}
.internalpage-app.dice .wireframes p{color:#ccc}
.internalpage-app.utone .wireframe p{width:100%}
.internalpage-app.dice .wireframe .challange-section{margin:45px 0 0}
.internalpage-app .wireframe .wireframe-screenshot .wireframe-image{float:left;background:url(images/iphone.png) center no-repeat;background-size:auto 100%;width:25%;height:400px;margin-top:65px;position:relative}
.internalpage-app .wireframe .challange-section .challanges{float:left;width:30.33%;border:1px solid #d0dadd;margin:0 15px}
.internalpage-app .wireframe .challange-section .challanges .frame-screenshot{height:276px;padding:20px 25px}
.internalpage-app .wireframe .challange-section .challanges h3{font-size:18px;display:inline-block;padding:9px 0 15px;width:100%;max-width:100%;margin:0;color:#333;text-align:left}
.internalpage-app .wireframe .challange-section .challanges p{line-height:1.4em;font-size:1.2em;width:auto;margin-top:.5em}
.internalpage-app .wireframe .wireframe-screenshot .wireframe-image .frame-screenshot{padding-top:53px}
.internalpage-app .wireframe .wireframe-screenshot .wireframe-image .frame-screenshot img{width:166px}
.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 #218fef;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 #218fef}
.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:#218fef;border-bottom:solid 2px #218fef}
.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 #218fef;outline:0}
.contact-popup .inner-holder .inner-form .inner-container .submit{border:none;border:1px solid #218fef;color:#218fef;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:#218fef;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:#218fef}
.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:#218fef;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 #218fef}
.bottom-contact-tip .email-form .submit{border-radius:30px;border:1px solid #218fef;padding:10px 30px;background:0 0;color:#218fef;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:#218fef;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:#218fef;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:#218fef;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:#218fef;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{float:left;margin:30px 120px 20px 0}
.media-highlights-section .media-thumbs-outer .media-thumb:last-child{margin-right:0}
.media-highlights-section .media-thumbs-outer .media-thumb img{height:130px}
.fp-auto-height.success-stories-inner-footer{padding-top:29px}
.projects-section .project-detail-section .project-detail.brezaa{background:#f87a52;background:-moz-linear-gradient(-45deg,#f87a52 0,#f5744b 100%);background:-webkit-linear-gradient(-45deg,#f87a52 0,#f5744b 100%);background:linear-gradient(135deg,#f87a52 0,#f5744b 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#f87a52',endColorstr='#f5744b',GradientType=1)}
.internalpage-app.brezaa .app-banner .app-background{background:url(images/brezaa-banner-background.jpg) #f87a52 no-repeat;background-size:cover;width:100%;height:100%}
.internalpage-app.brezaa .wireframe .wireframe-screenshot .wireframe-image,.internalpage-app.reezer .wireframe .wireframe-screenshot .wireframe-image,.internalpage-app.pinkbook .wireframe .wireframe-screenshot .wireframe-image{background:none}
.projects-section .project-detail-section .project-detail.reezer{background:#630ac4;background:-moz-linear-gradient(-45deg,#630ac4 0,#5b0bb2 100%);background:-webkit-linear-gradient(-45deg,#630ac4 0,#5b0bb2 100%);background:linear-gradient(135deg,#630ac4 0,#5b0bb2 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#630ac4',endColorstr='#5b0bb2',GradientType=1)}
.projects-section .project-detail-section .project-detail.pinkbook{background:#e5136a;background:-moz-linear-gradient(-45deg,#e5136a 0,#da1365 100%);background:-webkit-linear-gradient(-45deg,#e5136a 0,#da1365 100%);background:linear-gradient(135deg,#e5136a 0,#da1365 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#e5136a',endColorstr='#da1365',GradientType=1)}
.internalpage-app.reezer .app-banner .app-background{background:url(images/reezer-banner-background.jpg) #630ac4 no-repeat;background-size:cover;width:100%;height:100%}
.success-stories-inner-footer.reezer .next-project-link{background-image:url(images/reezer-footer-bg.jpg);background-size:100%;background-position:center;background-color:#5f0bbb}
.internalpage-app.pinkbook .app-banner .app-background{background:url(images/pinkbook-banner-background.jpg)#e5136a no-repeat;background-size:cover;width:100%;height:100%}
.success-stories-inner-footer.pinkbook .next-project-link{background-image:url(images/pinkbook-footer-bg.jpg);background-size:100%;background-position:center;background-color:#e5136a}
.sthree .intro-screen .logo-area .logo-holder .tagline h1{font-size:20px}

/*25-june*/
.projects-section .project-detail-section .project-detail.tul {
    background: #393939;
    background: -moz-linear-gradient(-45deg, #393939 0, #212121 100%);
    background: -webkit-linear-gradient(-45deg, #393939 0, #212121 100%);
    background: linear-gradient(135deg, #393939 0, #212121 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#212121', GradientType=1)
}
.projects-section .project-detail-section .project-detail.backyard {
   background: #04e29e;
    background: -moz-linear-gradient(top, #04e29e 0%, #1ab3f1 100%);
    background: -webkit-linear-gradient(top, #04e29e 0%,#1ab3f1 100%);
    background: linear-gradient(to bottom, #04e29e 0%,#1ab3f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04e29e', endColorstr='#1ab3f1',GradientType=0 );
}

/*tul*/
.internalpage-app.tul .app-banner .app-background {background: url(images/projects-images/tul-banner-background.jpg) no-repeat;background-color:#000;background-size: cover;width: 100%;height: 100%;}
.success-stories-inner-footer.backyard .next-project-link { background-image: url(images/projects-images/backyard-footer-bg.jpg); background-size: 100%; background-position: center; background-color: #212121;}

.internalpage-app.tul .wireframe .wireframe-screenshot .wireframe-image{background: none;}

/*backyard*/

.internalpage-app.backyard .app-banner .app-background {background: url(images/projects-images/backyard-banner-background.jpg) no-repeat #04e29e;  width: 100%;    height: 100%;}

/*.internalpage-app .wireframe .wireframe-screenshot .wireframe-image {float: left; background: url(images/projects-images/iphone.png) center no-repeat; background-size: auto 100%; width: 25%; height: 400px; margin-top: 65px; position: relative;}*/

.success-stories-inner-footer.tul .next-project-link { background-image: url(images/projects-images/tul-footer-bg.jpg); background-size: 100%; background-position: center; background-color: #212121;}


.homescreen-content .get-intouch {font-size: 14px;color: #218fef;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; line-height:50px; height: 50px; position: relative; background: #218fef;font-weight: 700;font-size: 14px;color: #fff;border-radius: 30px;text-align: center;display:block;margin:50px auto; text-transform: uppercase;transition: 0.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 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;}*/
.get-intouch-btn:active {-webkit-transform: translateY(1px); transform: translateY(1px);box-shadow: 0px 0px 6px rgba(0,0,0,0.2);}
.snapshots-section .get-intouch-btn, 
.media-highlights-section .get-intouch-btn{float: right; margin: 0px;}
.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: 0px; 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 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 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;}

@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}
}

@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}
}

@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:0 0 10px;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:#218fef}
    .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,.projects-section .project-list-section .project-list-outer ul li .project-name{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 ul li a{padding:15px 0}
    .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:80px}
    .media-highlights-section .media-thumbs-outer .media-thumb img{height:80px}
}

@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}
    .waypoint-on .media-highlights-section,.waypoint-on .snapshots-section,body.black-bg .common_section.services,body.black-bg .taylormade{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
    body{-webkit-transition:all .5s ease;transition:all .5s ease}
    body.black-bg{background:#000}
    .common_section.services,.taylormade{-webkit-transition:all .5s ease;transition:all .5s ease}
    .media-highlights-section,.snapshots-section{background:0 0;-webkit-transition:all .5s ease;transition:all .5s ease}
    .black-bg .media-highlights-section,.black-bg .snapshots-section{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
}

@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-list-section .project-list-outer ul li a{padding:15px 0}
    .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{margin-right:100px}
    .media-highlights-section .media-thumbs-outer .media-thumb img{height:75px}
    .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}
}

@media screen and (max-width:1023px) {
    .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;border-radius:1px solid #fff}
    .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:#7323de;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:#fa691c;font-size:20px;font-weight:500;text-align:center}
    .right_circle p{color:#fa691c;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_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 {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;border-radius:1px solid #fff}
    .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:none;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:none}
    .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:114px 40px 90px;border:none;margin:0}
    .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}
}

@media screen and (max-width:767px) {
    .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}
    .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:block;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:50px}
    .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}
    @-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}
    .artist_footer .get-intouch-btn{width:200px;margin-top:10px}
    .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}
  
    .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:none 25px none none}
    .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;}
  
}

@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}
   
    .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:30px}
    .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 0px 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}
   
    .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}
}