@font-face {

  font-family: 'Helvetica';

  src: url('../fonts/HelveticaNeueLTStd-XBlkCn.woff2') format('woff2'),

       url('../fonts/HelveticaNeueLTStd-XBlkCn.woff') format('woff'),

       url('../fonts/HelveticaNeueLTStd-XBlkCn.ttf') format('truetype');

}

.m-auto { display: table; margin-left: auto; margin-right: auto;  }

/* buttons */
.primary-btn,.secondary-btn { font-size: 13px; font-weight: 400; text-transform: uppercase; padding: 15px 30px;  position:relative; display:table;
    margin-bottom: 15px; }
.primary-btn { background:#000; color: white; }
.primary-btn:hover {background:#00b9d5; color: white; }
.secondary-btn { background:#1f295d; color: white;  }
.secondary-btn:hover {background:#131c4b; color: white; }
.sm-btn { font-size: 14px; }
.md-btn { font-size: 16px; }
.lg-btn { font-size: 18px; }
.xl-btn { font-size: 20px; }

.title-sec  p.title-para {  margin-bottom: 20px; }

a:focus, a:hover {

    color: #23527c;

    text-decoration: none;

}
.blogger-header img {
    margin: 0 auto;
}
.pagination a {
    font-size: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
.pagination span.current {
    padding: 4px 6px;
    color: #000;
    font-size: 15px;
    border: 1px solid #ebebeb;
    margin-right: 6px;
}
.pagination a:hover { background:#00b9d5;color:#fff !important;    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15); }
.pagination a.inactive {
    padding: 4px 6px;
    color: #00b9d5;
    font-size: 15px;
    border: 1px solid #ebebeb;
    margin-right: 6px;
}

body {

  font-family: 'Roboto', sans-serif;

}
.deep-orange.accent-3 {
    background-color: #00b9d5 !important;
}
/*   BLOG STYLES */
.clientsNews-slider {
    background: url(../images/clientsnews-slider.jpg) no-repeat;
    height: 536px;
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
}
.blog-content small {
    border-bottom: 1px solid #ccc;
    display: block;
    padding-bottom: 10px;
}
    
    .blog-content small i {
    margin-right: 5px;
}
    .blog-content {
   font-family: 'Roboto', sans-serif;
    background: #f7f7f7;
    padding: 20px;
    min-height: 400px;
}
    .blog-content> h4.b-title {
    font-size: 18px;
}
.blog-content> h4.b-title a {
    color: #000;
    font-weight: 400;
    line-height: 23px;
}

.blog-content.detail > ul li {
    list-style-type: disc;
    margin: 5px 0 7px;
    font-size: 16px;
    color: #2d2d2d;
    font-weight: 300;
    line-height: 24px;
}
.blog-content.detail > ul {
    padding-left: 20px;
    font-size:16px;
}
.blog-content.detail > p {
    margin: 5px 0 12px;
    font-size: 16px;
    color: #2d2d2d;
    font-weight: 300;
    line-height: 30px;
}
    .blog-content > p {
    color: #656565;
    line-height: 22px;
    margin: 5px 0 12px;
    font-size: 14px;
}

    .blog-content img.alignnone.size-full {
    max-width: 100%;
    height: auto;
}
.blog-content small i {
    margin-right: 5px;
}
h5.border-bottom {
    border-bottom: 2px solid #d0cece;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
    .blog-content{
   font-family: 'Roboto', sans-serif;
    }
    .blog-content > h5 a {
    font-size: 24px;
    color: #000;
}
    .blog-content > p {
    color: #656565;
    line-height: 22px;
    margin: 5px 0 12px;
    font-size: 15px;
}
/*  END BLOG STYLES */

ul.social-iocn li a {color: #44484d;font-size: 22px;}

input {

    box-sizing: inherit !important;

    box-shadow: initial !important;

}

nav ul li {

    transition: background-color .3s;

    float: left;

    padding: 0;

    position: relative;

}

.techblog-slider {
    background: url(../images/tech-blog-slider.jpg) no-repeat;
    height: 536px;
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
}

.slide .pull-left {

    width: 50%;

}

nav ul a:hover {background-color: #00b9d5;color: white;}

nav ul li:hover .dropdown{ visibility: visible; /* shows sub-menu */ opacity: 1; left: 0; }

.dropdown{width:200px; position: absolute; top: 100%; left: 0%; visibility: hidden; opacity: 0; z-index:999999; padding:0px;  background:rgba(255,255,255,0.9); 
 border-top:1px solid #cccccc;
 border-right:1px solid #cccccc;
 border-left:1px solid #cccccc;
 border-bottom:5px solid #00b9d5;
  }
.main-menu > ul > li:hover .dropdown{ visibility: visible; /* shows sub-menu */ opacity: 1; left: 0; }

.dropdown > ul{ list-style:none; }
.dropdown > ul > li{ float: none; }
.dropdown > ul > li:before{ display:none; } 
.dropdown > ul > li+li{ border-top:1px dotted #457584;}
.dropdown > ul > li > a {
    color: #000000;
    font-size: 13px;
    text-decoration: none;
    padding: 10px 8px;
    display: block;
    height: initial;
    line-height: initial;
}
.dropdown > ul > li > a:hover{  color:#00b9d5; background:none; }
.dropdown > ul > li > a:hover:before    { display:none; }
.double-drop { width: 400px!important; }

.dropdown > ul > li > ul {  display: none; }
.dropdown > ul > li.level2:hover > ul  { display: block; }



p {

    color: #777777;

    font-size: 18px;

    margin-bottom: 15px;

}

.side-nav li.home a, .navbar-default .navbar-nav>li.home a, ul.desktop-menu li.home a {/* color: transparent !important; */}

ol.list-center, ul.list-center {

    list-style-position: inside;

    margin: 0;

    padding: 0;

    font-size: 17px;

    color: #777;

}

h5 {

    font-size: 20px;

    color: #000000;

}

.cap{text-transform:uppercase;}

h4 {font-size: 40px;font-weight: 500;}

h3 {

    font-size: 60px;

    font-weight: 300;

}

.bg-for-ipad.home-ps {

    float: left;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    margin-right: 30px;

}



/*general stayls for boxes*/



.ta-req {

    height: 100%;

    overflow: hidden;

    width: 100%;

    padding: 0;

    position: relative;

}

.ta-req .overlay {

    padding: 80px 0;

    margin: 0;

}

.ta-req .pre-img-left {

    background-position: right;

    background-size: cover;

    bottom: 0;

    right: 50%;

    position: absolute;

    left: 0;

    top: 0;

}

.ta-req .pre-img-right {

    background-position: left;

    background-size: cover;

    bottom: 0;

    right: 0;

    position: absolute;

    left: 50%;

    top: 0;

}

    .aboutOne{

    background: url(../images/aboutbox1.jpg)no-repeat;

    }

    .aboutTwo{

    background: url(../images/aboutbox2.jpg)no-repeat;

    }

    .aboutThree{

    background: url(../images/aboutbox3.jpg)no-repeat;

    }

    .appOne{

    background: url(../images/appbox1.jpg)no-repeat;

    }

    .appTwo{

    background: url(../images/appbox2.jpg)no-repeat;

    }

    .appThree{

    background: url(../images/appbox3.jpg)no-repeat;

    }

    .appFour{

    background: url(../images/appbox4.jpg)no-repeat;

    }

    .brandingOne{

    background: url(../images/brandbox1.jpg)no-repeat;

    }

    .brandingTwo{

    background: url(../images/brandbox2.jpg)no-repeat;

    }

    .brandingThree{

    background: url(../images/brandbox3.jpg)no-repeat;

    }

    .brandingFour{

    background: url(../images/brandbox4.jpg)no-repeat;

    }

    .brandingFive{

    background: url(../images/brandbox5.jpg)no-repeat;

    }

    .brandingSix{

    background: url(../images/brandbox6.jpg)no-repeat;

    }

    .brandingSeven{

    background: url(../images/brandbox7.jpg)no-repeat;

    }

    .digitalOne{

    background: url(../images/digibox1.jpg)no-repeat;

    }

    .digitalTwo{

    background: url(../images/digibox2.jpg)no-repeat;

    }

    .digitalThree{

    background: url(../images/digibox3.jpg)no-repeat;

    }

    .digitalFour{

    background: url(../images/digibox4.jpg)no-repeat;

    }

    .ecommerceOne {

    background: url(../images/ecommercebox1.jpg)no-repeat;

    }

    .ecommerceTwo {

    background: url(../images/ecommercebox2.jpg)no-repeat;

    }

    .ecommerceThree {

    background: url(../images/ecommercebox3.jpg)no-repeat;

    }

    .ecommerceFour {

    background: url(../images/ecommercebox4.jpg)no-repeat;

    }

    .webdesignOne {

    background: url(../images/webdesignbox1.jpg)no-repeat;

    }

    .webdesignTwo {

    background: url(../images/webdesignbox2.jpg)no-repeat;

    }

    .webdesignThree {

    background: url(../images/webdesignbox3.jpg)no-repeat;

    }

    .webdesignFour {

    background: url(../images/webdesignbox4.jpg)no-repeat;

    }

    .webdesignFive {

    background: url(../images/webdesignbox5.jpg)no-repeat;

    }

    .webdesignSix {

    background: url(../images/webdesignbox6.jpg)no-repeat;

    }

    .webdesignSeven {

    background: url(../images/webdesignbox7.jpg)no-repeat;

    }

    .seoOne {

    background: url(../images/seo/1.jpg)no-repeat;

    }

    .seoTwo {

    background: url(../images/seo/2.jpg)no-repeat;

    }

    .seoThree {

    background: url(../images/seo/3.jpg)no-repeat;

    }

    .seoFour {

    background: url(../images/seo/4.jpg)no-repeat;

    }

    .seoFive {

    background: url(../images/seo/5.jpg)no-repeat;

    }

    .seoSix {

    background: url(../images/seo/6.jpg)no-repeat;

    }


    .contentwOne {

    background: url(../images/creative/1.jpg)no-repeat;

    }

    .contentwTwo {

    background: url(../images/creative/2.jpg)no-repeat;

    }

    .contentwThree {

    background: url(../images/creative/3.jpg)no-repeat;

    }

    .contentwFour {

    background: url(../images/creative/4.jpg)no-repeat;

    }

    .contentwFive {

    background: url(../images/creative/5.jpg)no-repeat;

    }

    .emailOne {

    background: url(../images/emailbox1.jpg)no-repeat;

    }

    .emailTwo {

    background: url(../images/emailbox2.jpg)no-repeat;

    }

    .emailThree {

    background: url(../images/emailbox3.jpg)no-repeat;

    }

    .emailFour {

    background: url(../images/emailbox4.jpg)no-repeat;

    }

    .animation1 {

    background: url(../images/animation/1.jpg)no-repeat;

    }

    .animation2 {

    background: url(../images/animation/2.jpg)no-repeat;

    }

    .animation3 {

    background: url(../images/animation/3.jpg)no-repeat;

    }

    .animation4 {

    background: url(../images/animation/4.jpg)no-repeat;

    }

    .animation5 {

    background: url(../images/animation/5.jpg)no-repeat;

    }

    

/* END: general stayls for boxes*/



/* START: owl css*/


.list-simple {display: inline-block;width: 100%;margin: 20px 0 20px 20px;list-style-type: disc;}
.list-simple li {font-size: 18px;padding-bottom: 10px;list-style-type: disc;}



.owl-dot span {

    display: block;

    width: 12px;

    height: 12px;

    margin: 5px 7px;

    filter: Alpha(Opacity=50);

    opacity: 0.5;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    background: #869791;

}

.owl-dot {

    display: inline-block;

    zoom: 1;

}

.owl-theme .owl-controls {

    margin-top: 10px;

    text-align: center;

    margin-bottom: 20px;

}

.owl-theme .owl-controls .owl-dot.active span, .owl-theme .owl-controls.clickable .owl-dot:hover span {

    filter: Alpha(Opacity=100);

    opacity: 1;

}

.no-pad-row { margin-left: 0px; margin-right: 0px; }
.no-pad-col { padding-left: 0px; padding-right: 0px; }

.carousel-inner .owl-dots {

    position: absolute;

    bottom: 10%;

    right: 20%;

    left: 20%;

}

/*END owl css*/

#cu-form .form-group textarea {

    border-radius: 0px;

    border-color: #dcd7d7;

}

.navbar-nav>li.active, .navbar-nav>li:hover .navbar-nav>li {

    display: inline-block;

    position: relative;

}

ul#menu-main-menu {padding-top: 27px;}

header {
       
   /* position: fixed;*/

    z-index: 5;
    width: 100%;
}

.top-bar { color: white; background: #151a21; padding: 0; }
.top-info-list { float: left; margin:14px 0 10px 0; }
.top-info-list li {float: left;color:#ffffff;font-size: 15px;padding: 0 25px;text-transform: none;}
.top-info-list li:first-child { padding-left: 0px; }
.top-info-list li:last-child { padding-right: 0px; }
.top-info-list li i { margin-right:8px;color:#ffffff;font-size:13px; 
 line-height: 20px;}
.top-info-list li i.fa-phone {font-size: 15px; top: 1px; position: relative;}
.top-info-list li+li {border-left: 0;}
.top-info-list li a{color:#ffffff;font-size: 15px;font-weight:400;}
.top-info-list li a:hover {color:white;}


.hdr-social {margin: 14px 0 10px 0;float: right;}
.hdr-social li { float: left; margin: 0 15px 0 0; position: relative; text-align: center; }
.hdr-social li a { display: block; padding: 0; text-align: center; }
.hdr-social li a i {color: white;font-size: 15px;margin: 0;}
.hdr-social li a:hover i { color: lightgray; }
.hdr-social li a:hover i.fa-facebook {color:#3b5998;}
.hdr-social li a:hover i.fa-twitter {color:#1da1f2;}
.hdr-social li a:hover i.fa-google-plus {color:#dd5044;}
.hdr-social li a:hover i.fa-linkedin {color:#007bb6;}
.hdr-social li a:hover i.fa-youtube-play {color:#c4302b;}


nav .brand-logo {
 /*   position: static;*/

}
nav {color: #fff;background-color: #242b35;width: 100%;height: 115px !important;}


nav ul a {
    transition: background-color .3s;
    font-size: 18px;
    color: #fff;
    display: block;
    padding: 15px 25px;
    line-height: initial;
    cursor: pointer;
    margin: 0 3px;
    text-transform: uppercase;
}


.brand-logo img {

    padding: 10px 0;

}



.carousel.slide {height:656px;}



#carousel-445233{height:520px;}







.navbar-nav>li:before, ul.desktop-menu>li:before {

    content: '';

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    height: 3px;

    width: 0%;

    transition: width 0s ease;

}

.navbar-nav>li:after, ul.desktop-menu li:after  {content: '';display: block;position: absolute;right: 0;bottom: 0;height: 3px;width: 0%;background: #00b9d5;transition: width .5s ease;}

.navbar-nav>li:hover:before, 

.navbar-nav>li.active:before, 

ul.desktop-menu li:hover:before, 

ul.desktop-menu li.current-menu-item:before {

    width: 100%;

    background: #00b9d5;

    transition: width .5s ease;
display: none;
}

.navbar-nav>li:hover:after, ul.desktop-menu>li:hover:after {

    width: 100%;

    background: transparent;

    transition: width 0s ease;
display: none;
}

.navbar-default {

    background-color: transparent;

    border-color: transparent;

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {

    color: #fff;

    background-color: transparent;

    text-transform: uppercase;

}

.navbar-default .navbar-nav>li>a {

    color: #fff;

    text-transform: uppercase;

}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {

    color: #ccc;

    background-color: transparent;

}

.bg-apps1 {

    background: url(../images/apps-bg.jpg) no-repeat;

    height: 672px;

    width: 100%;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

}

.bg-digital1 {

    background: url(../images/bg-digital1.jpg) no-repeat;

    height: 672px;

    width: 100%;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

}

section#digital-boxTwo {

    background: url(../images/digital-boxtwo.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#digital-boxthree {

    background: url(../images/digital-boxthree.jpg);

    height: 663px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

button.btn.darkbg.lg {

    height: 60px;

}

button.btn.darkbg:hover {

    background: transparent;

    color: #000;

    border: 1px solid #00b9d5;

}

.tb-padding {padding-top:20px;padding-bottom:20px;}

.tb-margin {margin-top:20px;margin-bottom:20px;}

.tb-margin-30 {margin-top:30px;margin-bottom:30px;}

.tb-padding-30 {padding-top:30px;padding-bottom:30px;}

section#bg-dark {

    background: #131b20;

    padding-top: 50px;

    padding-bottom: 50px;

    margin-bottom: 30px;

}

.home-slider .carousel-caption p{
    color: white;
}

#clientsLogo .bx-wrapper .bx-pager {

    display: none;

}

#bg-dark .item img:hover {

    position: absolute;

    -webkit-transition: all 3s;

    -moz-transition: all 3s;

    -ms-transition: all 3s;

    -o-transition: all 3s;

    transition: all 3s;



}

#bg-dark .item img{

    -webkit-transition: all 3s;

    -moz-transition: all 3s;

    -ms-transition: all 3s;

    -o-transition: all 3s;

    transition: all 3s;

    top: 0;

    }

#bg-dark .item {

    height: 489px !important;

    overflow: hidden;

    cursor:pointer



}

#bg-dark .bx-viewport {

    background: transparent !important;

    border: 0px !important;

}

#bg-dark .bx-wrapper .bx-pager.bx-default-pager a:hover, #bg-dark .bx-wrapper .bx-pager.bx-default-pager a.active {

    background: #858585;

}

button.btn.darkbg {

transition: 0.5s;

    background: #00b9d5;

    color: #fff;

    height: 50px;

    font-size: 20px;

    text-transform: uppercase;

    border-radius: 0px;

    margin-top: 10px;

    margin-bottom: 15px;

}

.form-control::-webkit-input-placeholder { color: #777777; }

.form-control:-moz-placeholder { color: #777777; }

.form-control::-moz-placeholder { color: #777777; }

.form-control:-ms-input-placeholder { color: #777777; }


#form-box .form-control::-webkit-input-placeholder { color: #ffffff; }

#form-box .form-control:-moz-placeholder { color: #ffffff; }

#form-box .form-control::-moz-placeholder { color: #ffffff; }

#form-box .form-control:-ms-input-placeholder { color: #ffffff; }




#main-container {

    max-width: 1903px;

    margin: 0 auto;

}

.addT-margin {

    margin-top: 150px !important;

}

.clients-logo {

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

    filter: gray;

    -webkit-filter: grayscale(100%);

    -webkit-transition: all .6s ease;

    -webkit-backface-visibility: hidden;

}



#socialArea i.fa {font-size: 30px;padding: 30px 20px;color: #fff;cursor: pointer;}

ul.social-iocn li {float: left;}



ul.social-iocn i.fa {transition: 0.5s;margin-right: 16px;cursor: pointer;}

#clientsLogo .item {

    margin-right: 35px;

    margin-left: 40px;

    width: auto !important;

}

#clientsLogo img {

    width: auto !important;

    height: 90px;

    text-align: center;

    margin: 0 auto;

}



#clientsLogo .bx-viewport {

    height: 100px !important;

    box-shadow: none !important;

}

.bx-viewport {

    box-shadow: none !important;

}

ul.social-iocn .fa-facebook:hover {color: #3b5998;}

ul.social-iocn .fa-twitter:hover {color: #55acee;}

ul.social-iocn .fa-google-plus:hover {color: #de0e0e;}

ul.social-iocn .fa-youtube-play:hover {color: #CC181E;}

.gp:hover {background: #de0e0e;}

.fb:hover {background: #3b5998; }

.tw:hover {background: #55acee;}

.fb {

    background: #666d76;

    text-align: center;

        transition: 0.5s;

}



.tw {

    background: #818993;

    text-align: center;

        transition: 0.5s;

}



.gp {

    background: #5e6164;

    text-align: center;

        transition: 0.5s;

}


.address-main {}
.address-main ul {margin: 10px 0;text-transform: none;float: right;}
.address-main ul li{line-height:22px;font-size:14px;padding:0 0 8px 30px;position: relative; color:#44484d; }
.address-main ul li a { color:#44484d;}
.address-main ul li a:hover {color: #23527c;}
.address-main ul li i {position: absolute;left: 0px;top: 2px; color: #44484d; font-size:17px;}


.no-padding{padding-right:0;padding-left:0;}

.carousel-caption.light-bg {

    background: rgba(0,0,0,0.8);

}

.carousel-caption h4, .carousel-caption h5 {

   /* text-transform: uppercase;*/

}

.nav>li>a {

    padding: 22px 9px;

}

header#topbar {

    background: rgba(0,0,0,0.8);

/*    position: fixed;*/

    top: 0;

    z-index: 9;

    right: 0;

    left: 0;

    margin: 0 auto;

    padding-top: 10px;

}



section#ecommerce-boxTwo {

    background: url(../images/ecommerce-boxTwo.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#ecommerce-boxthree {

    background: url(../images/ecommerce-boxthree.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#boxTwo {

    background: url(../images/bg-bx2.jpg);

    height: 656px;

    color: #fff;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

        position: relative;

}

.ftr-separator { width: 100%; height: 1px; display: inline-block; background-color: #44484d; margin: 10px 0; }

.bt-sec-bx h3 {

    color: #00b9d5;

    font-size: 60px;

    font-weight: bold;

    height: 74px;

    float:left;

}

.typedBox {

    width: 100%;

    float: left;

}

.wo-ds p {color: #000;font-size: 18px;font-weight: 400;padding-top: 20px;}

.wo-ds {

    margin-top: 50px;

    margin-bottom: 50px;

    width: 100%;

    float: left;

}

.wo-ds h4 {float: right;text-align: right;font-size: 38px;font-weight: 700;border-right: 3px solid #00b9d5;padding-right: 50px;}

.bt-sec-bx h4 {

    font-size: 50px;

    font-weight: 200;

}

.bt-sec-bx p {font-size: 22px;margin-top: 50px;margin-bottom: 40px;color: white;}


.textarea-space { margin-top: 30px; }

.dropdown-mobile {
    background: #2e343c;
    display: none;
}
.dropdown-mobile ul li {
    float: none;
    line-height: 30px;
}
.dropdown-mobile ul li+li {
    border-top: 1px solid #484848;
}
.dropdown-mobile ul li a {
    height: 30px;
    line-height: 30px;
    padding: 0 16px;
     font-size: 13px;
}
.drop-mob {
    position: relative;
}
.drop-arrow {
    position: absolute;
    right: 20px;
    top: 0;
}


.ec-area-bx {

    margin-left: 30px;

    margin-right: 30px;

}

.bg-branding1 {

    background: url(../images/brandingbg1.jpg) no-repeat;

    height: 673px;

    width: 100%;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

}

.bg-ecommerce1 {

    background: url(../images/bg-ecommerce1.jpg) no-repeat;

    height: 655px;

    width: 100%;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

}

.carousel-caption h4 {

    text-shadow: 2px 2px #292626;

}

.bg-slider01 {

    background: url(../images/home-slider01.jpg) no-repeat;

    height: 750px;

    width: 100%;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

}

.bg-slider1 {

    background: url(../images/home-slider1.jpg) no-repeat;

    height: 750px;

    width: 100%;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

}

.bg-slider2 {

    background: url(../images/home-slider2.jpg) no-repeat;

    height: 750px;

    width: 100%;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

}

.bg-slider3 {

    background: url(../images/home-slider3.jpg) no-repeat;

    height: 750px;

    width: 100%;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

}

.bg-slider4 {

    background: url(../images/home-slider4.jpg) no-repeat;

    height: 750px;

    width: 100%;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

}

.bg-slider5 {

    background: url(../images/home-slider5.jpg) no-repeat;

    height: 750px;

    width: 100%;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

}

.bg-slider6 {

    background: url(../images/home-slider6.jpg) no-repeat;

    height: 750px;

    width: 100%;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

}

#revenueCycle {

    background: url(../images/revenue-cycle-bg.jpg);

    height: 656px;

    padding-top: 80px;

    background-size: cover;

    position: relative;

}

.down-arrow {

    display:inline-block;

    animation: move 2s ease infinite;

    width: 50px;

    height: 50px;

    background: url(../images/down-arrow.png) no-repeat;

    position: absolute;

    bottom: 100px;

    margin: 0 auto;

    text-align: center;

    left: 50%;

   /* -webkit-transition: 3s;

    transition: 0.5s;

    -webkit-animation: MoveUpDown 3s ease infinite;

    -webkit-animation-direction: alternate;

    display: inline-block;*/

}

h2.uwb {color: #000;font-size: 48px;font-weight: 700;}

#boxOne {width: 100%;float: left;margin-top: 60px;margin-bottom: 60px;}

#boxOne h4.media-heading {font-size: 28px;color: #00b9d5;margin-top: 50px;}

section#copyRights {background: #0c1118;padding-top: 10px;padding-bottom: 10px;}

p.copy-rights-bx {margin-top: 16px;color: #3d3f43;font-size: 14px;text-align: center;text-transform: uppercase;}
.address-contact {
    font-size: 14px;
}
.address-contact span {
    font-size: 18px;
}
.contact-link {
    color: #777777;
}
.contact-link:hover {
    color: #23527c;
}

#clientsLogo h2 {

    color: #2c363c;

    text-align: center;

    font-size: 50px;

    margin-bottom: 30px;

}

section#clientsLogo {

    margin-top: 50px;

    margin-bottom: 50px;

}

section#footer-menu {background: #151a21;padding: 60px 0px;}
.ftr-para { font-size: 16px;line-height: 25px; }

#servicesBox .media {border: 0px;padding: 0;position: relative;margin-bottom: 0;background: #00b9d5;cursor: pointer;color: #fff !important;}
#servicesBox .media.alternate-color {  background-color: #0082a3; }
#servicesBox .media-object {display: block;border: 0;}

#servicesBox h4.media-heading {

    font-size: 26px;

    font-weight: 400;

}

#servicesBox p {font-size: 15px;}

ul#mobile-demo {background: #242b35;}

.side-nav a {

    color: #fff;

    font-weight: normal;

}

#servicesBox .media-body {float: left;position: absolute;top: 50%;transform: translateY(-50%);width: 48%;left: 50%;padding: 15px;}

.address {

    color: #b8c1d1;
    font-size: 14px;
}
.address p {
    color: #606265;
    font-size: 14px;
}
.address p span{
    font-weight: bold;
}
.address p a{
    color: #606265;
}
.address p a:hover{
    color: #9097a2;
}


#servicesBox .media p {color:#fff;}

#servicesBox .media:hover {

  
}

#form-box i.fa, #form-box .glyphicon {position: absolute;color: #ffffff;top: 8px;left: 19px;}

section#form-box {

    background: #242b35;

    padding-top: 50px;

    padding-bottom: 100px;

}

#form-box .container {

    max-width: 1040px;

}

#form-box h2 {color: #ffffff;text-align: center;margin-top: 20px;margin-bottom: 30px;font-size: 50px;}
#form-box h2 span { font-weight: 700; color: #00b9d5; }

#form-box h2+p {
 color: #ffffff;
 padding-bottom: 30px;
}
.iyrc-box h2 {

    font-weight: 200;

    font-size: 55px;

    margin: 1rem 0;

}
.iyrc-box h2 strong{
    color: #00b9d5;
    }

button.btn.ngb:hover {

    background: #0681C4;

}

button.btn.ngb {

    background: transparent;

    color: #fff;

    border: 1px solid #fff;

    border-radius: 0;

    width: 200px;

    height: 47px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

#revenueCycle p {

    font-size: 21px;

    margin-bottom: 20px;

    color: #fff;

    font-weight: 400;

}

#revenueCycle .iyrc-box {

    color: #f3f3f3;

}

#form-box input, #form-box textarea {background: transparent;border-radius: 0;border: 0px;border-bottom: 1px solid #50555d;padding-left: 30px;color: #ffffff;}

.cubeslider .previous.controls, .cubeslider .next.controls {

    box-shadow: none !important;

}



.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: thin dotted;
    outline: 0px;
    outline-offset: -2px;
}


.cubeslider img {

    width: 324px !important;

    height: 324px !important;

}

.cubeslider .jR3DCarouselGallery {

    width: 324px !important;

    height: 324px !important;

}

.cubeslider .navigation {

    text-align: center;

    margin: 0 auto;

    width: 100px;

    float: inherit !important;

    right: 40% !important;

    bottom: 25px !important;

}

.cubeslider {

    margin: 0 auto;

    position: absolute;

    bottom: 17%;

    left: 53%;

    text-align: center;

    height: 324px;

}

.countNu {

    font-size: 100px;

    color: #00b9d5;

    font-weight: bold;

    line-height: 103px;

}

.clients-logo .item.bx-clone {

    width: auto !important;

}



#form-box textarea {background: transparent;border-radius: 0;border-bottom: 1px solid #50555d;}



.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0), 0 0 8px rgba(102,175,233,.0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.0), 0 0 8px rgba(102,175,233,.0);
}


#form-box .form-group {

    margin-bottom: 25px;

}

#form-box button.btn.btn-default:hover {

    background: #00b9d5;

    border-color: #00b9d5;

}

button {

    -webkit-transition: 0.5s;

    transition: 0.5s;

    }

#form-box button.btn.btn-default {background: #00b9d5;color: #fff;text-transform: uppercase;font-size: 16px;float: none;border-radius: 0;min-width: 200px;margin: 0 auto;border: 0px;box-shadow: none !important;display: table;padding: 14px 40px;height: initial;}

footer h3 {font-size: 18px;color: #606265;}

footer {

    color: #fff;

}


footer ul.footer-menu li {padding: 5px 15px;float: left;position: relative; color: #606265;}
footer ul.footer-menu li:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 13px;
    background: #606265;
    left: 0px;
    top: 27%;
}
footer ul.footer-menu li:first-child { padding-left: 0px; }
footer ul.footer-menu li:first-child:before { display: none; }
footer ul.footer-menu li a {color: #606265;font-size: 14px;text-transform: uppercase;}
footer ul.footer-menu li a:hover { color: #23527c; }


footer ul.footer-menu {list-style: none;padding: 0;color: #fff;margin-bottom: 0;display: inline-block;width: 100%;}



.footer-nav2 { list-style-type: none;; margin: 10px 0 10px 0; float: right;  }
.footer-nav2 li { float: left; padding: 0 12px; position: relative; text-transform: uppercase; }
.footer-nav2 li:first-child { padding-left:0px;}
.footer-nav2 li:before {position: absolute;content: "";width: 1px;height: 13px;background: #44484d;left: 0px;top: 16%;}
.footer-nav2 li:first-child:before { display: none; }
.footer-nav2 li a {font-size: 14px;font-weight: 400;color: #606265;text-transform: uppercase;}
.footer-nav2 li a:hover { color: #23527c; }


footer ul.social-iocn {

   display: flex;

}



.map-bbx:hover { background:url(../images/footer-map-b.jpg) }

.map-bbx {

    width: 100%;

    background:url(../images/footer-map.jpg);

    height:457px;

-webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */

    transition: 0.5s;

}

#owl-services .item{

    background: #42bdc2;

    padding: 30px 0px;

    margin: 5px;

    color: #FFF;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    text-align: center;

}

span.typed-cursor {

    color: #00b9d5;

    font-size: 60px;

    float: left;

   -webkit-animation: 1s blink step-end infinite;

  -moz-animation: 1s blink step-end infinite;

  -ms-animation: 1s blink step-end infinite;

  -o-animation: 1s blink step-end infinite;

  animation: 1s blink step-end infinite;

}



.carousel-caption {

    right: 20%;

    left: 20%;

    padding-bottom: 30px;

    float: left;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    bottom: inherit;

    padding-left: 10px;

    padding-right: 10px;

}

#boxOne p {font-size: 16px;color: #000;font-weight: 400;}

.maxWdith1000 {

    max-width: 1060px;

}

#boxOne .media {

    margin-top: 30px;

    max-width: 200px;

    margin: 0 auto;

    padding-top: 23px;

    padding-bottom: 23px;

    position: relative;

}

.border-f-lr {

    background: url(../images/border-top-left.png);

    height: 77px;

    width: 78px;

    position: absolute;

    top: 5px;

    left: 34px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.border-f-br {background: url(../images/border-bottom-right.png);height: 77px;width: 78px;position: absolute;right: 15px;top: 75px;-webkit-transition: 0.5s;transition: 0.5s;}

/*#boxOne .media:hover .border-f-br {

    bottom: 80px;

    right: 30px;

}

#boxOne .media:hover .border-f-lr {

    top: 15px;

    left: 50px;

}

*/



.carousel-caption h5 {

    color: #fff;

    line-height: 40px;

    font-size: 30px;

}

.bg-webdesign1 {

    background: url(../images/bg-webdesign1.jpg) no-repeat;

    height: 673px;

    width: 100%;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

}

section#webdesign-boxTwo {

    background: url(../images/webdesign-boxTwo.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#webdesign-boxthree {

    background: url(../images/webdesign-boxthree.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#webdesign-boxfour {

    background: url(../images/webdesign-boxfour.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#webdesign-boxfive {

    background: url(../images/webdesign-boxfive.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#webdesign-boxsix {

    background: url(../images/webdesign-boxsix.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#webdesign-boxseven {

    background: url(../images/webdesign-boxseven.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#webdesign-boxeight {

    background: url(../images/webdesign-boxeight.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#about-oneBox {

    background: url(../images/about-bg1.jpg);

    height: 663px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#about-twoBox {

    background: url(../images/about-bg2.jpg);

    height: 663px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#about-threeBox {

    background: url(../images/about-bg3.jpg);

    height: 663px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#about-boxTwo {

    background: url(../images/about-bg-1.jpg);

    height: 663px;

    background-attachment: fixed;

    background-position: right center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#about-boxthree {

    background: url(../images/about-bg-2.jpg);

    height: 663px;

    background-attachment: fixed;

    background-position: left center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

.bg-aboutus1 {

    background: url(../images/about-us-bg.jpg) no-repeat;

    height: 655px;

    width: 100%;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

}

section#statsBox {

    margin-top: 70px;

    margin-bottom: 70px;

}

section#news-updates {

    margin-top: 100px;

    margin-bottom: 100px;

}

#statsBox .media-body {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    bottom: inherit;

    left: 59%;

    max-width: 150px;

}

/* sliderxs 
------------------------------------*/
.sliderxs { padding-bottom: 0; margin-bottom: 30px; }
/* slick Dots .sliderxs slider */
.sliderxs .slick-dots { position: absolute; bottom: 0px; right: 0px; left: 0px; display:
 block; padding: 0; margin: 0 auto; border-radius: 3px; list-style: none; text-align:center;  }
.sliderxs .slick-dots li { position: relative; display: inline-block; margin: 0 6px 0 0; 
padding: 0; cursor: pointer; }
.sliderxs .slick-dots li button { font-size: 0; line-height: 0; display: block;
  width: 12px; height: 12px; padding: 0; cursor: pointer; color: transparent;  outline: none; 
  background: #10171f; border:none; border-radius: 200px; }
.sliderxs .slick-dots li.slick-active button { background: #00b9d5; border:none; }
.sliderxs .slick-dots li button:before { display:none; }
.sliderxs .col-lg-2:focus, .sliderxs .col-lg-3:focus, .sliderxs .col-lg-4:focus, .sliderxs .col-lg-6:focus
 { outline:none; }

 .sliderxs > div:focus { outline: none; }



#statsBox .media-body p{font-size:17px;}

#statsBox h4.media-heading {

    font-size: 55px;

    font-weight: bold;

}

section#principles-box {

    margin-bottom: 70px;

}

#statsBox .media {

    position: relative;

}

section#branding-oneBox {

    background: url(../images/branding-bg-1.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#branding-twoBox {

    background: url(../images/branding-bg-2.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#branding-boxtwo {

    background: url(../images/branding-bg1.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#branding-boxthree {

    background: url(../images/branding-bg2.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#branding-boxfour {

    background: url(../images/branding-bg3.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

.bg-brandingBox5{

    background: url(../images/branding-bg4.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position:20%;

    background-repeat: no-repeat;

    background-size: cover;

        }

section#branding-boxfive {    

    position: relative;

}

section#branding-boxsix {

    background: url(../images/branding-bg5.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#branding-boxseven {

    position: relative;

}

.bg-brandingBox7 {

    background: url(../images/branding-bg6.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: 20%;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    width: 100%;

}

nav .button-collapse {
    float: right;
}



.side-nav li.home>a:before, ul.desktop-menu li.home a::before{content: "\f015";font: normal normal normal 18px/1 FontAwesome;color: white;display: none;}



section#apps-boxOne {

    background: url(../images/apps-box1.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#apps-boxTwo {

    background: url(../images/apps-box2.jpg);

    height: 663px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#apps-boxThree {

    background: url(../images/apps-box3.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#apps-boxFour {

    background: url(../images/apps-box4.jpg);

    height: 663px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

.bg-emailmarketing1 {

    background: url(../images/email-marketing-bg.jpg) no-repeat;

    height: 673px;

    width: 100%;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

}



section#content-boxTwo {

    background: url(../images/content-boxtwo.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

.bg-seo1 {

    background: url(../images/seo-bg1.jpg) no-repeat;

background-attachment: fixed;

    height: 673px;

    width: 100%;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

}

section#seo-boxTwo {

    background: url(../images/seo-bg2.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#seo-boxthree {

    background: url(../images/seo-bg3.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

.contentW-bg1 {

    background: url(../images/content-writing-bg1.jpg) no-repeat;

    height: 673px;

    width: 100%;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

}

.intro-section {
    padding-top: 50px;
    padding-bottom: 30px;
}
.wo-ds {
    margin-top: 10px;
}
.intro-section h3 {
text-transform: uppercase;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 3px;
}
.intro-section .wo-ds p {
    padding-top: 14px;
}

section#emailM-boxTwo {

    background: url(../images/emailm-box2.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#emailM-boxthree {

    background: url(../images/emailM-box3.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#emailM-boxfour {

    background: url(../images/emailm-box4.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

section#emailM-boxfive {

    background: url(../images/emailm-box5.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

ul.ul-sq {

    list-style-type: square;

}

section#content-boxthree {

    background: url(../images/content-boxthree.jpg);

    height: 664px;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}

.bg-contact1 {

    background: url(../images/contact-bg-slider.jpg) no-repeat;

    height: 520px;

    width: 100%;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

}

span.right-inver {

    background: url(../images/right-inver.jpg);

    width: 156px;

    height: 126px;

    float: right;

    position: absolute;

    right: 11px;

    top: -6px;

}

span.left-inver {

    background: url(../images/left-inver.jpg);

    width: 156px;

    height: 126px;

    float: right;

    position: absolute;

    left: 11px;

    bottom: 42px;

}

.clients-boxes:hover {

filter: none;

    -webkit-filter: grayscale(0%);

    }

.clients-boxes {

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */

    filter: gray; /* IE6-9 */

    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */

    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */

    -webkit-backface-visibility: hidden; /* Fix for transition flickering */

    position: relative;

    margin-bottom: 30px;

}

.hover-bi p {

    color: #000;

    font-size: 14px;

    margin-top:10px;

}

.hover-bi i.fa {

    background: rgba(255,255,255,0.5);

    margin-right: 15px;

    padding: 10px;

    border-radius: 50%;

    font-size: 20px;

}

.info-clients {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 5%;

    right: 5%;

}

.hover-bi {display:none;}

.clients-boxes>img {

    width: 100%;

}
div.wpcf7-validation-errors {
    background:#f7e700;
    color: #fff !important;
}
div.wpcf7-spam-blocked {
    color: #FFF !important;
    background: #ffa500;
}

.testimonials-bg {

    border: 10px solid #ccc;

    border-radius: 70px;

    padding: 125px 10px 120px 20px;

    margin-bottom: 50px;

}

.bg-testimonials1 {

    background: url(../images/testimonials-bg1.jpg) no-repeat;

    height: 655px;

    width: 100%;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

}

#input-file input#fileuploadfield {

    background-color: #eeeeee;

} 



#form-box div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {

    color: #fff !important;

}

#input-file label {

    position: absolute;

    right: 10px;

    z-index: 9;

    color: #00b9d5;

    font-size: 14px;

    font-weight: normal;

        top: 18px;

}

div#input-file {

    width: 100%;

}

#input-file button.browse.btn {

    z-index: 0;

}

#input-file span.input-group-btn {

    position: absolute;

    left: 0;

}



.bg-clients1 {

    background: url(../images/clients-bg1.jpg) no-repeat;

    height: 673px;

    width: 100%;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

}

.bg-careers1 {

    background: url(../images/careers-bg1.jpg) no-repeat;

    height: 673px;

    width: 100%;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

}

#cu-form .callus {

    background: #efefef;

    border-left: 1px solid #00b9d5;

}

#cu-form i.fa {

    color: #fff;

    padding: 4px;

    margin-top: 5px;

}

#cu-form .fa-facebook {

    background: #075cc4;

}

#cu-form .fa-google-plus {

    background: #e50c35;

}

#cu-form .fa-youtube {

    background: #ec0000;

}

#cu-form .fa-twitter {

    background: #00a8ff;

}

span.wpcf7-list-item {

    width: 24%;

    float: left;

}

input.wpcf7-form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 15px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

#cu-form .input-group-btn button, #cu-form .form-group input, #cu-form .form-group select {

    border-radius: 0px;

    height: 40px;

    border-color: #dcd7d7;

}

.wpcf7-submit.btn.btn-default, #cu-form button.btn.btn-default {

    background: #00b9d5;

    color: #fff;

    width: 200px;

    border-radius: 0px;

    border: 0px;

    text-transform: uppercase;

    height: 40px;

}

div#cu-form {

    margin-top: 50px;

    display: inline-block;

    width: 100%;

}

#cu-form .emailC {

    background: #f5f5f5;

    border-left: 1px solid #00b9d5;

}

#cu-form .socialC {

    background: #efefef;

    border-left: 1px solid #00b9d5;

}

#cu-form h4.media-heading {

    font-size: 18px;

}

#cu-form h4.media-heading {

    margin-top: 10px;

}

#contactOne {

    width: 100%;

    float: left;

    margin-top: 50px;

    margin-bottom: 100px;

}

#contactOne .media {

    margin-top: 40px;

    max-width: 300px;

    margin: 0 auto;

    padding-top: 40px;

    padding-bottom: 23px;

}

#cu-form h4.media-heading {

    margin-top: 7px;

    font-size: 18px;

    color: #616161;

}

.height-100 {

    height: 100px;

}

.height-200 {

    height: 200px;

}

.checkbox-area {

    padding: 10px;

    background: #f7f7f7;

    display: inline-block;

    margin-bottom: 20px;

}

input[type="checkbox"] {

    margin-right: 5px;

    position: initial !important;

    opacity: inherit !important;

}

#cu-form .form-horizontal .form-group {

    margin-right: 0;

    margin-left: 0;

}

.row {

    margin-bottom: 2px;

}


.mb-0 { margin-bottom: 0px;  }

/****** ADD BY ADNAN (9-12-2016) ******/
.collapsible .collapsible-header{font-size:20px}
.collapsible .collapsible-body p{font-size:16px; padding:1em; color:#333;}
.job-detail{display:inline-block; width:100%; list-style:none; margin:0 0 30px; padding:0 15px;}
.job-detail li{float:left; border-bottom:1px solid #ccc; line-height:40px}
.job-detail .detail-column-one{width:30%; font-weight:bold}
.job-detail .detail-column-two{width:65%}
.sent #input-file label{top:20px}




/* MEDIA QUERY */

@keyframes movesam {50% {transform: translateY(-30px);}100% {transform: translateY(0);}}

@keyframes move {50% {transform: translateY(-30px);}100% {transform: translateY(0);}}



@keyframes "blink" {

  from, to {

    color: transparent;

  }

  50% {

    color: black;

  }

}



@-moz-keyframes blink {

  from, to {

    color: transparent;

  }

  50% {

    color: #00b9d5;

  }

}



@-webkit-keyframes "blink" {

  from, to {

    color: transparent;

  }

  50% {

    color: #00b9d5;

  }

}



@-ms-keyframes "blink" {

  from, to {

    color: transparent;

  }

  50% {

    color: #00b9d5;

  }

}



@-o-keyframes "blink" {

  from, to {

    color: transparent;

  }

  50% {

    color: #00b9d5;

  }

}

@media (min-width: 1903px) {

#socialArea .container {

    width: 1903px !important;

}

}

@media (min-width: 1600px) {

    .home-slider.carousel.carousel-slider {

    height: 750px !important;

}

.carousel-caption h4 {

    font-size: 50px;

}

.carousel-caption h5 {

    font-size: 40px;

}

}

@media (min-width: 1500px) {

.container {

    width: 1500px;

}

}



@media (min-width:1400px) and (max-width: 1599px) {

    .home-slider.carousel.carousel-slider {

    height: 750px !important;

}

section#about-boxthree {

    background-position: 53%;

    background-size: inherit;

}

    section#about-boxTwo {

    background-position: 77%;

    background-size: inherit;

}



    .carousel-caption h4 {

    font-size: 30px;

}

    p {

    font-size: 16px;

}

.carousel-caption h5 {

    font-size: 30px;

}

}

@media (min-width:992px) and (max-width: 1399px) {

    .bt-sec-bx h4 {

    font-size: 42px;

    }

    .hover-bi p {

    font-size: 11px;

}

    .info-clients img {

    width: 50%;

    max-width: 100%;

}

}



@media (min-width:1200px) and (max-width: 1399px) {

    #servicesBox p {

    font-size: 14px;

    font-weight: 300;

}

    section#about-boxthree {

    background-position: 22%;

    background-size: inherit;

}

    section#about-boxTwo {

    background-position: 77%;

    background-size: inherit;

}

    #statsBox .media img {

    width: 78%;

}



    .carousel-caption h4 {

    font-size: 30px;

}

}



@media (max-width:1199px) and (min-width: 992px) {

    nav ul a {

    padding: 0 10px;

}

    .home-slider.carousel.carousel-slider {

    height: 600px !important;

}

    

    .bt-sec-bx h4 {

    font-size: 40px;

}

.bt-sec-bx h3 {

    font-size: 46px;

}

.bg-slider1 {

    height: 650px;

}







    section#about-boxTwo {

    background-position: 77%;

    background-size: inherit;

}

    section#about-boxthree {

    background-position: 22%;

    background-size: inherit;

}

    #statsBox .media img {

    width: 66%;

    }

        .carousel-caption h4 {

    font-size: 30px;

    }

    .bt-sec-bx h3 {

    font-size: 56px;

    }

    .navbar-default .navbar-nav>li>a {

    font-size: 13px;

    padding-right: 8px;

    padding-left: 8px;

    }

}



@media (min-width:770px) and (max-width: 991px) {

    .home-slider.carousel.carousel-slider {

    height: 600px !important;

}

    .bg-aboutus1 {

    height: 455px;

    }

    .wo-ds p {

    font-size: 17px;

}

    section#about-boxTwo {

    background-position: 77%;

    background-size: inherit;

}

    section#about-boxthree {

    background-position: 22%;

    background-size: inherit;

}

        .carousel-caption h4 {

    font-size: 30px;

}

    #clientsLogo h2 {

  font-size: 43px;

    }



    .cubeslider {

    bottom: 0;

    left: 40%;

}

    .bg-slider1 {

    height: 550px;

    }

        .carousel-caption h4 {

    font-size: 40px;

}

.navbar-default .navbar-nav>li>a {

    font-size: 11px;

    padding: 10px 2px 18px 2px;

}

}



@media screen and (max-width: 991px){
    nav .button-collapse {
    height: 40px;
    margin-top: 15px;
}
nav .button-collapse i {
    height: 40px;
    line-height: 40px;
}
    section#footer-menu { display: none; }


    .ec-area-bx p {

    color: #fff;

    }

    .bg-for-ipad button.btn.darkbg:hover {

    background: transparent;

    color: #fff;

    border: 1px solid #fff;

}

    .container {

    width: 98%;

}

.ta-req .pre-img-left {

    right: 0;

}

.ta-req .pre-img-right {

    left: 0;

}

.pre-img-right.appTwo {

    left: 0;

}

.bg-for-ipad {

    background: rgba(0,0,0,0.8);

    padding: 15px;

    color: #fff;

}

    .fm-bse{display:none;}

    .active .fm-bse{display:block;}

    

    .footer-title:before {

    content: "\f078";

    font: normal normal normal 14px/1 FontAwesome;

    position: absolute;

    right: 20px;

    top: 23px;

    cursor: pointer;

    display: block;

    transform: rotate(-90deg);

    transition: all .3s;

}

    }

@media screen and (min-width: 992px) { 



#cu-form .callus {

    margin-left: 20px;

}

#cu-form .emailC {

    margin-left: 20px;

}

#cu-form .socialC {

    margin-left: 20px;

}



.bg-for-ipad.left-center {

    width: 37%;

    left: 0;

}

.bg-for-ipad.right-center {      width: 37%;  left: 51%;}

.carousel-caption h4 {

    font-size: 50px;

}

.home-slider .carousel-caption h4.hd-style {
    position: relative;
    padding-bottom: 25px; 
    margin-bottom: 40px;
}

.home-slider .carousel-caption h4.hd-style:before {
    position: absolute;
    content: "";
    width: 200px; height: 2px;
    background-color: white;
    left: 0px; right: 0px;
    margin: auto;
    bottom: 0px;

}





.carousel-caption h6 {

    font-size: 25px;

}
.carousel-caption ul {
    display: table;
    margin: 20px auto 0 auto;
    text-align: left;
}
.carousel-caption p {

    color: white;

}

.carousel-caption ul li {
    list-style-type: disc;
    font-size: 18px;
    float: left;
    margin: 5px 20px;
}


}


@media (max-width:770px){
    .blog-content {
    text-align: center;
}

    #boxOne p {

    font-size: 16px;

}

    .media-left, .media > .pull-left {

    padding-right: 8px;

    padding-left: 8px;

}

    .cubeslider img {

    width: 300px !important;

    height: 300px !important;

}

    p {

    font-size: 14px;

    }

    h5 {

    font-size: 15px;

    }

    

    button.btn.darkbg {

    width: auto;

}

     div.carousel {

    height: 500px !important;

}

    .info-clients img {

    width: 63%;

}

    .hover-bi {

    display: none !important;

}



    #bg-dark .item {

    height: 320px !important;

}

    .carousel-caption h6 {

    font-size: 20px;

}

    #form-box h2 {

    margin-top: 20px;

    margin-bottom: 30px;

    font-size: 30px;

}



    .bg-ecommerce1 {

    height: 420px;

    }

    section#branding-boxtwo {

    height: 440px;

    }

    section#branding-boxthree {

    height: 440px;

    }

    section#branding-boxfour {

    height: 440px;

    }

    section#branding-boxfive, .bg-brandingBox5 {

    height: 440px;

    }

    section#branding-boxsix {

    height: 440px;

    }

    section#branding-boxseven, .bg-brandingBox7{

    height: 440px;

    }

    h4 {

    font-size: 26px;

}

    .carousel-caption h5 {

    color: #fff;

    line-height: 24px;

    font-size: 20px;

}

