@import url(style1.css);
@import url(lightGallery.css);
@import url(responsive.css);
/*@import url(style.css);*/
body {position: relative; z-index: 8898; margin: 0; padding: 0; background: #fff; font-family: 'Roboto', sans-serif!important; font-size: 14px; font-weight: normal; color: #888888; }
/* Primary Styles---------------------------------*/
h2 {font-size: 38px; color: #222222; font-weight: 700; margin: 35px 0 25px 0; } 
h3 {font-weight: 600; color: #222222; font-size: 16px; margin: 0 0 5px 0; } 
h6 {font-size: 16px; color: #888888; font-weight: 400; text-align: center; margin: 0 0 60px 0; }
p {line-height: 24px; margin: 0; letter-spacing: 1px; } 
h1, h2, h3, h4, h5, h6 {margin: 0; } 
/*p {margin: 0;     }*/
p, ul, ol {font-size: 14px; }
a:hover {text-decoration: none; }
a:focus {outline: none; text-decoration: none; }
img {max-width: 100%; }
input[type="submit"], a, .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; }
section {padding: 50px 0; }
.padding-50 {padding: 50px 0; }
section h3 {font-size: 50px; color: #212121; letter-spacing: normal; font-weight: 300 !important; font-family: Roboto !important; position: relative; margin: 0 }
ul {list-style: none; }
a, a:hover, a:active {outline: 0px !important }
.line-yellow {background-color: #f9e107; display: block; /*width: 9%;*/ height: 4px; margin: 25px auto }
.no-padding {padding: 0; }
/* Overlay style */ 
.overlay {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; }
/* Overlay closing cross */
.overlay .overlay-close {width: 40px; height: 40px; position: absolute; right: 20px; top: 20px; overflow: hidden; border: none; background: none; color: #757575; }
button#trigger-overlay {outline: none; border: none; background: none; text-align: center; color: #fbfdfb; font-size: 1.95em; padding: 0 8px; }
/* Menu style */
.overlay nav {text-align: left; position: relative; top: 50%; /*height: 60%;*/ -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 150px }
.overlay ul {list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative; } 
.overlay ul li {display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; line-height: 5em; }
.overlay ul li a {font-size: 72px; font-weight: 300; display: block; color: #757575; -webkit-transition: color 0.2s; transition: color 0.2s; text-align: left; letter-spacing: normal; line-height: 100px; padding: 0 65px; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; border-left: 10px ease-in-in #fff; font-family: 'Roboto', sans-serif; }
.overlay ul li a:hover, .overlay ul li a:focus {color: #212121; border-left: 10px solid #fff; padding: 0 75px; text-decoration: none; }
/* Effects */
.container.overlay-open {/* Effects * -webkit-transform: translateX(50%); transform: translateX(50%); /* Effects */ }
.container::after {content: ''; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; }
.container.overlay-open::after {visibility: visible; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.overlay-contentpush {/*    background: rgba(6, 6, 6, 0.85); */ visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s; transition: transform 0.5s, visibility 0s 0.5s; background-color: #f9e107; }
.overlay-contentpush.open {visibility: visible; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }
/* Overlay style *//*banner-section */
.banner_top {min-height: 621px; }
.banner_top {background: url(../images/home-page-background.png) no-repeat 0px 0px; min-height: 750px; position: relative; background-size: cover;    background-attachment: fixed; background-position: center; background-repeat: no-repeat; }
.banner_top .layer {background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 60px 0 50px }
.w3_agile_header {padding: 0 5em 0 0; }
.w3_agileits_logo {float: left; /*padding-top: 1em;*/ margin: 115px 0 0 0 }
.w3_agileits_logo h1 a {font-size: 1.2em; color: #fff; display: block; text-decoration: none; font-weight: 700; letter-spacing: 2px; text-shadow: 2px 2px 2px #212121 }
.w3_agileits_logo h1 a span {display: block; font-size: .3em; font-weight: 600; color: #0accff; position: relative; letter-spacing: 3px; }
.w3_agileits_logo img {height: 75px } 
.w3_agileits_logo h1 a span {font-size: 11px; text-align: center; color: rgba(239, 239, 243, 0.99); letter-spacing: 4px; }
.w3_agileits_logo {position: relative; }
.agileinfo_services_grid_right h4 {font-size: 2.5em; color: #3369e7; text-align: center; }
.agileinfo_services_grid_right {text-align: center; }
.w3layouts_mail_grid_right input[type="text"], .w3layouts_mail_grid_right input[type="email"], .w3layouts_mail_grid_right textarea {
 outline: none; padding: 14px; font-size: 14px; color: #212121; background: #fff; width: 100%; border: 1px solid #d0d0d0; margin-bottom: 1em; letter-spacing: 2px; }
.w3layouts_mail_grid_right textarea {min-height: 80px; margin-left: 0em; width: 100% !important; }
.w3layouts_mail_grid_right input[type="submit"], .w3layouts_mail_grid_right input[type="reset"] {
 outline: none; padding: 16px 0; font-size: 14px; color: #212121; font-weight: 600; background: #f9e107; width: 100%; border: none; text-transform: uppercase; margin-right: 1.1em; height: 50px }
.w3layouts_mail_grid_right input[type="submit"]:hover, .w3layouts_mail_grid_right input[type="reset"]:hover {background: #3E403F; color: #fff; }
.w3layouts_mail_grid_right {padding: 0; }
.agile_map_grid ul li:last-child, .agileits_w3layouts_footer_grid ul li:last-child {margin: 0; }
.agile_map_grid ul li a, .agileits_w3layouts_footer_grid ul li a {color: #fff; text-decoration: none; }
.mobile-nav-button {position: fixed; margin: 2.5em 0em 0; right: 8%; top: 0; z-index: 9999; cursor: pointer; width: auto; height: 40px;/*background: rgba(0, 0, 0, 0.66);*/ }
.mobile-no {font-size: 14px; color: #fff; float: left; margin: 5px 40px; }
.mobile-no .fa {font-size: 16px; margin: 5px 10px 0 0 }
/*banner-section*//*what-we-offer*/
.what-we-offer {background: #f2dd0f; background-size: cover; padding-bottom: 100px; transition: all 3s; height: 770px; position: relative; }
.what-we-offer p {font-size: 14px; color: #212121; }
.what-we-offer-box {background: #fff; font-size: 50px; color: #212121; font-weight: 300; text-align: center; padding: 40px 37px; border-radius: 8px; margin: 25px 0 0; height: 463px; }
.what-we-offer-box h4 {font-size: 24px; color: #212121; line-height: 1.5em; padding-top: .3em; /*font-weight: 700;*/ letter-spacing: 0px; margin: 5px }
.what-we-offer-box p {text-align: center; color: #616161; font-family: 'Roboto', sans-serif; font-weight: 400; }
.what-we-offer-box ul {font-size: 14px; margin: 24px; line-height: 24px; padding: 0 }
.what-we-offer-box ul li {list-style-type: disc; list-style-position: inside; display: block; color: #616161; }
.what-we-offer-box ul li a{ color: #212121;}
.what-we-offer-box ul li a:hover{color: #000;text-decoration: none; font-weight: 400 } 
.what-we-offer-section {margin: 15px 0 0; }
/*what-we-offer*/
div.what-we-offer {display: none; position: relative; top: 0px; }
div.what-we-offer1 { /*float:left; display:block; */ /*height: 40px;*/ width: 40px; /* cursor: pointer;*/ }
#div1 {background: none; width: 100% }
#div2 {background: none; width: 100% }
#div3 {background: none; width: 100% }
#div4 {background: #333; width: 100%; }
.main-timeline {height: auto; color: #000; width: 100% }
.item .col-md-4 {width: 100% } 
.item .col-md-4 img {width: auto !important; margin: 10px auto 0 }
.timeline-icon .fa-stack-1x, .fa-stack-2x {color: #757575; font-weight: 300 }
.timeline-icon .fa-stack-2x {color: #fff } 
.next-prev-btn {background: none; display: block; /*width:176px;*/ /*height:49px;*/ float: right; line-height: 49px; font-size: 24px; color: #000; border: 0; font-weight: 400; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; margin: 25px 0 0; text-align: right; font-family: Roboto !important; }
.prev-btn {float: left!important; }
/*what-we-offer*//*our-story */
.our-story {background: url(../images/our-story-bg.png)no-repeat center; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; }
.our-story .line-yellow {margin: 15px 0 } 
.our-story h4 {font-size: 24px; line-height: 24px; padding-top: .3em; font-weight: normal; text-align: left; text-transform: uppercase; margin: 0 0 21px } 
.our-story h4.email a {color: #fff; margin: 36px 0 }
.our-story h4 span {font-size: 16px; display: block; text-transform: none; }
.our-story {background: url(../images/our-story-bg1.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; min-height: 825px; color: #fff; position: relative;/* IE8 and earlier */background-attachment: fixed; background-position: center; background-repeat: no-repeat; }
.our-story .layer {background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 60px 0 0 0 }
.our-story h3 {color: #fff; font-family: 'Roboto', sans-serif; margin: 0px 0 45px; font-weight: 300 !important; }
.our-story .layer .col-md-6 {margin: 0px 0 60px }
.our-story h1 {font-size: 32px; line-height: 45px; color: #f0da0f; font-weight: normal; margin: 0px 0px 0px; font-weight: 300 !important; font-family: 'Roboto', sans-serif; }
.our-story .next-slide a {color: #fff; float: right; margin: 70px 0 0 0 }
.our-story.overlay-contentpush.open .fa-3x {font-size: 55px; /*color: #000; */ line-height: 24px; padding-top: .3em; font-weight: normal; text-align: left; text-transform: uppercase; }
.our-story.team p {line-height: 23px; margin: 14px 144px 0 0; font-size: 16px; font-weight: 300; letter-spacing: 0.2px }
.our-story h4.email {font-size: 32px; color: #f0da0f; padding: 21px 0px; text-align: center; border-radius: 4px; border: solid 1px #ffffff; display: block; width: 40%; text-transform: inherit; margin: 34px auto }
.our-story p {font-size: 16px; } 
.our-story1 p {margin: 14px 111px 0 0; }
.next-btn {float: right; background: none; font-size: 24px; border: 0; color: #FFF }
.arrow-image {margin: 0 0px; width: 50px }
.our-people p {line-height: 19px; margin: 14px 44px 40px 0!important; font-size: 14px; }
.contact {padding: 0 0; }
/*how-we-hire*/ 
.how-we-hire p {line-height: 24px; margin: 147px 55px 0 0; font-size: 15px; font-weight: lighter; text-align: center; }
/*Hello*/
.Hello {margin: 0px 0 21px 0; width: 100%;padding: 0; height: auto; }
.Hello h3 {font-size: 40px; font-family: 'Roboto', sans-serif; }
.Hello .display-inline {display: inline; position: relative;} 
.Hello .address {color: #212121; font-size: 14px; }
.Hello .address p {color: #757575; }
.Hello .address-details p {padding: 15px 0; color: #212121; line-height: 18px }
.Hello .address-details p strong {display: block; color: #212121 }
.Hello .address-details {margin: 40px 0; color: #212121 }
.Hello .address-details p a {color: #000 }
.quick-connect {border: 10px solid #ededed; padding: 25px 30px 30px; }
.Hello .quick-connect h2 {font-size: 35px; font-weight: 300; font-family: 'Roboto', sans-serif; padding: 0 0 21px }
/*Hello*/
.footer {background: #f9e107; padding: 15px 0;margin: 40px 0 0 0 }
.footer .footer-grids {text-align: center; padding: 30px 0 0; }
.footer .line-yellow {background: #fff; height: 2px; width: 4%; margin: 21px auto 15px }
.footer img {margin: 0 5px }
.footer .img1 {margin: 0 0 0 5px }
.footer ul {padding: 0; margin: 0 auto; }
.copy-right {padding: 15px 0 25px 0; background: #f9e107; text-align: center; color: #757575 }
.agileits_w3layouts_footer_grid h3 {font-size: 1.5em; color: #ffc168; text-transform: capitalize; margin-bottom: 1em; font-weight: 700; }
.agileits_w3layouts_footer_grid ul li {display: inline-block; color: #757575; margin-bottom: .5em; text-transform: capitalize; }
.agileits_w3layouts_footer_grid ul li span {font-weight: 600; }
.agileits_w3layouts_footer_grid p {color: #757575; display: block; font-style: normal; margin: .5em 0 0; }
ul.social-icons3.two li:nth-child(1):before, ul.social-icons3.two:last-child:after {content: ''; background: #3369e7; height: 2px; width: 35px; position: absolute; bottom: 43%; right: 12%; }
.social-icons3 li .fa {font-size: 18px; line-height: 24px; padding-top: .3em; font-weight: normal; }
#img2 {/*background: #d00;*/ position: absolute; right: 0; z-index: 9999; font-size: 24px; color: #212121; width: auto; margin: 0px 0 30px } 
.next-slide a {font-size: 24px; color: #000; float: right; margin: 36px 0 0 }
/*.our-process{margin: 560px 0 0 0;	}*/
.home-page h3.w3ls_agile1 {font-size: 72px; color: #fff; font-family: 'Roboto', sans-serif; line-height: 85px; letter-spacing: normal; margin: 40px 0 0 0; font-weight: 300; text-transform: inherit; }
.home-page .breadcrumb a{color: #fff; } 
.home-page  .breadcrumb a:hover{color: #fff;text-decoration: none }
.home-page h3 span {color: #f9e107 }
.home-page {background: transparent; margin: 0 0 0 0; font-weight: 300 }
.home-page p { /*font-size: 72px;*/ color: #fff; }
.home-page .line-yellow {width: 45px; height: 4px; margin: 10px 0 15px }
.home-page-banner .line-yellow {width: 10%; height: 4px; margin: 10px 0 15px }


.next-slide a {font-size: 24px; color: #000; float: right; margin: 36px 0 0 }
.arrow .fa-long-arrow-right {position: relative; color: #757575; font-size: 25px; margin: 0 15px }
h6.description {font-weight: bold; letter-spacing: 2px; color: #999; border-bottom: 1px; padding-bottom: 5px; }
.profile {margin-top: 5px; } 
.profile h1 {font-weight: normal; font-size: 20px; margin: 10px 0 0 0; }
.profile h2 {font-size: 14px; font-weight: normal; margin-top: 5px; } 
.profile .img-box {opacity: 1; display: block; position: relative; float: left }
.profile .img-box:after {content: ""; opacity: 0; /*background-color: rgba(0, 0, 0, 0.75);*/ position: absolute; right: 0; left: 0; top: 0; bottom: 0; }
.img-box ul {position: absolute; z-index: 2; bottom: 50px; text-align: center; width: 100%; padding-left: 0px; height: 0px; margin: 0px; opacity: 0; }
.profile .img-box:after, .img-box ul, .img-box ul li {-webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; }
.img-box ul i {font-size: 20px; letter-spacing: 10px; }
.img-box ul li {width: 30px; height: 30px; text-align: center; border: 1px solid #88C425; margin: 2px; padding: 5px; display: inline-block; }
.img-box a {color: #fff; }
.img-box:hover:after {opacity: 1; }
.img-box:hover ul {opacity: 1; }
.img-box ul a {-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.img-box a:hover li {border-color: #fff; color: #88C425; }
i.red {color: #BC0213; }
.w3layouts_mail_grid_right .line-yellow {float: left; width: 15% }
.w3layouts_mail_grid_right .line-yellow {float: left; width: 15% }
.bullet-points { font-size: 14px; padding: 0;margin: 0 0 0 15px/*margin-top: .7em;*/}
.bullet-points  li {  color:#000; list-style-type: disc;font-weight: 400  }
.bullet-points1 { padding:0 0 25px 0;font-size: 16px}
ol.q li {list-style-type: decimal}
.what-we-offer-page blockquote {padding: 10px 0!important; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; }
.pager { font-size: 24px; color: #212121; border: 0px solid; font-weight:500!important; }
.pager .next a strong,.pager .previous a strong{ font-weight:400!important; color:#212121; border: 0px solid; padding: 0  }
.pager .fa{ font-size: 24px; color: #212121; !important;}
.pager .next a:hover{ background:#fff;!important;  }
.pager .previous a:hover{ background:#fff;!important;  }
.pager .previous a:focus{ background:#fff;!important;  }
.pager .next a:focus{ background:#fff; !important; }
.pager { margin: 0 !important}
.pager li > a, .pager li > span { border: 0px solid #fff!important; color: #212121}
.pager li > a:hover { color: #757575;}
.uppercase-text  {text-transform: uppercase;}
.what-we-offer-points.normal-text p {  margin:0 0 25px 0; }
/*.what-we-offer-points.normal-text p:last-child {  margin:0}*/
.padding-bottom-50 { padding-bottom: 50px;}
#offer  .grey-bg  blockquote  p  {font-size: 24px; line-height:30px; margin-top: 5px; }
 #offer .grey-bg blockquote p span {font-size: 14px!important; font-weight: normal; margin-top: 5px; }
.inside-banner_top.strategy-bg { background: url(../images/strategy-bg.png) no-repeat 0px 0px; min-height: 450px; position: relative; background-size: cover;}
.inside-banner_top.design-bg { background: url(../images/design-bg.png) no-repeat 0px 0px; min-height: 450px; position: relative; background-size: cover;}
.inside-banner_top.technology-bg { background: url(../images/technology-bg.png) no-repeat 0px 0px; min-height: 450px; position: relative; background-size: cover; }
/*-- to-top --*/
#toTop {display: none; text-decoration: none; position: fixed; bottom: 20px; right: 2%; overflow: hidden; z-index: 999; width: 32px; height: 32px; border: none; text-indent: 100%; background: url(../images/arrow.png) no-repeat 0px 0px; }
#toTopHover {width: 32px; height: 32px; display: block; overflow: hidden; float: right; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
/*-- //to-top --*/



@media screen and (max-height: 30.5em) {
.overlay nav {height: 70%; font-size: 34px; } 
.overlay ul li {min-height: 34px; } 
}


@media (max-width:600px) {
.overlay ul li a {font-size: 25px; line-height: 85px }
.overlay ul li {line-height: 4em; }
.w3_agileits_logo {float: left; margin: 0 0 0 0!important }
.home-page h3.w3ls_agile1 {font-size: 35px!important; line-height: 57px!important; }
}/*no use*/



.our-story.overlay-contentpush.open .fa-3x {font-size: 55px; /*color: #000; */ line-height: 24px; padding-top: .3em; font-weight: normal; text-align: left; text-transform: uppercase; }
.our-story.overlay-contentpush.open .fa-3x {font-size: 55px; /*color: #000; */ line-height: 24px; padding-top: .3em; font-weight: normal; text-align: left; text-transform: uppercase; }
.our-story.overlay-contentpush.open .fa-3x {font-size: 55px; /*color: #000; */ line-height: 24px; padding-top: .3em; font-weight: normal; text-align: left; text-transform: uppercase; }
.our-story.overlay-contentpush.open .fa-3x {font-size: 55px; /*color: #000; */ line-height: 24px; padding-top: .3em; font-weight: normal; text-align: left; text-transform: uppercase; }
.our-story.overlay-contentpush.open .fa-3x {font-size: 55px; /*color: #000; */ line-height: 24px; padding-top: .3em; font-weight: normal; text-align: left; text-transform: uppercase; }
.our-story.overlay-contentpush.open .fa-3x {font-size: 55px; /*color: #000; */ line-height: 24px; padding-top: .3em; font-weight: normal; text-align: left; text-transform: uppercase; }
/*no use*/
.item .col-md-2 {width: 100% } 
.custom1 {font-size: 16px; margin: 0px 0 5px 0; }
.what-we-offer1 {color: #212121; margin: 50px 0 0px 0; }
ul.social-icons3 {display: block; padding: 0; /*margin-top: 1em;*/ }
ul.social-icons3 li {display: inline-block; margin-top: 1em; position: relative; }
ul.social-icons3 li a {display: block; height: 50px; width: 50px; margin-right: 1em; -webkit-transition: .5s all; transition: .5s all; -moz-transition: .5s all; margin-right: 0.4em; -webkit-transition: .5s all; transition: .5s all; -moz-transition: .5s all; line-height: 50px; color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; text-align: center; }
ul.social-icons3 li a.wthree_facebook {background: #f9e107; }
ul.social-icons3 li a.wthree_twitter {background: #f9e107; }
ul.social-icons3 li a.wthree_dribbble {background: #f9e107; }
ul.social-icons3 li a.wthree_rss {background: #f9e107; }
ul.social-icons3 li a:hover {text-decoration: none; opacity: 0.8; }
img.offer-icon {height: 65px !important; margin: 10px auto }
.padding-45 {padding: 0 0px }
.what-we-offer-section p {text-align: center!important;height: 65px }
.round-circle {float: left; top: 88px; position: relative; }
.next-prev-btn.people {color: #fff!important; }
a.scroll {color: #fff; }
a.scroll-black {color: #000; }
.fix-height {position: absolute; bottom: 30px }
.top-45 {margin: 45px 0 0 0 }
.scroll-black:hover {color: #757575; text-decoration: none; }
.scroll-grey:hover {color: #757575; text-decoration: none; }
/*.margin-100{margin:15px 0 0 0 ;}*/
.thanks {padding: 155px 145px }
#nav {list-style: none; }
#nav li {float: left; display: block; width: 100px; position: relative; z-index: 500; }
#nav {list-style: none; }
#nav li {float: left; display: block; width: 100px; position: relative; z-index: 500; } 
/* this is the parent menu */
#nav li a {display: block; padding: 15px; color: #000; border: 1px solid transparent; } 
#nav li a:hover {border: 1px solid black; } 
#nav a.open {color: #fff; background-color: pink; } 
#nav ul {position: absolute; display: none; padding: 0; list-style: none; } 
#nav ul li {width: 100px; float: left; }
#nav ul a {display: block; height: 15px; padding: 15px; color: #666; } 
#nav ul a:hover {text-decoration: underline; } 
.active {/*background-color: pink;*/ } 
.overlay {height: 100%; width: 0; position: fixed; z-index: 99999; top: 0; left: 0; background-color: rgb(242,221,15); background-color: rgba(242,221,15, 1); overflow-x: hidden; transition: 0.5s; } 
.overlay-content {position: relative; top: 25%; width: 100%; text-align: center; margin-top: 30px; } 
.overlay a {padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; } 
.overlay a:hover, .overlay a:focus {color: #f1f1f1; }
.main-timeline .timeline-icon:before {} 
.overlay .closebtn {position: absolute; top: 20px; right: 45px; font-size: 60px; } textarea {resize: none; }
/*main-timeline*/ 
.main-timeline .timeline {padding: 0 0px; position: relative; } 
.main-timeline .timeline-icon {display: block; text-align: center; padding: 20px 0 55px 0; z-index: 1; position: relative; font-size: 25px; } 
.main-timeline .timeline-icon:last-child:before {background-color: #000 } 
/*ul li:last-child:before {content: "> "; }*/ 
.main-timeline .timeline:nth-child(2n) .timeline-icon {padding: 44px 0 ++px 0; } .main-timeline .timeline-icon:before {content: ""; width: 1px; height: 88%; background: rgba(255, 255, 255, 0.6); margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; z-index: -1; transition: all 0.3s ease 0s; }
.main-timeline .timeline:nth-child(2n) .timeline-icon:before {bottom: 0; top: 25px; } 
.main-timeline .timeline:hover .timeline-icon:before {background: #fff; } 
.main-timeline .timeline-icon i {width: 45px; height: 45px; line-height: 45px; border-radius: 50%; background: #fff; font-size: 14px; color: #fff; transition: all 0.3s ease 0s; } 
.main-timeline .timeline:hover .timeline-icon i {background: #555; animation: icon-load 2.5s ease 0s infinite; } 
.main-timeline .border {height: 10px; background: #fff; margin-bottom: 20px; transition: all 0.3s ease 0s; } 
.main-timeline .timeline:hover .border {/*  background: #555;*/ } 
.main-timeline .timeline:first-child .border {border-radius: 4px 0 0 4px; } 
.main-timeline .timeline:last-child .border {border-radius: 0 4px 4px 0; } 
.main-timeline .timeline:nth-child(2n) .border {/*margin: 18px 0 0 0;*/ } 
.main-timeline .timeline-content {padding: 15px; /*border: 1px solid #ddd;*/ /*background: #f9f9f9;*/ border-radius: 3px; transition: all 0.3s ease 0s; text-align: center; } 
.main-timeline .timeline:hover .timeline-content {background: none; }
.main-timeline .title {font-size: 18px; font-weight: 700; color: #212121; /*text-transform: uppercase;*/ margin: 0 0 10px 0; transition: all 0.3s ease 0s; }
.main-timeline .timeline:hover .title {color: #000; }
.timeline-content .description {font-size: 14px; color: #888; margin: 0; transition: all 0.3s ease 0s; }
.main-timeline .timeline:hover .description {color: #fff; }


@keyframes icon-load {
0% {
transform: rotate(-12deg);
}
8% {
transform: rotate(12deg);
}
10% {
transform: rotate(24deg);
}
18%, 20% {
transform: rotate(-24deg);
}
28%, 30% {
transform: rotate(24deg);
}
38%, 40% {
transform: rotate(-24deg);
}
48%, 50% {
transform: rotate(24deg);
}
58%, 60% {
transform: rotate(-24deg);
}
68% {
transform: rotate(24deg);
}
100%, 75% {
transform: rotate(0deg);
}
}

@media only screen and (max-width: 990px) {
.main-timeline .timeline {margin-bottom: 20px; }
}


@media only screen and (max-width: 767px) {
.main-timeline .timeline-icon {padding-top: 0; }
.main-timeline .timeline:nth-child(2n) .timeline-icon {padding-bottom: 0; }
.main-timeline .border {margin-bottom: 10px; }
.main-timeline .timeline:nth-child(2n) .border {margin: 10px 0 0 0; }
.main-timeline .timeline-content {text-align: center; } }
.timeline-content ul {font-size: 14px; margin: 0px; line-height: 24px; padding: 0 }
.timeline-content ul li {list-style-type: none; list-style-position: inside; display: block; }
.timeline-content .fa {font-size: 14px; background-color: #000; line-height: 24px; } 
.timeline-icon .fa-stack {font-size: 43px; background-color: #fff; line-height: 80px; border-radius: 50% }
.main-timeline .border .meta-date {position: absolute; top: 43%; left: 45.5%; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 100%; background: #fff; border: 1px solid #fff; color: fff } 
.main-timeline .border .meta-date1 {position: absolute; top: 43%; left: 40%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 100%; background: #fff; border: 1px solid #fff; color: fff; opacity: 0.70; filter: alpha(opacity=70); /* For IE8 and earlier */ }
.overlay {height: 100%; width: 0; position: fixed; z-index: 99999; top: 0; left: 0; background-color: rgb(242,221,15); background-color: rgba(242,221,15, 1); overflow-x: hidden; transition: 0.5s; }
.overlay-content {position: relative; top: 25%; width: 100%; text-align: center; margin-top: 30px; }
.overlay a {padding: 8px; text-decoration: none!important; font-size: 36px; color: #818181; display: block; transition: 0.3s; }
.overlay a:hover, .overlay a:focus {color: #f1f1f1; } 
.main-timeline .timeline-icon:before {} .overlay .closebtn {position: absolute; top: 20px; right: 45px; font-size: 60px; }
}

@media screen and (max-height: 450px) {
.overlay a {font-size: 20px }
.overlay .closebtn {font-size: 40px; top: 15px; right: 35px; }
}


.copy-right li a {color: #757575!important; text-decoration: none; }
.client-diaries .layer {background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 60px 0 } 
.client-diaries {background: url(../images/our-story-bg1.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; min-height: 435px; color: #fff; position: relative;/* IE8 and earlier */ }
.client-diaries .layer {background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 60px 0 }
.custom1 {font-size: 16px; margin: 50px 0 5px 0; }
#demos .owl-carousel .item img {-webkit-filter: grayscale(1); /* Safari 6.0 - 9.0 */ filter: grayscale(14%); opacity: .3 !important; filter: gray; -webkit-filter: grayscale(100%);transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; }

#demos .owl-carousel .item img:hover {-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%);    opacity: 1 !important; }
.profile  h1 { font-size: 24px; line-height: 24px; color: #f0da0f; margin: 13px 0px 10px ;}
.item  .curve{ background-image:url(../images/lemon-yellow-curve.png); background-repeat: no-repeat;background-position:bottom left}  
#demos .owl-carousel .owl-stage{padding-left: 0px!important}
#demos{border-bottom: 1px solid #ccc;}
.what-we-offer-page {  color: #212121; text-align: left; padding:0; margin: 0; font-size:15px }
#offer .grey-bg{  background:#eee;padding: 50px 0px; position: relative;  text-align: left;}
#offer .grey-bg  p { font-size: 16px; color: #212121; font-weight: 400; line-height: 24px}
.what-we-offer-points h1 { font-size: 24px; color: #212121; line-height: 1.5em;text-transform: uppercase; margin: 0;font-weight: 400 }
.what-we-offer-points p { text-align: left; color: #212121; margin:0 0 50px 0; font-size: 16px;letter-spacing: normal}
.what-we-offer-points  { font-size: 14px; margin: 0px; line-height: 24px;padding: 50px 0  0}
/*.what-we-offer-points .line-yellow {  margin: 5px 0 5px; padding: 0 }*/
.what-we-offer-page h3 { font-size: 24px; text-transform: uppercase;margin: 0 0 25px}
.home-page .breadcrumb { background: none; color:#fff; margin: 0px;padding: 0 }
.home-page .breadcrumb i{ margin: 0px 10px; line-height: 24px;padding: 0 0 }
.what-we-offer-points h2 { font-size: 19px; color: #212121; line-height: 1.5em; margin: 0 }
.inside-banner_top .layer {background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 2px; width: 100%; height: 100%; padding: 0 0 50px }
.inside-banner_top { min-height: 621px; }
.inside-banner_top { background: url(../images/user-research.png) no-repeat 0px 0px; min-height: 450px; position: relative; background-size: cover; }
.inside-banner_top .w3_agileits_logo { float: left; /*padding-top: 1em;*/    margin: 0 0 0 0 }
.inside-banner_top .w3_agileits_logo img{height:75px}
.inside-banner_top .w3_agileits_logo img{height:60px}
.home-page h3.w3ls_agile1 { font-size: 50px; color: #fff;  line-height: 85px; letter-spacing: normal; margin: 0 0 0 0; font-weight: 300;text-transform:inherit; }
.home-page { background: transparent; margin: 60px 0 0 0; font-weight: 300 }


* { box-sizing: border-box; }
.video-background {background: #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -99; }
.video-foreground, .video-background iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
#offer .grey-bg p strong{ font-weight: 500;}

@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
}
@media all and (max-width: 500px) {
}



.clients .owl-theme .owl-controls .owl-nav [class*=owl-]  {background: #009bdb!important}
.clients .owl-nav .owl-next  {right: -30px!important; float: right!important;position: absolute!important;top: 28%!important; }
.clients .owl-nav .owl-prev {left: -30px!important; float: left!important;position: absolute!important;top: 28%!important; }
.clients .owl-theme .owl-dots .owl-dot:hover span  {background:  #f9e107!important;}
.clients .owl-dot.active span {background: #f9e107!important}
.clients .owl-theme .owl-dots .owl-dot.active span{background: #f9e107!important;}
.clients .owl-theme .owl-dots .owl-dot span{background: #5d5d5d!important;}
.clients  img {width: auto !important; margin: 10px auto 0 }

.overlay {height: 100%; width: 0; position: fixed; z-index: 99999; top: 0; left: 0; background-color: rgb(242,221,15); background-color: rgba(242,221,15, 1); overflow-x: hidden; transition: 0.5s; } 
.overlay-content {position: relative; top: 14.5%; width: 100%; text-align: center; margin-top: 30px; }
.overlay a {padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; }
.overlay a:hover, .overlay a:focus {color: #f1f1f1; }
.overlay .closebtn {position: absolute; top: 20px; right: 45px; font-size: 60px; }

#nav {list-style: none; }
#nav li {float: left; display: block; width: 100px; position: relative; z-index: 500; }
/* this is the parent menu */
#nav li a {display: block; padding: 15px; color: #000; border: 1px solid transparent; }
#nav li a:hover {border: 1px solid black; } 
#nav a.open {color: #fff; background-color: pink; }
#nav ul {position: absolute; display: none; padding: 0; list-style: none; }
#nav ul li {width: 100px; float: left; } 
#nav ul a {display: block; height: 15px; padding: 15px; color: #666; }
#nav ul a:hover {text-decoration: underline; } 
.active {/*background-color: pink;*/ }
.line-yellow {width: 40px; margin: 5px 0 10px }
.line-yellow.line-yellow1 {  width:40px; margin: 25px auto}
.line-yellow.line-yellow2 {  width: 40px;margin: 25px 0 }
.what-we-offer-page .grey-bg a {  color: #212121; }
.what-we-offer-points  a {  color: #212121; }