/*COMMON ELEMENTS | www.twentypercent.com */

html, body{ width: 100%; height: 100%; font-family:'Work Sans', sans-serif; } a,a.active,a:active,a:focus,a:hover{outline:0; text-decoration: none;} sup {vertical-align: super; font-size: 0.4em;} sup.lowertd { font-size: 0.6em;} a:hover, a:active, a:focus, a:visited{text-decoration: none;}
section{overflow: hidden} .invisible {visibility: hidden;}
.wow {  visibility: hidden;}
a{ color: #222;}
a:hover{ color: #000;}
/*LOADER | www.twentypercent.com */

#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;overflow:hidden;background:#111;display:flex;justify-content:center;align-items:center}.loader{width:40px;height:40px; background-color:#fff;margin:100px auto;-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;animation:sk-rotateplane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}


/*TYPOGRAPHY | www.twentypercent.com */

h3{text-transform: uppercase; line-height: 1.3;} p{font-size: 1.62rem; font-weight: 300;}
.fw2{ font-weight: 200;} .fw3{ font-weight: 300;}

/*MARGINS | www.twentypercent.com */

.mr{margin-right: 10px;} .mt{margin-top: 20px;} .mb{margin-bottom: 10px} .ml{margin-left: 10px}

/*BUTTONS | www.twentypercent.com */

.btn{transition: all 300ms ease;}
.btn-round{border-radius: 2rem;	}
.btn-large{padding: 9px 16px; font-size: 1.5rem;}
.btn-black{color: #fff; background-color: #222; border-color: #222;}
.btn-black:hover,.btn-black:active,.btn-black.active {  color: #222; background-color: transparent; border-color: #222; }
.btn-white{color: #fff; background-color: transparent; border-color: #fff;}
.btn-white:hover,.btn-white:active,.btn-white.active{  color: #eee;  background-color: transparent;  border-color: #eee;}

/*MAIN NAVIGATION BAR | www.twentypercent.com */
header{width: 100%; height: 77px;}
.navbar{margin-bottom: 0;}
.navbar-default{background:#fff;border: none;  box-shadow: 0 0 1px 1px #eee; }
.navbar-default .navbar-nav>li>a { color:#3e3e3e; font-weight: 400; font-size: 1.3rem; height: 40px; padding: 28px 15px 0 ; letter-spacing: 1px; }
.navbar-default .navbar-nav>li>a:hover { color:#000; background: transparent; transition: all 300ms;}
.navbar-default .navbar-nav>li.active>a, .navbar-default .navbar-nav > li.active > a:hover ,.navbar-default .navbar-nav > li.active > a:focus  {  background: transparent; color:#000; }
.navbar-default .navbar-nav>li { height: 77px; border-top: 3px solid transparent; transition: all 300ms;}
.navbar-default .navbar-nav>li:hover {  border-top: 3px solid #aaa;}
.navbar-default .navbar-nav>li.active {  border-top: 3px solid #000;}
.navbar-brand{line-height: 0;  padding-top: 9px;}
.navbar-brand img{width: 150px;}
.navbar-toggle {margin-top: 18px!important; border: none!important;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: transparent;}
.navbar-toggle .icon-bar { display:block; width:28px; height:3px; border-radius:2px}
.navbar-toggle .icon-bar+.icon-bar {margin-top:4px}
.navbar-nav > li > .dropdown-menu { margin-top: 1px;}
.dropdown-menu {border: 0; box-shadow: 0 6px 6px rgba(0,0,0,.175);}
.dropdown-menu>li>a { display: block;   clear: both; letter-spacing: 1px; padding: 8px 40px 6px 25px;   font-weight: 400;  color: #222; font-size: 1.1rem; text-transform:uppercase; transition: all 100ms ease;}

.dropdown-menu>li>a:hover { background: transparent;  color: #aaa; transition: all 100ms ease; }


/*LETTER ROLL OVER ANIMATION | www.twentypercent.com */

.link{outline:0;text-decoration:none;position:relative;line-height:1;color:#9e9ba4;display:inline-block; font-weight: 900;}.link--yaku{text-transform:uppercase;overflow:hidden;padding:0 0 10px}.link--yaku::before{content:'';position:absolute;height:100%;width:100%;border-width:2px 0;border-color:#fff;border-style:solid;left:0;-webkit-transform:translate3d(-101%,0,0);transform:translate3d(-101%,0,0);-webkit-transition:-webkit-transform .5s;transition:transform .5s}.link--yaku:hover::before{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.link--yaku span{display:inline-block;position:relative;-webkit-transform:perspective(1000px) rotate3d(0,1,0,0deg);transform:perspective(1000px) rotate3d(0,1,0,0deg);-webkit-transition:-webkit-transform .5s,color .5s;transition:transform .5s,color .5s}.link--yaku:hover span{color:#fff;-webkit-transform:perspective(1000px) rotate3d(0,1,0,360deg);transform:perspective(1000px) rotate3d(0,1,0,360deg)}


/*CUSTOM ANIMATE CSS | www.twentypercent.com */

.animated{-webkit-animation-duration:1500ms;-moz-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,.03,0,.95);-moz-animation-timing-function:cubic-bezier(.55,.03,0,.95);animation-timing-function:cubic-bezier(.55,.03,0,.95)}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,10%,0);-moz-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,10%,0);-moz-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}




/*PAGE HERO | www.twentypercent.com */
.home-bg{background: url(../img/bg/home-bg-dark-optimised.jpg) no-repeat center top; background-size: cover; }
.hero{text-align: center; width: 100%; overflow: hidden;}
#particles-js{position:absolute;background-color:transparent; width:100%; height: 100%; left:0;} 
.hero-size-550{height: 550px;}
.hero-size-450{height: 450px;}

.flex-hero{display: flex; align-items: center;  width: 100%; justify-content: center;}
.flex-container{display: flex; align-items: center;  width: 100%; justify-content: center;}
.hero h1 {font-size: 4.5rem; color: #fff; font-weight: 100; margin-bottom: 3rem; text-transform: uppercase;}
.hero p {color: #fff; text-transform: uppercase; letter-spacing: 1px;}
.hero .btn{position: relative; }


/*AGENCY INTRODUCTION | www.twentypercent.com */

.agency-introduction{ position: relative; min-height: 500px; background: #f7f7f7; border-bottom: 1px solid #eee;}
.agency-introduction .half-back{ position: absolute;top: 0px; left: 0px; width: 50%; height: 100%; background:#f7f7f7 url('../img/bg/office-bg-optimised.jpg') no-repeat top center; z-index: 1;}
.agency-introduction .row{ position: relative; z-index: 2;}
.agency-introduction .col-right {padding: 6rem; padding-right: 0; }
.agency-introduction .col-right h3{padding-top: 3rem;  }
.agency-introduction .col-right p{ line-height: 2.8rem; padding-top: 2rem; padding-bottom: 2rem;}

/*PARENTO PRINCIPLE | www.twentypercent.com */
.parento{ background: #fff; text-align: center;}
.parento h1{font-weight:300;}
.parento h3{margin-top: 3rem;}
.parento p{margin-top: 2.5rem;  font-size: 1.8rem; margin-bottom: 6rem;}
.parento a:visited{color: #eee; }
.parento a:hover{color: #000; }

/*PRINCIPLE APPLICATION | www.twentypercent.com */
.application  {background: #f7f7f7;border-top: 1px solid #eee;border-bottom: 1px solid #eee; padding: 100px 0;}
.application .first-row{margin-bottom: 6rem;}
.application h4{font-weight: 500; line-height: 1.8rem; text-align: center; padding: 0 0 100px 0; }
.application h3{ padding: 0 0 15px 0; }


.subscribe {color: #fff; background: #111 url("../img/bg/contact-bg-optimised.jpg" ); padding: 60px 0 40px;}
.subscribe .input-group{font-weight: 300; padding: 25px 0; line-height: 2.4rem; letter-spacing: 1px;}
.subscribe .form-control {   border-top-left-radius: 25px; border-bottom-left-radius: 25px; border: 1px solid #eee; box-shadow: none; padding: 1em 2em;height: auto;}
.subscribe .btn-grey {  border-top-right-radius: 25px; border-bottom-right-radius: 25px;border: 1px solid #eee; background: #f6f6f6; box-shadow: none; padding: 1em 2em; height: auto; letter-spacing: 1px; font-weight: 500;color:#000;}



.pitch{  color: #222; text-align: center; height: 570px; width: 100%; padding: 80px 0; position: relative;}
.pitch .mobile-image{ background: url("../img/bg/iphone-color.png" ) no-repeat center 75px; background-size: contain; height: 570px; width: 100%; }

footer {background: #eee; padding: 70px 0 10px;}
footer p{padding-bottom: 10px; font-size: 1.35rem;}
footer ul { padding: 10px 0; list-style: none;}
footer ul > li {text-decoration: none; padding: 5px 0; color: #111; font-weight: 300; }
footer ul li a {text-decoration: none; padding: 5px 0; color: #111; font-weight: 300;}
[class^="address"] h5 {padding-bottom: 10px ;  color: #111;}
.desk-center{text-align: center; }
.credit{background: #222;}
.credit p{padding-top: 25px; padding-bottom: 20px; text-align: center; color: #777;  font-size: 1.25rem;}
.credit a{ color: #777;  }
.cred-left {text-align: left; width: 50%}
.cred-right {text-align: right; width: 50%}


/*SERVICE INTRODUCTION | www.twentypercent.com */

.service-bg{background: url(../img/bg/services-dark-bg-optimised.jpg) no-repeat center top; overflow: hidden; background-size: cover; }

.s-s1 {  height:450px; max-height: 550px; text-align: center; width: 100%;}
.s-s1 .center-in {  height: 450px; }
.s-s1 h1 {  font-size: 4.5rem; color: #fff;}
.s-s1 p {   color: #fff; }
.s-s22  {background: #fff;}
.s-s22 h4 {font-weight: 500; line-height: 1.8rem; padding-bottom: 20px;}
.s-s23  {background: #fff;border-top: 1px solid #eee;}
.s-s23 h4{font-weight: 500; line-height: 1.8rem; text-align: center; padding: 0 0 100px 0; }
.s-s33 {background: #f7f7f7;}
.serv{ padding: 0 25px;}
.serv h4{margin-top: 0;}

/*DIGITAL MARKETING | www.twentypercent.com */

.digital-marketing {background: #fff; padding: 50px 0 30px;}
.digital-marketing .sub-hero {position: relative;}
.digital-marketing .sub-hero img{ margin-top:-30px; }
.digital-marketing .card-holder {margin-top: 20px; }
.digital-marketing .card {margin-bottom: 30px; }

.digital-marketing h2, .graphic-design h2, .branding h2  {font-weight: 300; }
.digital-marketing h6, .graphic-design h6, .branding h6 {padding: 20px 0; font-size: 1.65rem; font-weight: 300; line-height: 2.6rem;  }
.digital-marketing p, .graphic-design p, .branding p {padding: 20px 0; font-size: 1.5rem;}

.digital-marketing h2 {margin-top: 200px;}

/*GRAPHIC DESIGN | www.twentypercent.com */

.graphic-design {background: #eee; padding: 80px 0;}
.graphic-design h2 {margin-top: 40px;}
.graphic-design h6 { margin-bottom: 60px;}
.graphic-design img {margin-top: -80px;}

/*BRANDING | www.twentypercent.com */

.branding {background: #fff; padding: 10px 0 80px;}
.branding h2 { margin-top: 180px;}
.branding h6 {margin-bottom: 80px;}

.work-interlink{background: #333; color: #fff; text-align: left; padding: 60px 0;}
.work-interlink h3{font-weight: 200; text-transform: uppercase;}
.work-interlink p{font-size: 1.6rem; line-height: 2.9rem;font-weight: 300; }



/*WORK PAGE | www.twentypercent.com */
.work-bg{background: url(../img/bg/work-bg.jpg) no-repeat left top; background-size: cover; }
.work{padding: 70px 0 40px;}
.folio{height: 500px; margin-bottom: 30px; }
.gb{background: #f1f1f1; padding: 4rem;}
.folio h4{font-weight: 700; margin-bottom: 1rem; }
.open {text-align: center; letter-spacing: 2px; background: #fff; }

/*ABOUT PAGE | www.twentypercent.com */

.about-bg{background: url(../img/bg/about-bg.jpg) no-repeat left center; background-size: cover;}
.team-leader{padding: 100px 0;}
.team-leader .avinash {background: #fff url('../img/team/avi.jpg') no-repeat top center; background-size: cover;min-height: 420px; margin-right: 25px;}
.team-leader .avinash-bio {margin-left: 25px;}
.team-leader h4 {padding:  0 0 20px 0 ;}
.team-leader h4 > span {color: #999; }
.team-leader h5 {padding: 20px 0 ;}
.team-leader .big-p {padding: 0 0 20px 0 ; font-size: 1.6rem; line-height: 2.4rem;}
.progress{height:35px}
.progress .skill{line-height:35px;padding:0;margin:0 0 0 20px;text-transform:uppercase}
.progress .skill .val{float:right;font-style:normal;margin:0 20px 0 0}
.progress-bar{text-align:left;transition-duration:3s}
/*
.blue-bar{background: #049dff;}
.yellow-bar{background: #fdba04;}
.pink-bar{background: #ed687c;}
.green-bar{background: #1abc9c;}
*/

.blue-bar{background: #3b3b3b;}
.yellow-bar{background: #222;}
.pink-bar{background: #414141;}
.green-bar{background: #222;}




.team-member{background: #f7f7f7; padding: 50px 0}
.priyanka, .snehal, .raghu{margin-bottom: 30px;}
.team-member .team{padding: 5rem; background: white; height: 400px; }
.team-member h4 {padding:  0 0 20px 0 ;}
.team-member h4 > span {color: #999; }
.team-member h5 {padding: 20px 0 ;}
.team-member p {padding: 0 0 50px 0 ; font-size: 1.6rem; line-height: 2.4rem;}

 .mobile-only{display: none;}
.desktop-only{display: block;}



.team-member .member-one{height: 400px; width: 100%; background: #fff url('../img/team/second.jpg') no-repeat center center; background-size: cover;}
.team-member .member-two{height: 400px; background: #fff url('../img/team/third.jpg') no-repeat center center; background-size: cover;}
.team-member .member-four{height: 400px; background: #fff url('../img/team/fourth.jpg') no-repeat center center; background-size: cover;}

.freelancer{background: #333 url('../img/bg/freelancer.jpg') no-repeat center center; color: #fff; text-align: center; padding: 100px 0;}
.freelancer h1{padding: 2px 0 30px; font-weight: 200; text-transform: uppercase;}
.freelancer p{font-size: 1.6rem; line-height: 2.9rem;font-weight: 300; }
.freelancer .ics{font-size: 6rem;}




/*CONTACT PAGE | www.twentypercent.com */
.contact-bg{background: url(../img/bg/contact-bg-optimised.jpg) no-repeat left center; background-size: cover;}
.c-s1 {  height:auto; max-height: 450px; text-align: center; width: 100%; }
.c-s1 .center-in {  height: 450px; }
.c-s1 h1 {  font-size: 4.5rem; color: #fff; }

.contact{ padding: 100px 0;}

.contact p{ padding-top: 2.0rem;  }
.contact .ics{ margin-right: 1rem; font-size: 2rem; vertical-align: text-top;}

#map-canvas{ height:450px; width:100%; background: #fff;}

/*IMAGEHOVER CSS  | www.twentypercent.com */

[class^='imghvr-'],[class*=' imghvr-']{position:relative;display:inline-block;margin:0;max-width:100%;background-color:#000;color:#000;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transform:translateZ(0);transform:translateZ(0)}
[class^='imghvr-']>img,[class*=' imghvr-']>img{vertical-align:top;max-width:100%}
[class^='imghvr-'] figcaption,[class*=' imghvr-'] figcaption{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
[class^='imghvr-'] figcaption h1,[class*=' imghvr-'] figcaption h1,[class^='imghvr-'] figcaption h2,[class*=' imghvr-'] figcaption h2,[class^='imghvr-'] figcaption h3,[class*=' imghvr-'] figcaption h3,[class^='imghvr-'] figcaption h4,[class*=' imghvr-'] figcaption h4,[class^='imghvr-'] figcaption h5,[class*=' imghvr-'] figcaption h5,[class^='imghvr-'] figcaption h6,[class*=' imghvr-'] figcaption h6{color:#fff}
[class^='imghvr-'] a,[class*=' imghvr-'] a{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}
[class^='imghvr-'],[class*=' imghvr-'],[class^='imghvr-']:before,[class^='imghvr-']:after,[class*=' imghvr-']:before,[class*=' imghvr-']:after,[class^='imghvr-'] *,[class*=' imghvr-'] *,[class^='imghvr-'] *:before,[class^='imghvr-'] *:after,[class*=' imghvr-'] *:before,[class*=' imghvr-'] *:after{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s ease;transition:all .35s ease}
[class^='imghvr-fade'] figcaption,[class*=' imghvr-fade'] figcaption{opacity:0}
[class^='imghvr-fade']:hover>img,[class*=' imghvr-fade']:hover>img{opacity:.3}
[class^='imghvr-fade']:hover figcaption,[class*=' imghvr-fade']:hover figcaption{opacity:1}


/*PROGRESS CIRCLE ANIMATIONS  | www.twentypercent.com */

.team-member .progress{width:80px;height:80px;line-height:80px; background: #fff;  margin:0 auto;box-shadow:none;position:relative}
.team-member .progress:after{content:"";width:100%;height:100%;border-radius:50%;border:8px solid #dddddd;position:absolute;top:0;left:0}
.team-member .progress>span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1}
.team-member .progress .progress-left{left:0}
.team-member .progress .progress-bar{width:100%;height:100%;background:0;border-width:8px;border-style:solid;position:absolute;top:0;box-shadow:none}
.team-member .progress .progress-left .progress-bar{left:100%;border-top-right-radius:120px;border-bottom-right-radius:120px;border-left:0;-webkit-transform-origin:center left;transform-origin:center left}
.team-member .progress .progress-right{right:0}
.team-member .progress .progress-right .progress-bar{left:-100%;border-top-left-radius:120px;border-bottom-left-radius:120px;border-right:0;-webkit-transform-origin:center right;transform-origin:center right; /*animation:loading-1 1.8s linear forwards*/}
.team-member .progress .progress-value{width:90%;height:90%;border-radius:50%;background:transparent;font-size:15px;color:#000;font-weight:bold;line-height:70px;text-align:center;position:absolute;top:5%;left:5%}

/*
.team-member .progress.blue .progress-bar{border-color:#049dff}
.team-member .progress.yellow .progress-bar{border-color:#fdba04}
.team-member .progress.pink .progress-bar{border-color:#ed687c}
.team-member .progress.green .progress-bar{border-color:#1abc9c}
*/

.team-member .progress.blue .progress-bar{border-color:#3b3b3b}
.team-member .progress.yellow .progress-bar{border-color:#222}
.team-member .progress.pink .progress-bar{border-color:#444}
.team-member .progress.green .progress-bar{border-color:#121212}


@keyframes loading-1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
}@keyframes loading-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(144deg);transform:rotate(144deg)}
}@keyframes loading-3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(126deg);transform:rotate(126deg)}
}@keyframes loading-4{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
}@keyframes loading-5{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(144deg);transform:rotate(144deg)}
}@media only screen and (max-width:990px){.progress{margin-bottom:20px}
}

.magic-1{animation:loading-1 1s linear forwards}
.magic-2{animation:loading-2 1.5s linear forwards 1s}
.magic-11{animation:loading-1 1.5s linear forwards}
.magic-22{animation:loading-4 1.5s linear forwards 1.5s}
.magic-111{animation:loading-1 2s linear forwards }
.magic-222{animation:loading-2 1.5s linear forwards 2s}
.magic-1111{animation:loading-1 1.5s linear forwards }
.magic-2222{animation:loading-2 1.5s linear forwards 1.5s}


/*FORM | www.twentypercent.com */

.sky-form{margin:0;padding:0;outline:0;color:#666;background:#fff}.sky-form fieldset{display:block;padding:0;border:0;background:transparent}.sky-form a{color:#333}.sky-form .label{display:block;margin-bottom:6px;line-height:19px;font-weight:400}.sky-form .input,.sky-form .select,.sky-form .textarea,.sky-form .radio,.sky-form .checkbox,.sky-form .toggle,.sky-form .button{position:relative;display:block}.sky-form .input input,.sky-form .select select,.sky-form .textarea textarea{display:block;width:100%;height:40px;outline:0;border-bottom:1px solid #ff2;border-top:0;border-left:none;border-right:0;border-radius:0;background:transparent;color:#404040;margin-bottom:40px}.sky-form .progress{float:right;margin-top:10px;line-height:39px;color:#232323}.sky-form button::-moz-focus-inner{padding:0;border:0}.sky-form .textarea textarea{height:auto;resize:none}.sky-form .textarea-resizable textarea{resize:vertical}.sky-form .textarea-expandable textarea{height:39px}.sky-form .textarea-expandable textarea:focus{height:auto}.sky-form .button{width:150px;height:39px;overflow:hidden;padding:0 25px;outline:0;border:0;text-decoration:none;color:#fff;cursor:pointer;font-size:1.3rem}.sky-form .button-uploading{position:relative;color:transparent;cursor:default}.sky-form .button-uploading:after{content:'Uploading...';position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;-o-animation:blink 1s linear infinite;-ms-animation:blink 1s linear infinite;-moz-animation:blink 1s linear infinite;-webkit-animation:blink 1s linear infinite}@-o-keyframes blink{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}@-moz-keyframes blink{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}.sky-form .input input,.sky-form .select select,.sky-form .textarea textarea,.sky-form .radio i,.sky-form .checkbox i,.sky-form .toggle i,.sky-form .icon-append,.sky-form .icon-prepend{border-color:#e5e5e5;-ms-transition:border-color .3s;-moz-transition:border-color .3s;-webkit-transition:border-color .3s}.sky-form .toggle i:before{background-color:#06d0d8}.sky-form .rating label{color:#ccc;-ms-transition:color .3s;-moz-transition:color .3s;-webkit-transition:color .3s}.sky-form .button{background-color:#000;opacity:.8;-ms-transition:opacity .2s;-moz-transition:opacity .2s;-webkit-transition:opacity .2s}.sky-form .button.button-secondary{background-color:#b3b3b3}.sky-form .icon-append,.sky-form .icon-prepend{color:#ccc}.sky-form .input:hover input,.sky-form .select:hover select,.sky-form .textarea:hover textarea,.sky-form .radio:hover i,.sky-form .checkbox:hover i,.sky-form .toggle:hover i,.sky-form .ui-slider-handle:hover{border-color:#222}.sky-form .rating input+label:hover,.sky-form .rating input+label:hover ~ label{color:#222}.sky-form .button:hover{opacity:1}.sky-form .input input:focus,.sky-form .select select:focus,.sky-form .textarea textarea:focus,.sky-form .radio input:focus+i,.sky-form .checkbox input:focus+i,.sky-form .toggle input:focus+i{border-color:#b1b2b1}.sky-form .state-error input,.sky-form .state-error select,.sky-form .state-error textarea,.sky-form .radio.state-error i,.sky-form .checkbox.state-error i,.sky-form .toggle.state-error i{background:#fff0f0}.sky-form .state-error select+i{background:#fff0f0;box-shadow:0 0 0 12px #fff0f0}.sky-form .toggle.state-error input:checked+i{background:#fff0f0}.sky-form .state-error+em{display:block;margin-top:6px;padding:0 1px;font-style:normal;font-size:11px;line-height:15px;color:#ee9393}.sky-form .rating.state-error+em{margin-top:-4px;margin-bottom:4px}.sky-form .state-success input,.sky-form .state-success select,.sky-form .state-success textarea,.sky-form .radio.state-success i,.sky-form .checkbox.state-success i,.sky-form .toggle.state-success i{background:#f0fff0}.sky-form .state-success select+i{background:#f0fff0;box-shadow:0 0 0 12px #f0fff0}.sky-form .toggle.state-success input:checked+i{background:#f0fff0}.sky-form .state-success+em{display:block;margin-top:6px;padding:0 1px;font-style:normal;font-size:11px;line-height:15px;color:#ee9393}.sky-form .note-success{color:#6fb679}.sky-form .input.state-disabled input,.sky-form .select.state-disabled,.sky-form .textarea.state-disabled,.sky-form .radio.state-disabled,.sky-form .checkbox.state-disabled,.sky-form .toggle.state-disabled,.sky-form .button.state-disabled{cursor:default;opacity:.5}.sky-form .input.state-disabled:hover input,.sky-form .select.state-disabled:hover select,.sky-form .textarea.state-disabled:hover textarea,.sky-form .radio.state-disabled:hover i,.sky-form .checkbox.state-disabled:hover i,.sky-form .toggle.state-disabled:hover i{border-color:#e5e5e5}.sky-form .message{display:none;color:#000}.sky-form .message i{display:block;margin:0 auto 20px;width:81px;height:81px;border:1px solid #000;border-radius:50%;font-size:30px;line-height:81px}.sky-form.submited fieldset,.sky-form.submited footer,.sky-form.submited .button{display:none}.sky-form.submited .message{display:block;padding:105px 30px;background:rgba(255,255,255,.9);text-align:center;font-weight:bold;color:#000}.sky-form *,.sky-form *:after,.sky-form *:before{margin:0;padding:0;box-sizing:content-box;-moz-box-sizing:content-box}.sky-form .label{border-radius:0;text-align:left;white-space:normal;color:#000;border:0;padding:0;font-size:1em}.sky-form .label.al_left{text-align:left}.sky-form .radio,.sky-form .checkbox{font-weight:400}.sky-form .radio+.radio,.sky-form .checkbox+.checkbox{margin-top:0}.login_form{background-color:#fff;border:1px solid #e4e4e4;margin:0 auto;padding:20px 35px 50px;width:60%}.reg_form{background-color:#fff;border:1px solid #e4e4e4;margin:0 auto;padding:20px 35px 13px;width:50%}@media only screen and (max-width:800px){.login_form{width:100%}.reg_form{width:100%}}@media only screen and (max-width:768px){.login_form{width:100%}.reg_form{width:100%}}@media only screen and (max-width:640px){.login_form{width:100%}.reg_form{width:100%}}@media only screen and (max-width:480px){.login_form{width:100%}.reg_form{width:100%}}@media only screen and (max-width:360px){.login_form{width:100%}.reg_form{width:100%}}@media only screen and (max-width:320px){.login_form{width:100%}.reg_form{width:100%}}.sky-form .btn-large{padding:9px 16px}


/*MEDIA QUERIES  | www.twentypercent.com */

@media (max-width: 1199px) {
.folio{height: 411px;  }
}
@media (max-width: 991px) {
.folio{height: 313px;  }
}
@media (max-width: 767px) {
header{width: 100%; height: 56px;}
.navbar-collapse.in{max-height:100% !important;overflow-x:auto !important;overflow-y:auto !important;}
.navbar-right{height:100%;background:rgba(255,255,255,0.9);margin-top:0px;text-align:center;}
.navbar-brand{margin-left: 20px; padding-top: 4px; }
.navbar-brand img{width: 130px;}
nav.shrink .navbar-brand{margin-left: 5px;}
.mount h1{font-size:6em;}
#socialmedia a.behance{display:none;}
.greyb{text-align:center;font-size:1em;}

.blackdrop{height:auto;padding:25px 0 30px;}
h3.introduction{padding:0px 30px;}
.navbar-default .navbar-nav>li { border-top: 3px solid transparent;}
.navbar-default .navbar-nav>li:hover { border-top: 3px solid transparent;}
.navbar-toggle {margin-top: 13px!important; border: none!important;}
.agency-introduction .half-back, contact .half-back{   width: 100%; }
.agency-introduction .half-back{ height: 600px;  }
.agency-introduction .col-left{ height: 600px;  }
.agency-introduction .col-right{ padding: 6rem 15px;  }
.team-member .team{height: 550px;}
/*.flex-container{display: block;  }*/
.desk-center{text-align: left; display: none;}
.credit {padding-top: 15px; padding-bottom: 15px; }
.credit p{padding-top: 5px; padding-bottom: 2px; }
.hero h1 {font-size: 2.5rem; margin: 0; padding: 0;}
.hero p {font-size: 1.42rem; padding-top: 20px; letter-spacing: 0;}
.hero  br{display: none;}
.hero .btn{margin-top: 30px;}
.team-leader .avinash {margin-right: 0;}
.team-leader .avinash-bio {margin-left: 0;}
.application h5{ font-size: 12x;}
.index-service {margin-top: 5rem;}
.digital-marketing h2 {margin-top: 10px;}
.folio{height: auto;}
.dropdown-menu {background: #fff;
    }

}

@media (max-width: 500px) {
    
    .folio{height: 200px; margin-bottom: 30px; }
    .team-leader h4 {padding:  30px 0 20px 0 ;}
   .team-member .team{padding: 5rem 2rem; background: white; height: auto; }

    .mobile-only{display: block;}
    .desktop-only{display:none;}
    .freelancer{padding: 50px  0;}
    .freelancer h1{font-size: 26px;}
    .contact{ padding: 50px 0;}
    .contact fieldset{display: none;}
    #map-canvas{ height:250px; width:100%; background: #fff;}
    .gb{display: none;}
    .application h5{font-size: 11px;}
    .hero-size-550{height: 300px;}
.hero-size-450{height:250px;}
.particles-550{height:300px;}
.particles-450{height:250px;}
.page-hero{height: 250px;
    
    
    
}