/*External CSS*/
.font10 {
   font-size: 10px;
}

.font11 {
   font-size: 1px;
}

.font12 {
   font-size: 12px;
}

.font13 {
   font-size: 13px;
}

.font15 {
   font-size: 15px;
}

.font16 {
   font-size: 16px;
}

.font17 {
   font-size: 17px;
}

.font18 {
   font-size: 18px;
}

.font19 {
   font-size: 19px;
}

.font20 {
   font-size: 20px;
}

.text-white {
   color: #fff;
}

.text-black {
   color: #000;
}

.bg-white {
   background: #fff;
}

section .page-header {
   margin-top: 10px;
}

.btn-orange {
   background: #e27226;
   color: #fff;
   border-radius: 0;
}

   .btn-orange:hover {
      background: #fac613;
      color: #fff;
   }
/*External CSS End*/
* {
   font-family: 'Open Sans', sans-serif;
}

.navbar-default {
   background: none;
   border: none;
   border-bottom: 5px solid #e7e7e7;
   box-shadow: none;
   margin-bottom: 0;
}

.navbar-header a {
   height: auto;
   padding: 15px 15px 0;
}

.navbar-nav > li > a {
   transition: all .3s;
   border-bottom: 5px solid #e7e7e7;
   position: relative;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li.dropdown.open > a, .navbar-nav > li:hover > a, .navbar-nav > li .dropdown-menu li a:hover, .navbar-nav > li .dropdown-menu li.active a {
   border-color: #e27226;
   color: #e27226;
   background: none;
}


.navbar-nav > li .dropdown-menu li a {
   transition: all .3s;
   border-bottom: 1px solid #ccc;
   padding: 7px;
}

@media screen and (min-width:768px) {
   .navbar-nav > li .dropdown-menu {
      margin-top: 3px;
      padding: 0;
   }

      .navbar-nav > li .dropdown-menu li a:hover, .navbar-nav > li .dropdown-menu li.active a {
         padding: 7px 7px 7px 12px;
         background: #fff;
      }


   .navbar-nav > li:hover ul {
      display: block;
   }

   .navbar-nav > li > a {
      padding: 20px 15px 5px;
      font-size: 16px;
      height: 60px;
      margin: 0 5px;
      bottom: -5px;
   }

   .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-nav > li:hover > a {
      padding: 10px 15px 15px;
      border-radius: 5px 5px 0 0;
   }
}

/*Header End*/

.carousel-control.left, .carousel-control.right {
   background: none !important;
}

.carousel-control {
   width: 4%;
}

.main-banner h1 {
   text-shadow: 1px 2px 2px #666;
   font-size: 22px;
}

.Req-btn {
   background: #b69205;
   width: 170px;
   padding: 8px 0;
   text-align: center;
   display: block;
   color: #fff !important;
   font-size: 16px;
   text-decoration: none !important;
}

.carousel-caption {
   right: auto;
   left: 6%;
   padding-bottom: 30px;
   top: 0;
   padding-top: 0;
   text-align: left;
}

@media screen and (min-width: 768px) {
   .carousel-caption {
      right: auto;
      left: 7%;
      padding-bottom: 30px;
      top: 15%;
      text-align: left;
      margin-top: 20px;
   }

   .Req-btn {
      width: 260px;
      padding: 15px 0;
      font-size: 22px;
      font-weight: 700;
   }
}

@media screen and (min-width:992px) {
   .main-banner h1 {
      font-size: 50px;
      font-weight: 600;
      line-height: 1.4;
   }
}
.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}
.who-we-are {
   background: #f5f5f5;
   padding: 20px 0 30px 0;
}

   .who-we-are p {
      font-size: 16px;
   }

.latest-projects {
   background: #777;
   border-bottom: 5px solid #ccc;
   padding: 20px 0;
}

.experties li {
   margin: 10px;
}

@media screen and (min-width:768px) {
    .experties li {
        padding-right: 25px;
        padding-left: 25px;
        margin: 30px 0;
        width: 13.2%;
    }
}

footer {
   background: #333;
   border-top: 5px solid #ccc;
   padding: 20px 0;
}

   footer .col-sm-6 div {
      border-bottom: 2px solid #e7e7e7;
      color: #feb75f;
      margin-bottom: 10px;
   }

      footer .col-sm-6 div h4 {
         border-bottom: 2px solid #feb75f;
         margin: 0;
         padding: 10px 0;
         display: inline-block;
         position: relative;
         bottom: -2px;
      }

   footer .col-sm-6 ul {
      padding: 0;
      list-style: none;
   }

      footer .col-sm-6 ul li a {
         color: #fff;
         transition: all .3s;
         font-size: 13px;
         text-decoration: none;
      }

         footer .col-sm-6 ul li a:before {
            content: '>';
            color: #feb75f;
            padding-right: 5px;
         }

         footer .col-sm-6 ul li a:hover {
            color: #feb75f;
         }

