body{ 
   font-size: 17px;
   color: rgb(78, 75, 75);
   font-family:'Roboto',Arial,Helvetica,sans-serif;
   overflow-x: hidden;
}
h1{
   line-height: 1.3;
}
.wrapper{
   padding-bottom: 4em;
   padding-top: 4em;
}
.wrapper ul li{
   list-style-type: square;
}
a {
   color: #0385b3;
   text-decoration: none;
}
a:hover{
   text-decoration:underline;
   color:#0385b3;
}
.glyphicon{
   color: #29384e;
}
hr {
   border-top: 1px solid rgb(41, 56, 78);
   box-shadow: 0px 1px #f58834;
}
.home_services hr{
   border-top:1px solid #ebebed;
   box-shadow:none;
}
h3{
   font-size: 20px;
   line-height: 1.42857143;
}
h4{
   font-size: 20px;
   text-shadow: 1px 1px 4px #000;
}
.info-text{
   color:#FFF;
   /*background-color: rgba(41, 56, 78, 0.75);*/ 
   background-color: #79818f; 
   padding: 5% 0 5% 0;
}
.info-text a{
   color:#FFFFFF;
}
.section-3{
   background:rgba(41, 56, 78, 0.1);
   box-shadow: 0px 0px 5px rgb(53, 73, 96);
}
.section-3 h2,.bot-line{
   text-shadow:none;
}
.web-includes .col-md-2{
   background-color: #FFFFFF;
   margin: 11px;
   border-radius: 3px;
   -moz-transition: all 0.3s ease-out;
   -webkit-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
   box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.2);
   height: 120px;
   padding-top:30px;
}

/*
Contct us
*/
.contact-us {
   padding: 40px;
   background-color: #ffffff;
   box-shadow: -2px 40px 34px -24px rgba(0, 0, 0, 0.2);
   /*border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;*/
   border: solid 2px #29384e;
}

.contact-us-detail {
   position: absolute;
   top: -4%;
   background-color: #29384e;
   padding: 10px 20px;
   border-radius: 5px;
   font-weight: 600;
}

.contact-us-detail:hover {
   background-color: #f58834;
}

.contact-us-detail a {
   color: #ffffff;
}

.contact-us-detail a:hover {
   color: #ffffff;
}

.form-group {
   margin-bottom: 25px;
}

.form-control {
   border: 2px solid transparent;
   height: 50px;
   border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;
   -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
   -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
   -ms-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
   -o-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
   -webkit-transition:all 150ms ease-in-out 0s;
   -moz-transition:all 150ms ease-in-out 0s;
   -ms-transition:all 150ms ease-in-out 0s;
   -o-transition:all 150ms ease-in-out 0s;
   transition:all 150ms ease-in-out 0s;
}
.form-control:focus {
   border-color: #29384e;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   -ms-box-shadow: none;
   -o-box-shadow: none;
   box-shadow: none;
}

.form-control:focus {
   border-color: #29384e;
   border-width: 2px;
}

textarea {
   resize: none;
}
/*End*/
/*
* Services
*/
.row-flex, .row-flex > div[class*='col-'] {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   flex:1 1 auto;
}
.row-flex-wrap {
   -webkit-flex-flow: row wrap;
   align-content: flex-start;
   flex:0;
}
.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
   margin:-.2px; /* hack adjust for wrapping */
}
.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
   width:100%;
}
.flex-col {
   display: flex;
   display: -webkit-flex;
   flex: 1 100%;
   flex-flow: column nowrap;
}
.flex-grow {
   display: flex;
   -webkit-flex: 2;
   flex: 2;
}
.panel i{
   font-size: 60px;
}
/*END*/