h3 {

    font-size: 25px;

    font-weight: 300;

}

section#statsBox {

    margin-top: 50px;

    margin-bottom: 50px;

}

section#news-updates {

    margin-top: 10px;

    margin-bottom: 10px;

}

section#about-boxthree {

    height: 263px;

}

#boxOne {

    margin-top: 20px;

    margin-bottom: 20px;

}

.bg-aboutus1 {

    height: 350px;

    background-position: right center;

}

section#about-boxTwo {

    background-position: 77%;

    background-size: contain;

    height: 250px;

}

    section#about-boxthree {

    background-position: 22%;

    background-size: contain;

}

        .carousel-caption h4 {

    font-size: 22px;

}

    .wo-ds h4 {

    border-right: 0;

    text-align: center;

    float: initial;

    border-bottom: 3px solid #00b9d5;

}

.wo-ds p {

    text-align: center;

}

    .footer-title:before {

    top: 7px;

    }

#servicesBox .media-body {

    position: inherit;

    width: 100%;

    transform: inherit;

    left: inherit;

    text-align: center;

}

#servicesBox .media-object {

    text-align: center;

    float: initial;

    width: 304px;

    margin: 0 auto;

    margin-bottom: 20px;

}



#servicesBox .media:hover {

    background: rgb(7, 129, 196);

}