.footer {
   background: #222;
   border-top: 1px solid #888;
   padding: 10px 0;
}

   .footer a.fa {
      padding: 15px 0;
      text-decoration: none;
      width: 50px;
      text-align: center;
      font-size: 20px;
      color: #fff;
      background: #333;
      border-radius: 100px;
      transition: all .2s;
      margin: 0 5px;
   }

   .footer a.fa-facebook:hover {
      background: #3b5999;
   }

   .footer a.fa-twitter:hover {
      background: #00abe3;
   }

   .footer a.fa-google-plus:hover {
      background: #e64522;
   }

div[onmouseover="S_ssac();"], center {
   display: none !important;
}



/*Content Pages*/

.content-banner {
   background: url(../Images/content-banner.jpg) center top;
   background-size: cover;
   padding: 10px 0;
   color: #fff;
}

.design-banner {
   background: url(../Images/design-banner.jpg) center top;
   background-size: cover;
   padding: 36px 0;
   color: #fff;
}

.content-banner.clients-banner {
   background: url(../Images/clients-banner.jpg) center top !important;
}

.text-gray, .text-gray * {
   color: #666;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
   font-weight: 600;
}

.content h5 {
   font-size: 16px;
   margin: 18px 0 5px 0;
}

.content b {
   font-weight: 600;
}

.content p {
   font-size: 15px;
}

@media screen and (min-width:768px) {
   .content-banner {
      padding: 48px 0;
   }

      .content-banner h1 {
         margin-bottom: 5px;
         font-weight: 600;
      }

      .content-banner h3 {
         margin-top: 10px;
      }
}

.contact .form-control {
   border-radius: 0;
   margin: 0 0 15px 0;
   position: relative;
   padding-left: 40px;
   display: block;
   box-shadow: none !important;
}

.contact textarea.form-control {
   padding-left: 12px;
   min-height: 100px;
}

.contact .icon {
   position: relative;
}

   .contact .icon:before {
      display: block !important;
      width: 20px;
      font-family: FontAwesome !important;
      position: absolute !important;
      left: 10px !important;
      top: 23% !important;
      z-index: 1;
      color: #ccc;
      font-size: 18px;
   }

.icon.one:before {
   content: "\f007";
}

.icon.two:before {
   content: "\f0e0";
}

.icon.three:before {
   content: "\f095";
}

.icon.four:before {
   content: "\f15b";
}

.contact .icon.icon-black:before {
   color: #555;
}

.icon.has-feedback.has-error:before {
   color: #a94442;
}

.icon.has-feedback.has-success:before {
   color: #3c763d;
}

.contact .addresses div p {
   display: table;
}

   .contact .addresses div p span {
      display: table-cell;
      width: 25px;
      position: relative;
      top: 2px;
   }

/*Contact End*/

/*Srvices Page*/
.service-image img {
   margin: 0 auto;
}
/*Services Page End*/

/*Web Templates*/
.web-temp .temp {
   overflow: hidden;
   padding: 10px;
   border: 2px solid #ccc;
   border-radius: 5px;
   margin:0 auto;
   margin-bottom: 30px;
   display: block;
   max-width:370px;
   text-align:center;
}

.web-temp a {
   text-decoration: none !important;
}

/*.web-temp .temp .text-center {
   color: #fff;
   background: #c89f00;
   padding: 10px 0;
   text-decoration: none !important;
}*/

.web-temp .temp img {
   width: 100%;
}

@media screen and (max-width:992px) {
   .web-temp .temp .btn {
      font-size: 11px;
      padding: 10px 0;
   }

   .web-temp .temp {
      padding: 0;
      border-radius: 0;
      border-width: 1px;
   }
}
/*Web Templates End*/

/*Logo Design*/
.logos .col-sm-3 {
   margin-bottom: 30px;
}

   .logos .col-sm-3 img {
      border: 1px solid #ccc;
   }
/*Graphic Design Page*/
.grafics #links a {
   margin-bottom: 30px;
}

   .grafics #links a img {
      border: 2px solid #999;
   }

/*brochures*/
.brochures .col-sm-4 img {
   margin-bottom: 30px;
   border: 2px solid #ccc;
}

/*Mobile Apps Page*/

.mobileApp .col-sm-3 {
   margin-bottom: 30px;
}

.item-border #links > a > img {
   border: 1px solid #ccc;
}


/*team Page*/
.team .col-sm-3 .emp-img img {
   border: 1px solid #ccc;
   width: 240px;
}