/*animated svg
/*header animation*/
#svg4526 .aayu-path {
   opacity: 0;
   -o-animation: wifianimation 3s infinite;
   -moz-animation: wifianimation 3s infinite;
   -webkit-animation: wifianimation 3s infinite;
   animation: wifianimation 3s infinite;
}
#svg4526 .aayu-path#path48218{
   -o-animation-delay: 800ms;
   -moz-animation-delay: 800ms;
   -webkit-animation-delay: 800ms;
   animation-delay: 800ms;
}
#svg4526 .aayu-path#path48210 {
   -o-animation-delay: 400ms;
   -moz-animation-delay: 400ms;
   -webkit-animation-delay: 400ms;
   animation-delay: 400ms;
}
@-o-keyframes wifianimation {
   0% {opacity: 1;}
   5% {opactiy: 1;}
   6% {opactiy: 0.1;}
   100% {opactiy: 0.1;}
}
@-moz-keyframes wifianimation {
   0% {opacity: 1;}
   5% {opactiy: 1;}
   6% {opactiy: 0.1;}
   100% {opactiy: 0.1;}
}
@-webkit-keyframes wifianimation {
   0% {opacity: 1;}
   5% {opactiy: 1;}
   6% {opactiy: 0.1;}
   100% {opactiy: 0.1;}
}
/*
headers
*/
/*home-page service icon*/
.gear1 {
   -webkit-animation: rotation 5s infinite linear;
   -moz-animation: rotation 5s infinite linear;
   -o-animation: rotation 5s infinite linear;
   animation: rotation 5s infinite linear;
   transform-origin: 0px 42px;
   -webkit-transform-origin: 0px 42px;
   -moz-transform-origin: 0px 42px;
}
@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to   {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to   {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to   {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to   {transform: rotate(359deg);}
}
.gear3 {
   -webkit-animation: rotation 5s infinite linear;
   -moz-animation: rotation 5s infinite linear;
   -o-animation: rotation 5s infinite linear;
   animation: rotation 5s infinite linear;
   transform-origin: -15px 10px;
   -webkit-transform-origin: -15px 10px;
   -moz-transform-origin:-15px 10px;
}
@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to   {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to   {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to   {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to   {transform: rotate(359deg);}
}
.gear2 {
   -webkit-animation: reverse-rotation 5s infinite linear;
   -moz-animation: reverse-rotation 5s infinite linear;
   -o-animation: reverse-rotation 5s infinite linear;
   animation: reverse-rotation 5s infinite linear;
   transform-origin: -30px 5px;
   -webkit-transform-origin: -30px 5px;
   -moz-transform-origin: -30px 5px;
}

@-webkit-keyframes reverse-rotation {
   from {-webkit-transform: rotate(0deg);}
   to   {-webkit-transform: rotate(-359deg);}
}
@-moz-keyframes reverse-rotation {
   from {-moz-transform: rotate(0deg);}
   to   {-moz-transform: rotate(-359deg);}
}
@-o-keyframes reverse-rotation {
   from {-o-transform: rotate(0deg);}
   to   {-o-transform: rotate(-359deg);}
}
@keyframes reverse-rotation {
   from {transform: rotate(0deg);}
   to   {transform: rotate(-359deg);}
}
/*home-page end*/
/*about-page-choose-us-icon*/
#path20 {
   -webkit-animation: updown-hand 2s infinite linear;
   -moz-animation: updown-hand 2s infinite linear;
   -o-animation: updown-hand 2s infinite linear;
   animation: updown-hand 2s infinite linear;
}

#rect4{
   animation-timing-function: ease-in-out;
   animation-fill-mode: forwards;
   animation: fill-box-color 2s infinite linear;
}
@keyframes fill-box-color{
   0%{fill:none;}
   40%{fill:#f58834; fill-opacity:0.7}
   50%{fill:#f58834; fill-opacity:1}
   60% {fill:#f58834;fill-opacity:0.8}
   70% {fill:#f58834;fill-opacity:0.6}
   100% {fill:none;}
}
@-webkit-keyframes  updown-hand {
   0% {  -webkit-transform: translateY(0px);}
   50%  {  -webkit-transform: translateY(-20px);}
   100%  {  -webkit-transform: translateY(0px);}
}
@-moz-keyframes  updown-hand {
   0% {  -moz-transform: translateY(0px);}
   50%  {  -moz-transform: translateY(-20px);}
   100%  {  -moz-transform: translateY(0px);}
}
@-o-keyframes  updown-hand {
   0%{-o-transform: translateY(0px);}
   50% {-o-transform: translateY(-20px);}
   100% {-o-transform: translateY(0px);}
}
@keyframes  updown-hand {
   0%{transform:  translateY(0px);}
   50% {transform:  translateY(-20px);}
   100% {transform:  translateY(0px);}
}
/*about-page-end*/
/*service-page-printing-icon*/
.paper-up {
   -webkit-animation: paper-up 2s infinite linear;
   -moz-animation: paper-up 2s infinite linear;
   -o-animation: paper-up 2s infinite linear;
   animation: paper-up 2s infinite linear;
}

.paper-down {
   opacity:0;
   -webkit-animation: paper-down 2s infinite linear;
   -moz-animation: paper-down 2s infinite linear;
   -o-animation: paper-down 2s infinite linear;
   animation: paper-down 2s infinite linear;
}

@-webkit-keyframes  paper-up {
   0% {  -webkit-transform: translateY(0px);opacity:1;}
   50%  {  -webkit-transform: translateY(-10px);opacity:1;}
   100%  {  -webkit-transform: translateY(-10px);opacity:0;}
}
@-moz-keyframes  paper-up {
   0% {  -moz-transform: translateY(0px);opacity:1;}
   50%  {  -moz-transform: translateY(-10px);opacity:1;}
   100%  {  -moz-transform: translateY(-10px);opacity:0;}
}
@-o-keyframes  paper-up {
   0%{-o-transform: translateY(0px);opacity:1;}
   50% {-o-transform: translateY(-10px);opacity:1;}
   100% {-o-transform: translateY(-10px);opacity:0;}
}
@keyframes  paper-up {
   0%{transform:  translateY(0px);opacity:1;}
   50% {transform:  translateY(-10px);opacity:1;}
   100% {transform:  translateY(-10px);opacity:0;}
}

@-webkit-keyframes  paper-down {
   0% {  -webkit-transform: translateY(0px);opacity:1;}
   50%  {  -webkit-transform: translateY(-30px);opacity:1;}
   70%  {  -webkit-transform: translateY(-30px);opacity:1;}
   100%  {  -webkit-transform: translateY(-30px);opacity:0;}
}
@-moz-keyframes  paper-down {
   0% {  -moz-transform: translateY(0px);}
   50%  {  -moz-transform: translateY(-30px);opacity:1;}
   70%  {  -moz-transform: translateY(-30px);opacity:1;}
   100%  {  -moz-transform: translateY(-30px);opacity:0;}
}
@-o-keyframes  paper-down {
   0%{-o-transform: translateY(0px);}
   50% {-o-transform: translateY(-30px);opacity:1;}
   70% {-o-transform: translateY(-30px);opacity:1;}
   100% {-o-transform: translateY(-30px);opacity:0;}
}
@keyframes  paper-down {
   0%{transform:  translateY(0px);}
   50% {transform:  translateY(-30px);opacity:1;}
   70% {transform:  translateY(-30px);opacity:1;}
   100% {transform:  translateY(-30px);opacity:0;}
}
/*service-page-printing-icon-end*/
/*
end
*/
.home_bg{
   background-color: #29384e;
   background-image: url('../../inc/img/home/test567.png');
   background-position: center;
   background-size: cover;
   -webkit-background-size: cover;
   background-repeat: no-repeat;
   color:#FFFFFF;
}
.contact_bg{
   /*background-image: url('../../inc/img/contact/contact-us.jpg');*/
   background-image: url('../../inc/img/contact/contct-home-section-1-test.png');
}
.about_bg{
   /*background-image: url('../../inc/img/about/about-us.jpg');*/
   background-image: url('../../inc/img/about/about-home-section-1.png');
}
.expertise_bg{
   /*background-image: url('../../inc/img/expertise/expertise-webaayu.jpg');*/
   background-image: url('../../inc/img/expertise/expertise-home-section-1-test-2.png');
}
.blog_bg{
   background-image: url('../../inc/img/blog/blog-bg.png');
}
.home_bg .container{
   padding-bottom: 18%;
   padding-top: 18%;
}

.contact_bg,.about_bg,.expertise_bg,.blog_bg{
   background-color: #29384e;
   background-position: center;
   background-size: cover;
   -webkit-background-size: cover;
   background-repeat: no-repeat;
   color: #FFFFFF;
   padding: 10% 30px 10% 4rem;
}
.pad-top-20{
   padding-top: 20px;
}
.pad-top-40{
   padding-top: 40px;
}
.pad-bot-5{
   padding-bottom: 5px;  
}
.pad-bot-10{
   padding-bottom: 10px;  
}
.pad-bot-40{
   padding-bottom: 40px;
}
.mrg-bot-20{
   margin-bottom: 20px;
}
.mrg-top-20{
   margin-top: 20px;
}
.intro-text{
   font-size: 28px; 
   text-shadow: 1px 1px 4px #000;
}
.intro-txt-2{font-size: 28px; text-shadow:none;}
/*
navbar
*/
.navbar-default a,.nav-top a, .nav-down a {
   -webkit-transition: all .5s ease-in-out;
   transition: all .5s ease-in-out;
}    
.navbar{
   margin-bottom: 0;
}
/*navigation*/
nav ul li a{
   font-size: 16px;
}
.navbar-toggle{
   margin-top: 40px;
   margin-bottom: 20px
}
/*toggle effect mobile nav*/
.navbar-toggle .icon-bar:nth-of-type(2) {
   top: 1px;
}
.navbar-toggle .icon-bar:nth-of-type(3) {
  	top: 2px;
}
.navbar-toggle .icon-bar {
   position: relative;
   transition: all 500ms ease-in-out;
}
.navbar-toggle.active .icon-bar:nth-of-type(1) {
   top: 6px;
   transform: rotate(45deg);
}
.navbar-toggle.active .icon-bar:nth-of-type(2) {
   background-color: transparent !important;
}
.navbar-toggle.active .icon-bar:nth-of-type(3) {
   top: -6px;
   transform: rotate(-45deg);
}
/*end*/
.navbar-brand {
   padding: 5px 0px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
   background:none;
   /*color: #0385b3;*/
   color: #f58834;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
   background:none;
   /*color: #0385b3;*/
   color: #f58834;
   outline: 0;
}
.navbar-default .navbar-toggle .icon-bar{
   background-color: #f58834;
}
.navbar-default .navbar-toggle,.navbar-default .navbar-collapse, .navbar-default .navbar-form {
   border-color: #FFFFFF;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
   background-color: transparent;
   outline: 0;
}
.navbar-default{
   top: -100px;
   -webkit-transition: all .8s ease-in-out;
   transition: all .8s ease-in-out;
}
.affix {
   position: fixed;
   top: 0;
   width: 100%;
   -webkit-transition: all .8s ease-in-out;
   transition: all .8s ease-in-out;
   box-shadow: 2px 2px 2px rgba(203, 178, 178, 0.8);
}
.navigation{
   min-height:95px;
}
/*Navigation End*/
/*Media query*/
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
   h2{
      font-size:24px;
      text-shadow: 1px 1px 4px #000;
   }
   h1{
      font-size:28px;
      text-shadow: 1px 1px 4px #000;
   }
   .footer{
      background-color: #29384e;
      font-size: 14px;
      color: #FFFFFF;
      padding: 20px 0px 20px 0px;
   }
   .footer i{
      font-size:22px;
   }
   .footer a{
      color:#f58834;
      text-decoration: none;
   }
   .footer a:hover{
      color:#FFFFFF;
      text-decoration: underline;
   }
   .navbar-default .logo a, .navbar-default .logo a:hover,.nav-down .logo a, .nav-down .logo a:hover, .nav-top .logo a, .nav-top .logo a:hover{
      color:#FFFFFF !important;
      text-decoration: none;
   }
   /*navigation*/
   .navbar-default{
      padding-bottom: 0px;
      z-index: 1;
   }
   .navigation .navbar-default{
      background-color: #29384e;
   }
   .navbar-default .navbar-nav>li>a{
      color: #FFFFFF;
   }
   a.navbar-brand {
      padding-left: 5px;
      padding-top: 10px;
   }
   .nav-down .navbar-nav>li>a{
      color:#FFFFFF;
   }
   .nav-top .navbar-nav>li>a{
      color:#FFF;
   }
   .nav{
      padding-top: 5px;
   }
   /*home*/
   .section{
      border-bottom: 1px solid #e6e6e6;
   }
   .section4{
      padding:1em; 
   }
   .home_services{
      background-color:#FFFFFF;
      margin-bottom: 10px;
      padding: 15px;
      border-radius: 3px;
      -moz-transition: all 0.3s ease-out;
      -webkit-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
   }
   .home_services a{
      color:#212121;
   }
   .home_services:hover {
      background-color: rgba(255, 255, 255, 0);
      transform: translateY(-10px);
      box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
   }
   .home_service_hover{
      /*color:#0385b3 !important;*/
      color:#29384e !important;
      -moz-transition: all 0.3s ease-out;
      -webkit-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      transform: scale(1.5);
   }
   .home_services i{
      font-size: 60px;
      color:#78808f;
   }
   .btn-default {
      color: #212121;
      background-color: #fff;
      border-color: #212121;
      padding:12px 30px;
      border-radius: 0px;
      -webkit-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
   }
   .btn-default:hover, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover,
   .home_service_btn a,.home_service_btn:hover,.home_service_btn a:hover{
      color: #fff;
      background-color: #f58834;
      border-color: #29384e;
      box-shadow: inset 0 0 0 25px #f58834;
   }
   /*end*/
   /*utiltiy*/
   .padbot20{
      padding-bottom: 20px;
   }
   .padtop30{
      padding-top: 4rem;
   }
   .padbot30{
      padding-bottom: 4rem;
   }
   .pad-top-10{
      padding-top: 10px;
   }
   .pad-bot-10{
      padding-bottom: 10px;  
   }
   .margtopbot5{
      margin:5% 0 5% 0;
   }
   .rw-words span{
      width: 94%;
   }
   .no-padding-left {
      padding-left: 0px;
      padding-right: 0px;
   }
   .logo{
      margin-top: 30px;
      padding-left: 5px;
      font-size: 20px;
      line-height: 1;
      float: left;
      text-align: center;
      font-family: 'Lato', sans-serif;
      width: 115px;
      margin-bottom: 15px;
   }
   .logo h4{
      font-size: 22px;
      line-height: 0.5;
   }
   .logo h2{
      font-size: 20px;
      line-height: 0.1;
   }
   .contact_bg,.about_bg,.expertise_bg,.blog_bg{
      padding: 20% 30px 20% 4rem;
   }
}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
   .footer{
      font-size: 15px;
   }
   .contact_bg,.about_bg,.expertise_bg,.blog_bg{
      padding: 15% 30px 15% 15px;
   }
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

   a.navbar-brand {
      padding-left: 0px;
   }
   h2{font-size: 24px;}
   h1{font-size: 32px;}


   .rw-words span{width: 98%;}
   .no-padding-left {
      padding-left: 0px;
      padding-right: 15px;
   }
   .nav{
      padding-top: 35px;
   }
   .contact_bg,.about_bg,.expertise_bg,.blog_bg{
      padding: 15% 30px 15% 4rem;
   }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
   .navbar-default .navbar-nav>li>a{
      font-size: 16px;
      padding-right: 5px;
   }
   h2{font-size: 28px;}
   h1{font-size: 38px;}
   .footer .icon{text-align: left;}
   .copy-text{text-align: right;}

   .section4{
      padding:5em; 
   }
   .contact_bg,.about_bg,.expertise_bg{
      padding: 10% 30px 10% 4rem;
   }
   .blog_bg{
      padding: 7% 30px 7% 4rem;
   }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
   .navbar-default .navbar-nav>li>a{
      color:#FFF;
      font-size: 20px;
      padding-right: 10px;
   }
   .section4{
      padding:5em; 
   }
}
/*redo*/
.service-icon{
   font-size: 50px;
}
.bot-line:before {
   content: "";
   border-left: 3px solid #f58834;
   padding-right: 10px;
}

/*
*Blog
*/
.blog-detail h1,.related_posts h2,.blog_row h2{
      text-shadow:none;
}
.blog-detail h1{
   font-size: 28px;
}
.related_posts h2,.blog_row h2{
   font-size: 22px;
}