#servicesBox .media>.pull-left {

    width: 100%;

    float: initial !important;

    display: block;

    margin: 0 auto;

}

.iyrc-box h2 {

    font-weight: 200;

    font-size: 35px;

    margin-top: 0;

    margin-bottom: 0.5px;

}

.cubeslider {

    bottom: 0;

    right: 0;

    left: inherit;

}

#revenueCycle p {

    font-size: 14px;

    margin-bottom: 8px;

}



    .down-arrow{bottom:50px;}



    .carousel-inner .item div:first-child {

    height: 550px;

    }

    .carousel-caption h4 {

    font-size: 30px;

}

nav.navbar.navbar-default {

    min-height: 0;

    margin-bottom: 0;

}

.navbar-header {

    position: fixed;

    right: 0;

    top: 11px;

}

div#bs-example-navbar-collapse-1 {

    margin-top: 10px;

}

    }



@media (min-width: 771px) {
    .blog-content img.thumb-img {
    height: 150px;
}

    .home-slider.carousel.carousel-slider {

    height: 550px !important;

}

    ul.nav.navbar-nav {

    float: right !important;

}

.navbar-nav>li {

    margin: 0 5px;

}



    nav.navbar.navbar-default {

    margin-bottom: 0px;

    margin-top: 10px;

}



.navbar-nav {

    float: right;

    margin: 0;

}



}

