@charset "utf-8";
#address,
#address li ul,
.contact-information .intouch,
.icon-social,
.port_list,
.start_up_tab,
.ul-list {
    list-style: none
}
.center-menu,
.right-chat {
    float: right
}
.right-menu,
.slogan-title,
.submit-btn {
    text-align: right
}
::selection {
    background: #999;
    color: #FFF;
    text-shadow: 0
}
::-moz-selection {
    background: #999;
    color: #FFF
}
a,
a:active,
a:focus,
a:hover,
embed,
object {
    outline: 0
}
:-moz-any-link:focus {
    outline: 0
}
input::-moz-focus-inner {
    border: 0
}
.open {
    height: 500px;
    overflow: auto;
}
.mtb10 { margin: 10px 0 !important; }
.mtb20 { margin: 20px 0 !important; }
.mtb30 { margin: 30px 0 !important; }
.mtb40 { margin: 40px 0 !important; }
.mtb50 { margin: 50px 0 !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.top-sp-10 {
    margin-top: 10px;
}
.top-sp-11 {
    margin-top: 11px;
}
.top-sp-12 {
    margin-top: 12px;
}
.top-sp-13 {
    margin-top: 13px;
}
.top-sp-14 {
    margin-top: 14px;
}
.top-sp-15 {
    margin-top: 15px;
}
.top-sp-20 {
    margin-top: 20px;
}
.top-sp-25 {
    margin-top: 25px;
}
.top-sp-30 {
    margin-top: 30px;
}
.top-sp-40 {
    margin-top: 40px;
}
.top-sp-45 {
    margin-top: 45px;
}
.top-sp-50 {
    margin-top: 50px;
}
.top-sp-60 {
    margin-top: 60px;
}
.top-sp-70 {
    margin-top: 70px;
}
.top-sp-80 {
    margin-top: 80px;
}
.top-sp-90 {
    margin-top: 90px;
}
.top-sp-100 {
    margin-top: 100px;
}
.pad-0 {
    padding: 0!important;
}
.pad-l-0 {
    padding-left: 0!important;
}
.pad-l-20 {
    padding-left: 20px!important;
}
.pad-r-20 {
    padding-right: 20px!important;
}
.pad-r-0 {
    padding-right: 0!important;
}
.pad-t-0 {
    padding-top: 0!important;
}
.pad-b-0 {
    padding-bottom: 0!important;
}
.pad-10 {
    padding: 10px 0;
}
.pad-20 {
    padding: 20px 0;
}
.pad-40 {
    padding: 40px 0;
}
.pad-t-20 {
    padding-top: 20px;
}
.pad-b-40 {
    padding-top: 40px;
}
.pad20 {
    padding: 20px;
}
.pad40 {
    padding: 40px 0 !important;
}
.pad_4020 {
    padding: 50px 20px!important;
}
.blue-btn,
.red-btn,
.white-btn {
    display: inline-block;
    padding: 5px
}
.wid-auto {
    width: auto!important
}
.mar-b-0 {
    margin-bottom: 0!important
}
.mar-t-0 {
    margin-top: 0!important
}
.mar-l-10 {
    margin-left: 10px!important
}
.mar-l-15 {
    margin-left: 15px!important
}
.mar-l-0 {
    margin-left: 0!important
}
.mar-r-0 {
    margin-right: 0!important
}
.mar-b-10 {
    margin-bottom: 10px
}
.mar-b-20 {
    margin-bottom: 20px
}
.mar-b-30 {
    margin-bottom: 30px
}
.mar-b-40 {
    margin-bottom: 40px
}
.mar-b-50 {
    margin-bottom: 50px
}
.mar-b-80 {
    margin-bottom: 80px
}
.gray-border {
    border: 1px solid #f5f5f5!important
}
.gray-border-dark {
    border: 2px solid #c2c2c2!important
}
.red-btn {
    border: 1px solid #ce4622;
    background: #fff
}
.red-btn-bg {
    background: #ce4622;
    color: #fff;
    border: none;
    transition: all .5s ease-in-out 0s
}
.red-btn:hover {
    color: #fff;
    background: #9e1600
}
.blue-btn,
.white-btn-bg {
    background: #fff
}
.white-btn {
    border: 1px solid #fff;
    color: #fff
}
.white-btn:hover {
    color: #ce4622
}
.blue-btn {
    border: 2px solid #0093D7
}
.blue-btn-bg {
    background: #14b89a
}
.white-bg {
    background: #fff
}
.white-l-bg {
    background: #f3f9f9
}
.green-sl-bg {
    background: #9ccc65
}
.red-sl-bg {
    background: #ed4e4e
}
.yellow-sl-bg {
    background: #dabb20
}
.blue-sl-bg {
    background: #0093D7
}
.blue02-sl-bg {
    background: #25AAE2
}
.orange-bg {
    background: #ec7758
}
.green-bg {
    background: #19BB9A
}
.blue-bg {
    background: #0093d7
}
.grey-bg{background: #484745;}
.gray-bg-l {
    background: #f5f5f5
}
.dark-blue-bg {
    background: #444d5e
}
.bg-l-yellow {
    background: #DAD03D
}
.bg-l-cameopink {
    background: #C18B9B
}
.bg-l-babyblue {
    background: #6DACCB
}
.bg-l-buff {
    background: #D9BB7B
}
.bg-l-coolgrey {
    background: #8D95BA
}
.bg-l-etonblue {
    background: #8AB27E
}
.bg-l-camel {
    background: #A89779
}
.bg-l-azureishwhite {
    background: #C6CCC8
}
.bg-l-asparagus {
    background: #6F9C75
}
.bg-l-blizzardblue {
    background: #83BFC0
}
.bg-l-yonderblue {
    background: #54697A
}
.bg-l-chamoisee {
    background: #CA886E
}
.bg-l-chocolate {
    background: #72545C
}
.bg-l-bananayellow {
    background: #F3C702
}
.light_bg {
    background: #f5f5f5;
}
.black_grey_bg {
    background: #5D5D5D
}
.gamepat { 
background-image: url("../img/illustration/Web/gamepat.png");
}
.macpat {
background-image: url("../img/illustration/Web/macpat.png");
}
.pat2 { 
background-image: url("../img/illustration/Web/pat2.png");
}
.pat3 {
background-image: url("../img/illustration/Web/pat3.png");
}
.pat6 {
background-image: url("../img/illustration/Web/pat6.png");
}
.text-opens {
    font-family: OpenSansRegular;
    font-size: 17px;
    color: #323232
}
.ipad-hero{
padding:26px;
  background: -webkit-linear-gradient(90deg, #24C6DC 10%, #514A9D 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(90deg, #24C6DC 10%, #514A9D 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(90deg, #24C6DC 10%, #514A9D 90%); /* IE10 */
  background:      -o-linear-gradient(90deg, #24C6DC 10%, #514A9D 90%); /* Opera 11.10+ */
  background:         linear-gradient(90deg, #24C6DC 10%, #514A9D 90%); /* W3C */
        color: #fff!important;   
}
.pad {
background-image:url("../img/illustration/Web/ipad_hero.png");
}
.pic{
width:45%;
height:450px;
}
.text-close {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.content-sub-title h3,
.content-title,
.slogan-title h1,
.sub-title h3,
.title-head h2 {
    font-family: RalewayLight
}
.font-14 {
    font-size: 14px
}
.font-15 {
    font-size: 15px
}
.font-18 {
    font-size: 18px
}
.font-20 {
    font-size: 20px
}
.font-25 {
    font-size: 25px
}
.font-30 {
    font-size: 30px
}
.font-35 {
    font-size: 35px
}
.font-40 {
    font-size: 40px
}
.font-45 {
    font-size: 45px
}
.font-50 {
    font-size: 50px
}
.font-55 {
    font-size: 55px
}
.white-color {
    color: #fff !important; 
}
.gray-color {
    color: #323232
}
.gray-color-l {
    color: #B5B5B5
}
.green-color {
    color: #71d375
}
.green-color1 {
    color: #71d375 !important; 
}
.yellow-color {
    color: #dabb20
}
.red-color {
    color: #ed4e4e
}
.blue-color {
    color: #0093D7
}
.green-color-w {
    color: #14b89a
}
.pink-color-w {
    color: #f1678d
}
.yellow-color-w {
    color: #f2af49
}
.blue-color-link {
    color: #0093d7!important
}
.content-title {
    font-size: 40px;
    color: #222
}
.right-chat span {
    margin-top: 8px;
    display: inline-block
}
.skype-button {
    margin-right: 10px
}
.skype-button a {
    background: #09adf1;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-size: 15px;
    font-weight: 700;
    height: 30px;
    line-height: 26px;
    padding: 0 10px
}
.skype-button a:hover {
    color: #fff
}
.skype-button a i {
    padding-right: 5px;
    font-size: 18px
}
.right-menu {
    float: right!important
}
.navbar-inverse .navbar-nav>li>i {
    display: inline-table;
    font-style: normal;
    vertical-align: bottom
}
.block-contact {
    display: inline-block
}
.none-contact {
    display: none!important
}
.border-grey {
    border: 1px solid #c3c3c3!important
}
.content-sub-title h1 span,
.content-sub-title h3 span,
.sub-title h1 span,
.sub-title h3 span,
.title-head h2 span {
    border-bottom: 3px solid #ccc;
    padding-bottom: 20px
}
.in-logo {
    padding-top: 30px;
    display: inline-block
}
.slogan-title {
    width: 100%;
    display: inline-block;
    padding-top: 0
}
.slogan-title h1 {
    text-align: center;
    font-size: 62px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px
}
.slogan-title h1 small {
    font-size: 16px;
    display: block;
    letter-spacing: 1px
}
.sp-line1,
.sp-line2 {
    text-align: center;
    width: 100%;
    height: 14px;
    margin: 10px 0;
    display: table
}
.sp-line1 {
    background: url(../img/sp-line1.png) top center no-repeat
}
.sp-line2 {
    background: url(../img/sp-line2.png) top center no-repeat
}
.title-head {
    text-align: center;
    width: 100%;
    display: inline-block
}
.title-head h2 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px
}
.title-head h2 span {
    display: table;
    font-size: 30px;
    font-weight: 400;
    margin: 10px auto 0
}
.sub-title {
    text-align: center;
    width: 100%;
    display: inline-block;
    padding-bottom: 40px
}
.sub-title h1,
.sub-title h3 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    margin: 0
}
.sub-title h1 span,
.sub-title h3 span {
    display: table;
    font-size: 30px;
    font-weight: 400;
    margin: 10px auto 0
}
.content-sub-title {
    text-align: center;
    width: 100%;
    display: inline-block;
    padding-bottom: 20px;
    z-index: 999;
}
.content-sub-title h3 {
    text-align: center;
    font-size: 60px;
    margin: 0
}
.pie_progress p,
.ul-list {
    font-family: OpenSansRegular
}
.content-sub-title h3 span {
    display: table;
    font-size: 40px;
    font-weight: 700;
    margin: 10px auto 0
}
.enterprise-bg,
.light-blue-bg,
.platforms-bg,
.technology-bg,
.your-ideas-bg {
    padding: 40px 0
}
.content-row {
    width: 100%
}
.illustration-pro {
    width: 100%;
    text-align: center;
    display: inline-block
}
.illustration-pro img {
    width: 100%;
    max-width: 100%;
    margin: 0 auto
}
.icon-content {
    width: 100%;
    display: inline-block
}
.icon-tech {
    width: 100%;
    text-align: center
}
.icon-tech>a {
    display: inline-block;
    float: none
}
.icon-tech>a>i {
    position: relative
}
.icon-tech>a>span {
    font-size: 25px;
    color: #323232;
    font-weight: 700;
    text-align: center;
    width: 100%;
    float: left
}
.ellipse-border-yellow {
    border-style: solid;
    border-width: 4px;
    border-color: #f1b14f;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
    width: 129px;
    height: 129px;
    z-index: 221
}
.ellipse-border-grey,
.ellipse-border-red {
    border-style: solid;
    border-radius: 50%;
    display: inline-block;
    width: 130px;
    height: 129px;
    z-index: 226
}
.ellipse-border-yellow:hover {
    background: #f1b14f;
    transition: .8s
}
.ellipse-border-red {
    border-width: 4px;
    border-color: #e46a5d;
    background-color: #fff
}
.ellipse-border-red:hover {
    background: #e46a5d;
    transition: .8s
}
.ellipse-border-grey {
    border-width: 2px;
    border-color: #b5b5b5;
    background-color: #fff
}
.ellipse-border-grey:hover {
    border-style: solid;
    border-width: 2px;
    border-color: #0093d7;
    transition: .8s
}
.ellipse-red,
.ellipse-yellow {
    border-radius: 50%;
    border-style: solid;
    border-width: 4px;
    width: 125px;
    display: inline-block;
    height: 125px;
    z-index: 277
}
.ellipse-red {
    border-color: #e46a5d;
    background-image: -moz-linear-gradient(90deg, #cb5548 50%, #e56d60 50%);
    background-image: -webkit-linear-gradient(90deg, #cb5548 50%, #e56d60 50%);
    background-image: -ms-linear-gradient(90deg, #cb5548 50%, #e56d60 50%)
}
.ellipse-yellow {
    border-color: #f1b14f;
    background-image: -moz-linear-gradient(90deg, #d5993e 50%, #f1b14f 50%);
    background-image: -webkit-linear-gradient(90deg, #d5993e 50%, #f1b14f 50%);
    background-image: -ms-linear-gradient(90deg, #d5993e 50%, #f1b14f 50%)
}
.pro-plat-icon,
.pro-tech-icon {
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    display: table;
    height: 121px
}
.product-design-bg,
.user-experience-bg {
    background: #fff;
    padding: 40px 0
}
.platforms-bg {
    background: #f4f4f4
}
.pro-plat-icon {
    background: url(../img/icon/platforms-icon.png) no-repeat;
    width: 123px
}
.desk-icon {
    background-position: 23px 18px
}
.mobile-icon {
    background-position: -78px 14px
}
.cloud-icon {
    background-position: -188px 8px
}
.modern-icon {
    background-position: -322px 12px
}
.technology-bg {
    background: #fff
}
.pro-tech-icon {
    background: url(../img/icon/technology-icon.png) no-repeat;
    width: 120px
}
.contact-view,
.footer-last p,
.icon-social a,
.icon-social li {
    display: inline-block
}
.java-icon {
    background-position: 30px 18px
}
.dot-net-icon {
    background-position: -83px 18px
}
.php-icon {
    background-position: -193px 18px
}
.ror-icon {
    background-position: -298px 18px
}
.android-icon {
    background-position: -393px 18px
}
.ios-icon {
    background-position: -491px 18px
}
.enterprise-bg {
    background-color: #181818;
}
.defuild_grey-bg {
    background-color: #5D5D5D;
}
.your-ideas-bg {
    background: #181818
}
.light-blue,
.light-blue-bg {
       background-color: rgba(173, 216, 230, 0.34);
}
.form-footer {
    margin: 0 auto
}
.captcha {
    background-image: url(../img/cap_bg.jpg);
    background-repeat: repeat;
    float: left!important;
    height: 45px;
    line-height: 50px;
    text-align: center;
    font-weight: 700;
    font-size: 20px
}
.contact-info {
    /*padding: 0 0 10px!important;*/
    padding: 0 0 0!important;
}
.letsquick {
    float: left;
    color: #fff;
    padding: 10px 15px
}
.letsquick a,
.letsquick a:hover {
    color: #fff
}
.letsquick:after {
    border-bottom: 20px solid transparent;
    border-left: 15px solid #CE4622;
    border-top: 21px solid transparent;
    content: "";
    margin-left: 15px;
    position: absolute;
    top: 0
}
.contact-info .email-text,
.contact-info .phone-text,
.contact-info .skype-text {
    display: inline-block;
    line-height: 45px;
    font-size: 15px;
    color: #fff
}
.contact-info .email-text i,
.contact-info .phone-text i,
.contact-info .skype-text i {
    padding-right: 8px;
    font-size: 18px
}
.icon-social {
    width: 100%;
    text-align: center;
    padding-left: 0;
    margin: 0
}
.icon-social a {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    border: 2px solid #fff
}
.icon-social a:hover {
    border: 2px solid #ce4622;
    transition: .8s
}
.icon-social a i {
    font-size: 25px;
    line-height: 40px;
    color: #fff
}
.footer-last {
    background: #323232;
    padding: 10px 0
}
.footer-last p {
    line-height: 25px;
    color: #999;
    font-size: 13px
}
.footer h2 {
    font-size: 40px
}
.footer-sidebar {
    display: flex;
    border-radius: 3px 0 0 3px;
    bottom: 0;
    line-height: 42px;
    position: fixed;
    right: 0;
    z-index: 100
}
.footer-sidebar-button.contact {
    padding: 0 10px 0 15px
}
.footer-sidebar-button.contact i {
    font-size: 20px;
    padding-right: 10px
}
.footer-sidebar-button {
    color: #fff;
    font-size: 1.4rem;
    height: 100%;
    position: relative
}
.footer-sidebar a:focus,
.footer-sidebar a:hover {
    color: #fff;
    text-decoration: none
}
.footer-sidebar-button.btt {
    font-size: 30px;
    height: inherit;
    line-height: 34px;
    text-align: center;
    vertical-align: top;
    width: 42px
}
#back-to-top {
    background: rgba(0, 0, 0, .8);
    border: 0;
    line-height: 40px;
    top: -47px;
}
#address li ul,
.our-photos,
.xoverlay .x-img-main,
.xoverlay span i {
    border-radius: 5px
}
.bs-docs-footer-links {
    display: inline-block;
    margin: 0
}
.bs-docs-footer-links li {
    display: inline;
    padding: 0 2px
}
.bs-docs-footer-links li:first-child,
.ul-list {
    padding-left: 0
}
.bs-docs-footer-links li a {
    color: #999;
    text-decoration: none;
    font-size: 13px
}
.bs-docs-footer-links li a:hover {
    color: #ccc
}
.desk-illu {
    display: block
}
.mobile-illu,
.mobile-illu {
    display: none
}
.page-content {
    display: inline-block
}
.ul-list {
    font-size: 17px
}
.ul-list li {
    line-height: 25px;
    display: inline-flex;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
}
.ul-list-line {
    font-size: 17px;
    margin: 0;
    padding: 0;
}
.ul-list-line li {
    line-height: 25px;
    display: inline-flex;
    margin-bottom: 10px;
    text-align: left;
}
.ul-list-line li i {
    margin-right: 10px;
    color: #0093D7;
    margin-top: 5px
}
.ol-list-ab {
    font-size: 17px;
    margin: 0;
    padding: 0;
    list-style-type: upper-alpha;
}
.ol-list-ab li {
    line-height: 25px;
    margin-bottom: 10px;
    text-align: left;
        width: 100%;
}
.ol-list-ab li i {
    margin-right: 10px;
    color: #0093D7;
    margin-top: 5px
}
.pie_progress,
.skill-progress,
.stats .stats-icon {
    display: inline-block
}
.ul-list li a {
    color: #595959
}
.ul-list li i {
    margin-right: 10px;
    color: #0093D7;
    margin-top: 5px
}
.pie_progress {
    text-align: center;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.pie_progress svg {
    margin: 0 auto
}
.pie_progress__content,
.pie_progress__icon,
.pie_progress__label,
.pie_progress__number {
    width: 100%;
    position: absolute;
    top: 57%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}
.pie_progress__number {
    font-size: 42px
}
.pie_progress__label {
    margin-top: 32px;
    font-size: 12px
}
.pie_progress p {
    font-size: 20px
}
.skill-progress {
    width: 100%;
    padding: 0 0 20px;
    text-align: center
}
.stats .stats-icon p {
    font-size: 20px;
    display: inline-table
}
.stats .stats-icon p strong {
    width: 100%;
    display: inline-block
}
.stats .stats-icon i {
    font-size: 145px
}
.ourteam {
    position: relative;
    margin-bottom: 20px
}
.team-category {
    display: inline-block;
    width: 100%
}
.our-process img {
    width: auto
}
.our-photos {
    background: #f5f5f5;
    padding: 10px 10px 0!important;
    margin-bottom: 30px;
    box-shadow: 0 5px 0 0 #d8d8d8
}
.xoverlay {
    overflow: hidden;
    perspective: 300px;
    position: relative
}
.x-wobble-left .xoverlay-box {
    background: #444;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotateY(131deg);
    transform-origin: left center 0;
    transition: all .5s ease 0s;
    width: 100%
}
.x-wobble-left:hover .xoverlay-box {
    background-color: #ce4622;
    opacity: .8;
    bottom: 0;
    height: 100%;
    left: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotateY(0);
    transform-origin: right center 0;
    width: 100%
}
#address,
.location,
.xoverlay span {
    position: relative
}
.xoverlay-data {
    height: 100%;
    text-align: center;
    width: 100%
}
.xoverlay span {
    display: inline-block;
    margin: 0 2%;
    top: 0
}
.xoverlay span i {
    font-size: 25px;
    height: 40px;
    padding: 5%;
    text-align: center;
    width: 40px;
    color: #fff;
    background-color: rgba(0, 0, 0, .2);
    line-height: 35px
}
.xoverlay:hover .x-icon-all-slideright {
    transform: translateX(0) rotate(0)
}
.xoverlay .x-icon-all-slideright {
    transform: translateX(100%) rotate(180deg);
    transition: all .5s ease 0s
}
.team-category {
    padding-left: 0!important;
    color: #323232
}
.team-info {
    max-height: 175px;
    height: 175px;
    overflow: hidden
}
.location {
    margin-top: 10px
}
#address .india-loc {
    position: absolute;
    right: 665px;
    top: 230px
}
#address .tirana-loc {
    position: absolute;
    right: 951px;
    top: 96px
}
#address li a i {
    font-size: 30px;
    color: #ce4622
}
#address li ul {
    position: absolute;
    background: #000;
    border: 2px solid #fff;
    padding: 10px;
    width: 220px
}
#address li ul li a,
#address li ul li p,
#address li ul li span {
    color: #fff
}
.contact-information {
    border-radius: 10px;
    padding: 1px 20px;
    margin-top: 20px
}
.contact-information .intouch {
    padding: 0
}
.contact-information .intouch li {
    display: inline-block;
    color: #fff;
    width: 100%;
    margin-bottom: 10px
}
.contact-information .intouch i {
    background: #fff;
    border-radius: 3px;
    color: #444d5e;
    font-size: 17px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin-right: 10px;
    width: 25px;
    vertical-align: top
}
.contact-information .intouch p {
    display: inline-block;
    margin-bottom: 0;
    width: 80%
}
.contact-information .intouch a {
    color: #fff
}
#content .firstHeading {
    font-size: 20px;
    color: #cf4824
}
.contact .red-btn-bg:hover,
.form-footer .red-btn-bg:hover {
    background: #333
}
.portfolio-cover {
    background-attachment: scroll, fixed;
    background-image: linear-gradient(135deg, rgba(129, 40, 184, .5), rgba(36, 52, 149, .6) 56%, rgba(28, 23, 77, .8)), url(../img/about/portfolio-cover.jpg);
    background-position: 0 0, 50% 50%;
    background-size: auto auto, cover;
    height: 450px
}
.portfolio-tab {
    display: inline-block;
    padding: 0 15px
}
.main-tab {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px
}
.main-tab .nav-tabs {
    display: table;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #ce4622
}
.main-tab .nav-tabs li {
    float: none;
    display: inline-block
}
.main-tab .nav-tabs li a {
    text-transform: uppercase;
    color: #323232;
    font-size: 20px
}
.main-tab .nav-tabs li.active>a,
.main-tab .nav-tabs li.active>a:focus,
.main-tab .nav-tabs li.active>a:hover {
    color: #fff;
    cursor: default;
    top: -1px;
    background-color: #ce4622;
    border: 1px solid #ce4622;
    border-top-color: transparent
}
.inside-tab {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px
}
.inside-tab .nav-tabs {
    display: table;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    border-bottom: 0;
    border-top: 1px solid #ce4622
}
.inside-tab .nav-tabs li {
    float: none;
    display: inline-block
}
.illu-inner,
.portfolio-wrapper h2,
.portfolio-wrapper p {
    width: 100%;
    float: left
}
.inside-tab .nav-tabs li a {
    border-radius: 0 0 4px 4px;
    text-transform: uppercase;
    color: #323232;
    font-size: 20px;
    padding: 5px 15px
}
.inside-tab .nav-tabs li.active>a,
.inside-tab .nav-tabs li.active>a:focus,
.inside-tab .nav-tabs li.active>a:hover {
    color: #fff;
    cursor: default;
    top: -1px;
    background-color: #ce4622;
    border: 1px solid #ce4622;
    border-top-color: transparent
}
.portfolio-img {
    margin-bottom: 30px;
    position: relative
}
.portfolio-img img {
    width: 100%;
    cursor: pointer
}
.portfolio-img .portfolio-title {
    display: block;
    position: absolute;
    bottom: 2px;
    left: 2px;
    right: 2px
}
.portfolio-img .portfolio-title h3 {
    background: rgba(255, 255, 255, .8);
    margin: 0;
    padding: 20px 0;
    color: #000
}
.portfolio-img:hover .portfolio-title {
    display: none
}
.x-imgrotate-left .x-img-main {
    transition: all .3s ease 0s;
    border-radius: 0
}
.xoverlay .x-img-main {
    width: 100%
}
.portfolio-wrapper h2 {
    color: #f1c40f;
    display: block;
    font-size: 26px;
    padding: 10px 10px 0
}
.call-action-right a,
.get_ready .get_icon,
.illu-inner img,
.img-inner-center img,
.inner-banner,
.inner-content,
.name-text,
.technology_tag a,
.work_tab {
    display: inline-block
}
.portfolio-wrapper p {
    color: #fff;
    font-size: 16px;
    padding: 5px 10px;
    text-align: center;
    white-space: normal;
    margin: 0
}
.port_list {
    margin: 10px 0;
    padding: 0
}
.port_list li {
    font-size: 14px;
    margin: 0 0 5px;
    text-align: left
}
.illu-inner,
.illu-inner img,
.img-inner-center {
    text-align: center
}
.port_list i {
    color: #000;
    font-weight: 400;
    margin-right: 5px;
    font-size: 8px;
    background-color: #7DC354;
    padding: 3px;
    border-radius: 50px
}
.x-imgrotate-left .xoverlay-box {
    background: rgba(27, 27, 27, .7);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotateY(136deg);
    transform-origin: left center 0;
    transition: all .5s ease 0s;
    width: 100%
}
.x-imgrotate-left:hover .xoverlay-box {
    background-color: rgba(27, 27, 27, .7);
    bottom: 0;
    height: 100%;
    left: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotateY(0);
    transform-origin: right center 0;
    width: 100%
}
.portfolio-wrapper .label {
    font-weight: 400;
    line-height: inherit;
    white-space: inherit
}
.howitwork-cover {
    background-attachment: scroll, fixed;
    background-image: linear-gradient(135deg, rgba(129, 40, 184, .5), rgba(36, 52, 149, .6) 56%, rgba(28, 23, 77, .8)), url(../img/howitwork-cover.jpg);
    background-position: 0 0, 50% 50%;
    background-size: auto auto, cover;
    height: 450px
}
.inner-banner {
    width: 100%;
    padding: 20px 0
}
.inner-content {
    width: 100%;
    padding: 40px 0
}
.illu-inner img {
    height: 100%
}
.right-img img {
    float: right
}
.left-img img {
    float: left
}
.get_ready {
    background: #ffe99d;
    font-weight: 700;
    padding: 0;
    color: #333;
    font-size: 16px
}
.name-text {
    width: 100%;
    color: #999;
    font-size: 14px
}
.get_ready .get_icon {
    background-color: #eee;
    margin-right: 10px
}
.get_text {
    line-height: 110px;
    border-left: 4px solid #e93838
}
.get_text.full-line {
    line-height: 35px;
    border-left: 4px solid #e93838;
}
.get-text2{
    min-height: 110px !important;
    } 
.get-text2 p { line-height: 25px; position: absolute; top: 50%; transform: translateY(-50%); vertical-align: middle; }
.call-action-right {
    background: #e93838;
    padding: 10px 0;
    float: right!important
}
.call-action-right:hover {
    background: #333
}
.call-action-right a {
    color: #fff;
    width: 100%
}
.call-action-right a:hover {
    color: #fff
}
.slider_heading p,
.slider_heading section {
    font-family: RalewayLight;
    text-align: left;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .5);
    margin-top: 10px;
    margin-bottom: 20px
}
.comma_bac {
    background-image: url(../img/comma_left.png), url(../img/comma_right.png);
    background-position: 5% 40%, 95% 40%;
    background-repeat: no-repeat, no-repeat
}
.bullet_list .fa-chevron-circle-right {
    margin-right: 20px
}
.technology_tag {
    margin-bottom: 20px;
    margin-top: 0!important
}
.technology_tag a {
    background: #fff;
    border-radius: 50px;
    color: #333;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 4px 10px;
    margin-right: 5px
}
.technology_tag a:hover {
    background: #ccc;
    color: #000;
    text-decoration: none
}
.work_tab {
    border: 0!important;
    border-radius: 0!important;
    background: #ddd;
    width: auto
}
.work_tab a {
    box-shadow: none!important
}
.contact-info-bg {
    background: #0093D7;
    padding: 20px 0
}
.contact-information h3 {
    margin-top: 0;
    color: #fff
}
.slider_heading {
    margin-bottom: 30px;
    background: rgba(0, 0, 0, .3);
}
.slider_heading section {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    z-index: 999;
    position: relative;
}
.slider_heading p {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    line-height: 30px;
    z-index: 999;
    position: relative;
}
.about_portfolio,
.home_content_fix h2,
.slide-img,
.start_up_tab {
    text-align: center
}
.home_content_fix h2,
.start_up_tab li a {
    font-family: RalewayLight
}
.home_content_fix {
    background: #fff;
    bottom: -30px;
    display: block;
    border-radius: 8px 8px 0 0;
    margin: 0 15%;
    position: absolute;
    width: 70%;
    z-index:99999;
}
.start_up_tab {
    position: relative;
    z-index: 999;
}
.footer-sidebar-button,
.start_up_tab li,
.start_up_tab li a {
    display: inline-block
}
.home_content_fix h2 {
    font-size: 30px;
    font-weight: 700;
    margin-top: 40px
}
.start_up_tab {
    margin: 0;
    padding: 0;
    z-index: 999;
    position:relative;
}
.start_up_tab li a {
    transition: all .8s ease 0s;
    background: #eee;
    padding: 20px;
}
.start_up_tab li a:hover {
    background: #0093d7;
    color: #fff;
}
.start_up_tab li a {
    font-size: 32px;
    color: #333;
    font-weight: 700;
}
.start_up_tab li span {
    float: left;
    margin-right: 20px
}
.start_up_tab li .icon {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50px
}
.start_up_icon {
    background: url(../img/icon/slider-title-icon.png) 10px 7px no-repeat rgba(0, 0, 0, .6)
}
.smes_icon {
    background: url(../img/icon/slider-title-icon.png) -47px 7px no-repeat rgba(0, 0, 0, .6)
}
.agencies_icon {
    background: url(../img/icon/slider-title-icon.png) -105px 7px no-repeat rgba(0, 0, 0, .6)
}
.enterprise_icon {
    background: url(../img/icon/slider-title-icon.png) -161px 7px no-repeat rgba(0, 0, 0, .6)
}
.slider_tab {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index:99999;
}
.slide-img img {
    width: 100%
}
.skype_icon {
    background: url(../img/icon/sky_pe.png) left 0 no-repeat;
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px
}
.header_skype {
    float: right;
    margin-top: 14px
}
.black_header_pad40,
.blue_header_pad40,
.gray_box_pad40 {
    padding: 40px!important
}
.call-mob {
    display: none
}
.call-desktop,
.how_to_work_title {
    display: inline-block
}
.about_box {
    max-height: 420px!important
}
.team_img {
    margin-bottom: 30px
}
.team_img img {
    width: 150px;
    border-radius: 150px;
    margin-bottom: 10px;
    filter: grayscale(1)
}
.profile_name,
.team_name {
    display: inline-block;
    width: 100%
}
.team_img:hover img {
    filter: grayscale(0)
}
.team_name {
    color: #0093D7;
    font-weight: 700;
    font-size: 13px
}
.profile_name {
    color: #333;
    font-size: 14px;
    border-radius: 4px;
    padding: 5px;
    margin-top: 5px;
    background: #eaeaea
}
.about_portfolio {
    background: #333;
    padding: 5px 20px;
    color: #fff
}
.testimonial_box {
    width: 48%;
    margin-right: 2%;
    min-height: 280px;
    border-bottom: 4px solid #0093d7;
    background-image: none
}
.testimonial_box:nth-of-type(2) {
    margin-right: 0
}
.navbar-fixed-bottom,
.navbar-fixed-top {
    box-shadow: 0 0 4px #bbb
}
.how_to_work_title {
    background: #0093d7;
    color: #fff;
    padding: 10px 40px;
    position: relative
}
.how_it_work_mar {
    margin-top: -70px
}
.how_to_work_title:after {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: -12px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #0975ad
}
.how_to_work_title1 {
    background: #0093d7;
    color: #fff;
    padding: 10px 40px;
    position: relative
}
.how_to_work_title1:before {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    right: -12px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #0975ad
}
.faq_accordion .panel-default .panel-title a {
    width: 100%;
    display: inline-block;
    font-weight: 700;
    color: #0093D7;
    text-decoration: none
}
.faq_accordion .panel-default {
    margin-bottom: 16px!important
}
.call_action_btn {
    background: #fbde77;
    padding: 20px;
    font-weight: 700;
    float: none!important;
    display: inline-block;
    font-size: 20px
}
.call_action_btn a,
.call_action_btn a:hover {
    color: #333
}
.navbar-brand>img {
    width: 180px
}
.logo_top img {
    width: 180px;
    height: 100%
}
.case-study-tech {
    display: inline-block;
    background: #323232;
    padding: 4px 10px;
    color: #fff;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 14px
}
.main_menu li:hover>.dropdown-menu,
.main_menu li>.dropdown-menu {
    font-family: OpenSansRegular;
    display: block;
    padding: 0;
    border-top: 4px solid #0093d7
}
.case-studies-slider .carousel-indicators {
    width: 100%;
    text-align: center
}
.case-studies-slider .carousel-indicators li {
    color: #333;
    border-color: #333
}
.case-studies-slider .carousel-indicators .active {
    border-color: #333;
    background: #333
}
.case-studies-slider .carousel-control.left,
.case-studies-slider .carousel-control.right {
    background: 0 0
}
.case-studies-slider .carousel-control .fa-angle-left,
.case-studies-slider .carousel-control .fa-angle-right {
    position: absolute;
    top: 45%;
    left: 0
}
.case_study_link .fa-link {
    font-size: 14px;
    line-height: 20px
}
.case_study_link a:hover {
    color: #fff!important;
    text-decoration: none
}
.main_menu {
    margin-top: 12px!important
}
.main_menu li>.dropdown-menu {
    background: #fff;
    display: none
}
.main_menu li>.dropdown-menu li {
    position: relative;
    line-height: 20px
}
.main_menu li>.dropdown-menu li a {
    padding: 10px 20px;
    border-bottom: 1px solid #ccc
}
.main_menu li>.dropdown-menu li a:focus,
.main_menu li>.dropdown-menu li a:hover {
    background: #0093d7;
    color: #fff !important;
    text-decoration: none
}
.main_menu li>.dropdown-menu li .sub_menu {
    display: none
}
.main_menu li>.dropdown-menu li:hover .sub_menu {
    margin: 0;
    list-style: none;
    padding-left: 0;
    width: 100%;
    position: absolute;
    left: 100%;
    display: block;
    top: 0;
    box-shadow: 0 5px 8px rgba(0, 0, 0, .3);
    z-index: 999;
    /*border: 1px solid #ccc;*/
    border-top: 4px solid #0093d7;
    background: #fff
}
.main_menu li>.dropdown-menu .sub_menu li a {
    padding: 10px 20px;
    color: #333;
    display: block;
    font-family: OpenSansRegular
}
.main_menu li>.dropdown-menu .sub_menu li a:hover {
    color: #fff
}
.main_menu li>.dropdown-menu .menu_parent:after,
.main_menu li>.parent:after {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: .6em;
    line-height: 1
}
.android_btn span,
.apple_btn span {
    float: left;
    margin-left: 8px;
    margin-top: 1px
}
.page_link,
.sitemap {
    padding: 0;
    font-family: OpenSansRegular;
    list-style: none
}
.main_menu {
    width: 82%
}
.apple_btn .fa {
    font-size: 25px!important;
    float: left
}
.apple_btn span {
    font-size: 15px!important
}
.android_btn .fa {
    font-size: 25px!important;
    float: left
}
.android_btn span {
    font-size: 15px!important
}
.page_link {
    margin: 0 0 20px;
    font-size: 14px
}
.page_link .fa {
    margin-right: 5px
}
.page_link li {
    margin: 5px 0;
    padding: 0
}
.page_link li a {
    margin: 0;
    padding: 0;
    color: #0093d7;
    text-decoration: none
}
.flag_in,
.flag_usa {
    display: inline-block;
    width: 24px;
    height: 20px;
    margin-right: 5px
}
.page_link li a:hover {
    color: #333
}
.page_link_heading {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px
}
.thank_contact {
    border-top: 1px solid #ddd;
    margin-top: 100px;
    margin-bottom: 50px
}
.flag_in {
    background: url(../img/icon/india.png) left top no-repeat
}
.flag_usa {
    background: url(../img/icon/usa.png) left top no-repeat
}
.sitemap ul {
    list-style: none
}
.sitemap {
    margin: 0 0 20px;
    font-size: 14px
}
.sitemap .fa {
    margin-right: 5px;
    color: #ccc
}
.sitemap li {
    margin: 0;
    padding: 5px 0
}
.sitemap li a {
    margin: 0;
    padding: 0;
    color: #0093d7;
    text-decoration: none
}
.sitemap li a:hover {
    color: #333
}
.sitemap_link_heading {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px
}
.career_link_btn {
    border-radius: 5px;
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    font-size: 20px;
    transition: all .5s ease-in-out 0s;
    padding: 5px 10px
}
.career_link_btn span {
    font-size: 14px;
    display: block
}
.career_link_btn:hover {
    background: #333;
    text-decoration: none;
    border: 1px solid #333
}
.apply_now_link {
    color: #fff;
    display: inline-block;
    background-color: #EFA933;
    padding: 5px 10px;
    border-radius: 5px
}
.apply_now_link:hover {
    color: #fff;
    background-color: #CE4622;
    text-decoration: none
}
.gray_txt {
    color: #ddd
}
.error_validation {
    color: #fff;
    background-color: #D0431D;
    padding: 5px;
    display: none
}
.error_validation_input {
    border: 1px solid red!important;
    color: red!important
}
.thanks_footer_messsage {
    background-color: #49DC90;
    margin-top: 10px;
    padding: 10px!important;
    color: #1F1F1F;
    font-size: 14px;
    font-weight: 700;
    display: none
}
.radius_none {
    border-radius: 0!important;
}
.gray_bullet i {
    color: #c5c5c5!important;
}
.green_bullet i {
    color: ##0093d7!important;
}
.highlight{
background-color: rgba(159, 231, 240, 0.39);
padding: 6px;
border: 1px solid #DDDCD7;
border-bottom-color: #3DE9D6
}
.blue-box {background:#0093D7; padding:10px;}
.bg-header-green {background:#E66060;}
.greadient_color {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea2ebe+0,2989d8+50,207cca+51,000000+100 */
background: rgb(234,46,190); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(234,46,190,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(234,46,190,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(234,46,190,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(234,46,190,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(234,46,190,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(234,46,190,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2ebe', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.greadient_color2{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#21dd9b+0,207cca+49,2989d8+50,081456+99 */
background: rgb(33,221,155); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(33,221,155,1) 0%, rgba(32,124,202,1) 49%, rgba(41,137,216,1) 50%, rgba(8,20,86,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(33,221,155,1)), color-stop(49%,rgba(32,124,202,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(99%,rgba(8,20,86,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(33,221,155,1) 0%,rgba(32,124,202,1) 49%,rgba(41,137,216,1) 50%,rgba(8,20,86,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(33,221,155,1) 0%,rgba(32,124,202,1) 49%,rgba(41,137,216,1) 50%,rgba(8,20,86,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(33,221,155,1) 0%,rgba(32,124,202,1) 49%,rgba(41,137,216,1) 50%,rgba(8,20,86,1) 99%); /* IE10+ */
background: linear-gradient(135deg,  rgba(33,221,155,1) 0%,rgba(32,124,202,1) 49%,rgba(41,137,216,1) 50%,rgba(8,20,86,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21dd9b', endColorstr='#081456',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.newbg{
background-color:rgba(118, 188, 188, 0.19);
}
.cream_bg {
background-color:#FDFBEB;
}
.certificate-box {border-top:1px solid #ccc; background:#fff;}
.certificate-left {border-right:1px solid #ccc;}
/*16-12-15*/
/*iphone aap developer css*/
.iphone_setting_icon { background: rgba(0, 0, 0, 0) url("../img/check.png") no-repeat scroll 0 0; font-weight: 500;  padding: 3px 0 10px 49px; }
.iphone_bg { background-attachment: scroll; background-image: url("../img/iphone/iPhone_bg.png"); background-position: center center; background-size: cover}
.iphone_bg02 { background-attachment: scroll; background-image: url("../img/iphone/iphone_bg02.png"); background-repeat: repeat; }
.white_bg { background-attachment: scroll; background-image: url("../img/iphone/white_bg.png"); background-repeat: repeat; }
.iphone_bg03 { background-attachment: scroll; background-image: url("../img/iphone/iphone_bg03.png"); background-position: center center; background-size: cover}
.iphone_bg04 { background-attachment: scroll; background-image: url("../img/iphone/iphone_bg04.png"); background-position: center center; background-size: cover}
.iphone_bg05 { background-attachment: scroll; background-image: url("../img/iphone/iphone_bg05.png"); background-position: center center; background-size: cover}
.iphone_bg06 { background-attachment: scroll; background-image: url("../img/iphone/iphone_bg06.jpg"); background-position: center center; background-size: cover}
.iphone_bg07 { background-attachment: scroll; background-image: url("../img/iphone/iphone_bg07.png"); background-position: center center; background-size: cover}
/*windows phone background */
.windows_bg01 {background-attachment: scroll; background-image: url("../img/illustration/Web/windows_bg_01.jpg"); background-position: center center; background-size: cover}
.windows_bg02 {background-attachment: scroll; background-image: url("../img/illustration/Web/windows_bg_2.png"); background-position: center center; background-size: cover}                
.windows_bg03 {background-attachment: scroll; background-image: url("../img/illustration/Web/windows-mobile-games.png"); background-position: center center; background-size: cover}                
.windows_bg04 {background-attachment: scroll; background-image: url("../img/illustration/Web/windows_bg_04.jpg"); background-position: center center; background-size: cover}                
.webdesign_bg01 {background-attachment: scroll; background-image: url("../img/illustration/Web/webdesign_bg01.png"); background-position: 15% 69%; background-size: cover}   
.webdesign_bg02 {background-attachment: scroll; background-image: url("../img/illustration/Web/webdesign_bg02.png"); background-position: 15% 69%; background-size: cover}
.webdesign_bg03 {background-attachment: scroll; background-image: url("../img/illustration/Web/webdesign_bg03.png"); background-position: 15% 69%; background-size: cover}                                    
.sharepoint_bg01{background-attachment: scroll; background-image: url("../img/illustration/Web/sharepoint_bg01.png"); background-position: 15% 69%; background-size: cover}                                    
.html_bg_01  {background-attachment: scroll; background-image: url("../img/illustration/Web/html_bg_01.png"); background-position: 15% 69%; background-size: cover}
.magento_bg02 {background-attachment: scroll; background-image: url("../img/illustration/Web/magento_bg_02.png"); background-position: 15% 69%;background-size: cover}
.magento_bg03 {background-attachment: scroll; background-image: url("../img/illustration/Web/magento_bg_03.png"); background-position: 15% 69%;background-size: cover}
.magento_bg04 {background-attachment: scroll; background-image: url("../img/illustration/Web/magento_bg_04.png"); background-position: 15% 69%;background-size: cover}

.magento_bg05{background-attachment: scroll; background-image: url("../img/illustration/Web/magento_bg_05.png"); background-position: 15% 69%;background-size: cover}
.magento_bg06{background-attachment: scroll; background-image: url("../img/illustration/Web/magento_bg_06.png"); background-position: 15% 69%;background-size: cover}
.magento_bg07{background-attachment: scroll; background-image: url("../img/illustration/Web/magento_bg_07.png"); background-position: 15% 69%;background-size: cover}
.magento_bg08{background-attachment: scroll; background-image: url("../img/illustration/Web/magento_bg_08.png"); background-position: 15% 69%;background-size: cover}
.magento_bg09{background-attachment: scroll; background-image: url("../img/illustration/Web/magento_bg_09.png"); background-position: 15% 69%;background-size: cover}
.magento_bg{background-attachment: scroll; background-image: url("../img/illustration/Web/magento_bg.png"); background-position: 15% 69%;background-size: cover}
.php_bg01{background-attachment: scroll; background-image: url("../img/illustration/Web/php_bg01.png"); background-position: 15% 69%;background-size: cover}
.php_bg02{background-attachment: scroll; background-image: url("../img/illustration/Web/php_bg02.png");}
.php_bg03{background-attachment: scroll; background-image: url("../img/illustration/Web/php_bg03.png"); }
.orange_bullet ul li i {
color: #E26A48;
}
.justify { text-align: justify; }
.white_bullet ul li i { color:#fff!important; }
.bg_dotted { background-attachment: scroll; background-image: url("../img/iphone/bg_dotted.png"); background-repeat: repeat; }
.comments.skroller-fix .box { padding-bottom:0; }
.see_hand { font-size: 42px; }
.see_hand i { color: #f2af49; }
.business_point li { line-height: 33px; }
.business_point li i { line-height: 23px; }
/*tester iphone page css*/
.tester_iphone_bg { background-attachment: scroll; background-image: url("../img/iphone/tester_iphone_bg.png"); background-position: center center; background-size: cover}
.tester_iphone i { color: #fff !important; }
.tester_iphone_content .wrap { background:transparent !important; }
.tester_iphone_content .box p { font-size: 16px !important; }
.tester_iphone_content .comments .box { padding: 0; min-height: 140px; }
.comments .tabs { margin: 30px 0 0 0; }
.tester_iphone_content .comments .tabs li { background: #25AAE2;  }
.comments .tabs li.active { background: #666 !important; }
.tester_iphone_content .comments .tabs li:hover { background-color: #999; }
.slider_pagination { z-index: 99999; }
/*wordpress pages css*/
.wordpress_back01 { background-attachment: scroll; background-image: url("../img/illustration/Web/wordpress_back01.png"); background-position: center center; background-size: cover;  } 
.wordpress_back02 { background-attachment: scroll; background-image: url("../img/illustration/Web/wordpress_back02.png"); background-position: center center; background-size: cover;  } 
/* Android Game Development.html */
.android .product-item {min-height: 160px !important;}
.android .content-section {padding: 40px 40px 10px 40px;}
.android .products-container span.icon {background: #0093D7 none repeat }
.android .products-container h2 {color: #fff;font-weight: bold; margin: 0 0 20px;}
.android .products-container h3{line-height:1.4em}
.android .product-item h3 {color: #fff;}
.android .product-item p {color: #fff;}
.android .middle-content {padding: 3em 0;width: 100%; min-height: 0}
.android .middle-content1 h3 {font-size: 1.5em;font-weight: 700;line-height: 1.5em; margin: 0 auto; text-align: center;width: 75%;
}
/* android-tablet-application-development.html */
span.addons-icon{background: #ccc}
span.addons-icon i{display: block; margin-right:20px; }
span.addons-icon i.addons-icon-game{ background: url(../img/addons-icons.png) 0 0 no-repeat; width:100px; height: 100px;}
span.addons-icon i.addons-icon-hotel{ background: url(../img/addons-icons.png) -100px 0px no-repeat; width:100px; height: 100px;}
span.addons-icon i.addons-icon-healthcare{ background: url(../img/addons-icons.png) -200px 0px no-repeat; width:100px; height: 100px;}
span.addons-icon i.addons-icon-education{ background: url(../img/addons-icons.png) 0px -100px no-repeat; width:100px; height: 100px;}
span.addons-icon i.addons-icon-entertainment { background: url(../img/addons-icons.png) -100px -100px no-repeat; width:100px; height: 100px;}
span.addons-icon i.addons-icon-retail { background: url(../img/addons-icons.png) -200px -100px no-repeat; width:100px; height: 100px;}
.industry-body{min-height: 125px; margin-left: 140px; vertical-align: top}
.purple-bg{background: #997cb7}
.brown-bg{background: #BC8F8F}
/* android-widgets-development.html */
.vert-mid{display:table-cell; vertical-align:middle; height:250px; float:none;}
.bg-round{ width:150px; height: 150px; margin:auto;	display:table;vertical-align: middle; margin-bottom: 15px}
.bg-round.blue-round{background: url(../img/bg-round.png) center center no-repeat;}
.bg-round.grey-round{background: url(../img/bg-round-grey.png) center center no-repeat;}
.bg-round.orange-round{background: url(../img/bg-round-orange.png) center center no-repeat;}
.bg-round.green-round{background: url(../img/bg-round-green.png) center center no-repeat;}
.flex-container{display: flex}
/* drupal-development.html */
.wrap.full { margin: 0 auto; padding: 0 0px; max-width: 100%; min-height:250px;}
.services-item { background: #0093D7;    height:250px;  margin: 0 0 15px 0 !important; padding: 30px 20px 20px;}
.services-item i { color: #fff;}
.services-item p {color: #fff;}
.comments .box.full{padding:0;}
.comments.t1 .box h4 {font-weight: 700; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size:17px; line-height: 20px;  margin-bottom: 10px;}
.comments.t1 .box p { font-size: 15px; line-height: 25px;  font-weight: 300;  min-height:0;}
.services-item:hover::before { border-color: #ffffff #ffffff #000000 #000000; transition: border-color 0.2s ease-in-out 0s; }
.services-item:hover { background:#5D5D5D; transition: background 0.2s ease-in-out 0s; }
.services-item:hover i { color: #fff; }
.services-item:hover p { color: #fff; }
.services-item:hover h4 { color: #fff; }
.services-item.min-ht{min-height:420px}
.comments .tabs li.type-2 {  margin: 25px 5px; width: 11px;  height: 11px;  background-color: #0093D7;   }
.comments .tabs li.type-2:hover {background-color: #5d5d5d}
.comments .tabs li.type-2.active {background-color: #5d5d5d; box-shadow: 0 0 0 2px white;}
/* psd-to-drupal.html */
.psd-con-services-item { min-height:80px;  margin: 0 0 15px 0 !important; padding: 15px 20px 15px; border-bottom:1px solid #ccc;
    float: left;}
.psd-con-services-item:last-child{ border: none;}
.psd-con-services-item h4{ font-weight:bold;}
.box-type-1{height:420px; width:100%;  background: #fff; border:1px solid #ccc;  margin: 0 0 30px 0 !important; padding: 25px 20px 25px 20px;
    border-bottom:1px solid #ccc; float: left;   }
.box-type-1 h4{font-size: 15px; line-height: 20px;  font-weight:bold;}
.box-type-1 i { color: #0093D7; }
.section-title { color: #0093d7; font-size: 35px; margin-top: 0; padding: 15px 10px; font-family: 'OpenSansLight'; margin-bottom: 20px;background: url(../img/title-line.png) no-repeat center bottom; padding-bottom: 30px; }
.section-title-white { color: #fff; font-size: 35px; margin-top: 0; padding: 15px 10px; font-family: 'OpenSansLight'; margin-bottom: 20px;background: url(../img/title-line-white.png) no-repeat center bottom; padding-bottom: 30px; }
.section-in-title {font-size: 25px; margin-top: 0; padding: 15px 0; margin-bottom: 0px; color: #6f6f6f ; }
.font-icon { width: 100% !important; text-align: center !important;}
.font-icon-bg { font-size: 116px !important; }
.font-size-icon{font-size: 50px !important; line-height: 105px !important; text-align: center !important; vertical-align: middle !important; }
.hr-dashed{ border: 0;  border-bottom:1px dashed #8e8e8e; height: 1px; width: 100%; display: inline-block;}
/***********new-css*************/
.digital-service {
 background: #0093d7 none repeat scroll 0 0;
    float: left;
    margin-bottom: 15px;
    min-height: 315px;
    padding: 15px 10px;
    text-align: center;
    width: 100%;
    color: #fff;
}
.digital-service p { line-height:20px;
    color: #fff;
}
ul,li{ padding: 0px;}
.mrg-top{ margin-top: 40px;}
.pad0{ padding: 0px; display: inline-block;}
.pad-top{ padding:40px 0;}  
.cms-technologies li{  background: #535353 none repeat scroll 0 0;
    color: #ffffff;
    display: inline;
    float: left;
    margin-right: 15px;
    padding: 5px 15px;
    width: auto;}
.cl{ clear:both;}
.moreover li{
    border-bottom: 1px solid #eeeeee; display: inline-block;
    padding:15px 0; margin: 0px; width: 100%;
}
.moreover li:last-child {
    border-bottom: none; margin: 0px; padding-bottom: 0px;
}
.moreover-w li{
    border-bottom: 1px solid #fff;
    padding:15px 0; margin: 0px; width: 100%;
}
.moreover-w li:last-child {
    border-bottom: none; margin: 0px; padding-bottom: 0px;
}
.moreover-d li{
    border-bottom: 1px solid #c3c3c3;
    padding:15px 0; margin: 0px; width: 100%;
}
.moreover-d li:last-child {
    border-bottom: none; margin: 0px; padding-bottom: 0px;
}
.wora{    border-bottom: 1px solid #ddd;
    float: left;
    padding: 10px 0;
    width: 100%;}
.wora:last-child{ border: none;}
.wora ul li {
    display: inline-block;
    margin-bottom: 10px;
}
.wora h4 {
    margin-top: 0px;
}
.wora .fa-check-square::before {
margin-right: 10px;color: #0093d7;}
.dashed-dark-border { border: 1px dashed #939393; }
.dashed-white-border { border: 1px dashed #ffffff; }
.product-item { margin-bottom: 20px; }
.responsiv_height{ min-height: 280px !important;}
.experts{ display: inline-block; width: 100%;
    float: left;}
    .experts ul{ display: inline-block; width: 100%;}
   
    .experts p {
    
    margin-left: 26px;
}
.naw-button{width:100%; text-align:center}
.naw-button .btn.btn-primary {
    max-width: 100%; border:none; background:#0093d7; margin-top:20px;
}
.naw-button .btn.btn-primary:hover { background:#595959;
}

@media(min-width:320px) and (max-width: 767px){
.experts p {
    display: inline-block;
    margin-left: 0;
}  
.web-application {
    min-height: auto !important;
}
}
.web-application {    border: 1px dashed #ddd;
    float: left;
    min-height: 300px !important;
}
.web-application h4{ float: left; margin: 0px;}
.web-application ul{ float:left;width: 100%;}
.web-application ul li{    display: inline-block;
    float: left;
    width: 100%;}
    .web-application ul li .fa-dot-circle-o::before{ color: #0093d7;}
	
@media (min-width: 320px) and (max-width: 640px){
.margin-top-new {
    margin-top: 70px;
}


}
.media-heading {
    color: #000 !important;
}
.android .product-item p {
    color: #000;
}
.android .products-container span.icon {
    background: #0093d7 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    float: left;
    height: 80px;
    padding-top: 15px;
    width: 80px;
}
.navbar-inverse .navbar-nav > li {
    padding: 0 20px !important;
}


#w {
  display: block;
  max-width: 100%;
  min-width: 300px;
  margin: 0 auto;
  padding: 2px 3px;
}



.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.crsl-item  small{ width:100%;
 color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

}
.content-row {
    position: relative;
    width: 100%;
}
.web-mobile-title{left: 50%; margin-top: 25px;
    position: absolute;
    transform: translateX(-50%);}
.crsl-item { text-align:center; width:100%; display:inline-block; }
.crsl-item  span{text-align:center;}
.crsl-item  span{display: inline-block; width:100%; padding:20px 0;transition: all 0.5s ease-in-out 0s; height:120px;}
.crsl-item  span:hover{background:#0093d7;display: inline-block; width:100%; padding:20px 0;transition: all 0.5s ease-in-out 0s;height:120px;}

.slidernav{  height: 120px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;}
	#navbtns{width:100%; display:inline-block;}
	
	.previous {
    float: left; 
    height: 120px;
    padding: 28px 0 0;
    position: absolute;
    text-align: center;
    width: 25px;left:-30px;
    z-index: 9999;
}
.next {
 float: right;
    height: 120px;
    padding: 28px 0 0;
    position: absolute;
    right: -30px;
    text-align: center;
    width: 25px;
    z-index: 9999;
}

@media screen and (max-width: 767px) {
  h1 { font-size: 2.4em; line-height: 1.2em; }
  
  .crsl-item h3 { font-size: 1.65em; }
  	.next {
    float: right;
    left: 0px;
    position: relative;
}

.web-mobile-title {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}
.previous {
    float: left;
    height: 120px;
    padding: 45px 0 0;
    position: relative;
    left: 0;
    text-align: center;
    width: 25px;
    z-index: 9999;
}
.next {
    float: right;
    height: 120px;
    padding: 45px 0 0;
    position: relative;
    left: 0;
    text-align: center;
    width: 25px;
    z-index: 9999;
}
}
/****************************************/