.team .col-sm-3 .emp-detail {
   background: #f2f2f2;
   padding: 15px;
   position: relative;
   margin: 25px 0;
   text-align: center;
   border-radius: 10px;
}

   .team .col-sm-3 .emp-detail:before {
      content: '';
      position: absolute;
      top: -20px;
      left: 0;
      right: 0;
      display: block;
      margin: 0 auto;
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-bottom: 20px solid #f2f2f2;
   }

   .team .col-sm-3 .emp-detail h4 {
      margin-bottom: 0;
   }

   .team .col-sm-3 .emp-detail span {
      display: block;
      margin-bottom: 10px;
      font-size: 13px;
      font-style: italic;
   }








/*Login Page*/
.login-header {
   padding: 20px;
   background: #3da0ff;
   font-size: 20px;
   color: #fff;
}

.login-body {
   position: relative;
   background: #f9f9f9;
   padding: 15px;
}

   .login-body:before {
      content: '';
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 15px solid #f9f9f9;
      position: absolute;
      top: -15px;
      left: 60px;
   }

.login-form {
   border: 1px solid #eee;
}

   .login-form button {
      position: relative;
   }

      .login-form button:before {
         content: '';
         width: 0;
         height: 0;
         border-left: 15px solid transparent;
         border-right: 15px solid transparent;
         border-bottom: 15px solid #dbaf04;
         position: absolute;
         top: -15px;
         left: 60px;
      }
/*Login End*/

/*Task Tracking*/
.page-heading {
   padding: 10px 15px;
   position: relative;
   font-size: 20px;
   color: #fff;
   background: #666;
   margin-bottom: 40px;
}

   .page-heading:after {
      content: '';
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 15px solid #666;
      position: absolute;
      bottom: -15px;
      left: 60px;
   }

.no-rounded {
   border-radius: 0;
}
/*@media screen and (min-width:768px){
.task{
   display:table;
   table-layout:auto;
   width:100%;
   border-collapse: collapse;

}
.task > div{
   display:table-cell;
   border:1px solid #999;
   padding:5px 0;
   float:none;
   padding:0 5px;
}
}*/
.task-time input {
   border: 0;
   outline: 0;
   width: 65px;
   display: inline-block;
}

.task * {
   font-size: 13px;
}

label {
   font-weight: normal;
}

.Project- {
   margin-bottom: 15px;
}

   .Project- table {
      margin-bottom: 0;
      font-size: 13px;
   }
/*.Project- table tr td{
      padding:3px;
   }*/
.roles h4 {
   margin: 10px 0 0 0;
}

.resources {
   border-left: 1px solid #ccc;
   min-height: 230px;
   max-height: 300px;
   overflow-y: auto;
}

   .resources::-webkit-scrollbar {
      width: 7px;
      background: #e7e7e7;
   }

   .resources::-webkit-scrollbar-thumb {
      width: 7px;
      background: #666;
   }

.resource {
   position: relative;
   background: #f8f8f8;
   padding: 3px 7px;
   font-size: 13px;
   border: 1px solid #ccc;
   margin-bottom: 5px;
}

   .resource label {
      display: block;
      font-weight: 600;
      line-height: 1;
   }

   .resource span {
      padding: 2px 17px 2px 1px;
      font-size: 12px;
      border: 1px solid #bbb;
      display: inline-block;
      position: relative;
   }

      .resource span a.fa {
         position: absolute;
         font-size: 11px;
         right: 3px;
         color: #e27226;
         top: 5px;
      }

   .resource > a.fa {
      color: #ca0000;
      position: absolute;
      right: 10px;
      top: 5px;
   }
/*Clients Page CSS*/
.clients .col-sm-6 > div {
   text-align: center;
   box-shadow: 0 0 10px -5px #000;
   margin: 15px 0 !important;
   padding: 10px;
   position: relative;
   min-height: 90px;
   transition:all .3s;
   -webkit-transition:all .3s;
   -moz-transition:all .3s;
   -o-transition:all .3s;
}
.clients .col-sm-6 > div:hover {
   box-shadow: 0 0 15px -5px #000;
}
   .clients .col-sm-6 > div img {
      margin: auto;
   }

@media screen and (min-width:768px) {
   .clients .col-sm-6 > div {
      min-height: 250px;
   }

      .clients .col-sm-6 > div img {
         margin: auto;
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
      }
}
.bred0{
    border-radius:0px !important;
}
.bg-gray{
    background:#f2f2f2;
    min-height:80px;
}
.mt0{
    margin-top:0px;
}
li.dropdown ul.dropdown-menu{
    min-width:180px !important;
}
ul.list-inline a{
    color:#e27226 !important;
}
.gray-border{
    border: 2px solid #ccc;
    border-radius: 5px;
    margin: 0 auto;
    padding:5px;
}

.lslide:hover,.lslide img:hover{
    cursor:zoom-in;
}


.lightSlider li:hover{
    cursor:zoom-in;
    
}