@media (max-width:600px) and (min-width:479px){

    .bt-sec-bx h4 {

    font-size: 38px;

    }

    bt-sec-bx h3, span.typed-cursor { 

    font-size: 46px;

    }



}

@media (max-width:480px){

nav {

    height: 75px !important;

}

.brand-logo img {
    width: 60%;
    float: none;
}

    .cubeslider {

    height: 300px;

}

    #servicesBox .media-object {

    width: 100%;

}

    .bt-sec-bx h4 {

    font-size: 22px;

    }

    bt-sec-bx h3, span.typed-cursor { 

    font-size: 46px;

    }

    .home-slider.carousel.carousel-slider {

    height: 450px !important;

}

     div.carousel {

    height: 400px !important;

}

    #clientsLogo h2 {

    font-size: 30px;

}

    .bt-sec-bx p {

    font-size: 18px;

    margin-top: 20px;

        margin-bottom: 20px;

}

span.typed-cursor {

    font-size: 27px;

    line-height: 55px;

}

.bt-sec-bx h3 {

    font-size: 27px;

    height: 30px;

}

    h4 {

    font-size: 27px;

}

    .carousel-inner .item div:first-child {

    height: 450px;

    }

    #bg-top img {

    width: 70%;

}

    section#about-boxTwo {

    background-position: 77%;

    background-size: contain;

    height: 108px;

    background-attachment: inherit;

}

    section#statsBox {

    margin-top: 20px;

    margin-bottom: 20px;

}

    section#principles-box {

    margin-bottom: 20px;

}

    section#about-boxthree {

    /* background-position: 22%; */

    background-size: contain;

    background-attachment: inherit;

    height: 111px;

}

    #statsBox h4.media-heading {

    font-size: 50px;

}

    #statsBox .media-body p {

    font-size: 13px;

}

    #statsBox img.media-object {

    width: 73%;

}

    p.copy-rights-bx {

    margin-top: 5px;

    font-size: 13px;

}

        .carousel-caption h4 {

    font-size: 20px;

}

    .carousel-caption h4 {

    font-size: 28px;

}

h2.uwb {

    font-size: 30px;

    font-weight: 300

}

.border-f-br {right:0;}

.border-f-lr {left:0;}

#boxOne h4.media-heading{font-size:18px;}



.iyrc-box h2 {

    font-size: 30px;

}




/*.home-icons img {

    width: 47%;

}*/

#bg-dark .item {

    height: 189px !important;

}

section#copyRights img {

    max-width: 100%;

}

     }

     




     @media (max-width:400px){

         .cubeslider img {

    width: 250px !important;

    height: 250px !important;

}

        

         .col-xx-12{width:100%}

     }

.logo-mobile  {
    padding: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #5d5d5d;
}
.logo-mobile a { height: initial;line-height: inherit; }

@media only screen and (min-width: 991px) {
    .logo-mobile { display: none; }
 }
 @media only screen and (max-width: 991px) {
    .logo-mobile {display: block;text-align: center;}
 }

 @media only screen and (max-width: 767px) {
   
    header { position: fixed; }
    .carousel-caption p {
    color: white;
}
    h2 { font-size: 2.5rem; }
    .sliderxs { padding-bottom: 30px; }
.hide-mobile { display: none; }
p.copy-rights-bx { float: none; text-align: center; }
}

@media only screen and (max-width: 992px) {
nav .brand-logo {
    left: initial;
    -webkit-transform: initial;
    transform: initial;
}
}