/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}
a{
    transition: .3s;}
a:hover{text-decoration: none;}
body {
    padding-top: 70px; 
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #3a3a3c;
}
::selection {
  background: #f58320; color:#ffffff;/* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #f58320; color:#fff;/* Gecko Browsers */
}
.img-portfolio {
    margin-bottom: 30px;
}
.img-center{margin: 0 auto;}
.img-hover:hover {
    opacity: 0.8;
}
.text-center{text-align: center;}
.theme-color{
    color: #f58320;
}
.btn-theme{background: #f58320;color: #fff;text-transform: uppercase;padding: 10px 15px; border-radius: 5px!important;}
.btn-theme:hover{
    color:#fff; 
}
.affix {
  padding:0px!important;
  -webkit-transition:padding 0.2s linear;
  -moz-transition:padding 0.2s linear;  
  -o-transition:padding 0.2s linear;         
  transition:padding 0.2s linear; 
 height: 72px!important; 

}

.affix-top {
  -webkit-transition:padding 0.5s linear;
  -moz-transition:padding 0.5s linear;  
  -o-transition:padding 0.5s linear;         
  transition:padding 0.5s linear;  
  height: 110px;
}
/* Main Navigation*/
.navbar-brand{padding: 10px 15px;}
.navbar-brand img{height: 50px;}
.navbar-brand.main-logo img{height: 80px;}
.affix .navbar-brand.main-logo{display: none!important;}
.affix .navbar-brand.fix-logo{display: block!important;}
.mainNav{
    background: rgba(255,255,255,1);
    border:none;
    box-shadow: 2px 0px 3px #ccc;
    margin-bottom: 0px;
    height: 110px;
}
.affix{
    background: rgba(255,255,255,1);}
.mainNav .nav li a{border-top:2px solid transparent;color: #3c3c3a;font-size: 16px;
    padding:44px 25px; }
.mainNav .nav li a:hover, .mainNav .nav li.active a, .mainNav .nav li.active a:hover{
    background: #f2f2f2;
    border-top:2px solid #f58320;
    color: #3c3c3a;
}
.affix .nav li a{padding: 25px!important;}
/*.affix-top .nav li a:hover{background: transparent!important;
    border-top:2px solid transparent;
    color: #3c3c3a;}*/
/* Home Page Carousel */

header.carousel {
    height: 100%;
}

.textalignjustify {
    text-align:justify !important;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .carousel-caption .inner-caption{
    padding: 20px 0px;
    width: 80%;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    
    margin: 15% auto;
}
header.carousel .carousel-caption .inner-caption h2 {
    font-size: 52px;
    text-align: center;
    text-transform: uppercase;
    font-weight: lighter;
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 100;
}

header.carousel .carousel-caption .inner-caption h4{text-align: center;font-size: 26px;text-transform: uppercase;}
header.carousel .carousel-caption h2 span{font-weight: bold;}
header.carousel .carousel-caption{position: absolute;top: 0;
    right: 0;left: 0;bottom: 0;background: rgba(0,0,0,0.4);}
/*header.carousel .carousel-caption h2{
    font-size: 52px;
    background: rgba(0,0,0,0.6);
    padding: 20px;
}*/
.logo-caption{
    text-align: center;max-width:180px;margin: 0 auto;display: none;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position:70% 0%;
    background-size: cover;
}
.scroll-down{position: relative;text-align: center;bottom: 50px;margin: 0 auto;color: #fff;}
.scroll-down a{color: #fff;}

/* THEME STYLE*/
section{padding:85px 0px;}
.underline{width: 120px;height: 2px; background: #f58220;margin: 15px auto; }
.underline-small{width: 80px;height: 2px; background: #3a3a3c;margin: 15px auto; }
.T-head{ margin-bottom: 30px;}
.T-head h2{font-size: 32px;text-transform: uppercase;text-align: center;}
.T-head span{font-weight: 500;color: #f58220;}
.T-sub-head{text-transform: uppercase;line-height: 30px;text-align: center;}
/*services*/
#services{text-align: center;}
.icon i{border-radius: 100%; border: 1px solid #ccc;padding: 15px 20px;color:#f58220;  width: 90px; height: 90px; padding-top: 20px;}
.icon i:hover{color:#fff;border: 1px solid #f58220; cursor: pointer;background: #f58220; }
#services .services-inner{min-height: 450px; background: #f1f1f1;margin-bottom: 30px;padding: 25px 15px;border: 1px dashed #ccc;}
#services .services-inner:hover,#services .services-inner:hover a, #services .services-inner:hover .icon i, #services .services-inner:hover p{
    background: #f58220;
    border: none;
    color: #fff;
}
#services .services-inner:hover .underline-small{background: #fff;}
#services .services-inner:hover .icon i{
    border: 2px solid #fff!important;
}
.services-inner h3{min-height: 50px;}
#services .services-inner a{color: #f58220; text-transform: uppercase;}
#services .services-inner a.btn-readmore {
    border: 1px solid #3a3a3a;
    padding: 10px;
    position: absolute;
    bottom: 12%;
    left: 50%;
    margin-left: -55px;
    color: #3a3a3a;
    border-radius: 3px;
    font-size: 14px;
}
#services .services-inner a.btn-readmore:hover,#services .services-inner:hover a.btn-readmore  {color: #fff; border: 1px solid #fff;}
.services-inner p{font-size: 14px; color: #3a3a3c;text-transform:initial!important;}
/*CTA*/
#Cta{ background: #f58220;text-align: ;color: #fff;}
#Cta img{display: inline-block;margin:5px 10px;}
#Cta h2{text-transform: uppercase;font-size: 32px;}
.contact-link{padding: 40px 0px;}
.contact-link a, .contact-link a:hover{color: #fff;}
/*about*/
.sub-t{
    border-left: 3px solid #f58220;
    padding-left: 10px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 30px;
}
.promo-line{margin-top: 50px;}
.promo {
    margin-bottom: 40px;
}
.promo h4{text-transform: uppercase;}
.promo-icon {
    display: block;
    margin: 0 auto;
    background-color: #3a3a3c;
    color: #fff;
    text-align: center;
    width: 65px;
    height: 65px;
    line-height: 65px;
    border-radius: 50%;
    margin-top: 10px;
    transition: .3s;
}
.promo-icon:hover{background-color:#f58220;cursor: pointer; }
.promo.right {
    text-align: right;
}
.promo.right .promo-icon-box {
    float: right;
}
.promo-icon .fa {
    line-height: inherit;
}
#resources{
padding: 25px 0px;
}
.slogan p{text-align: center;margin-bottom: 10px;font-style: italic;font-size: 16px;}
.avatar{
  width: 80px;float: left;padding-right: 10px;
}
hr{margin: 40px 0px;}
.avatar img{border-radius: 100%;}
.resource-inner{background: #f4f4f4; padding: 10px;min-height: 300px;}
.read-more{position: absolute;bottom: 20px;}
.resource-inner p{font-size: 16px;margin-top: 20px;}
.resource-inner h4{color: #3A3A3C;}
.resource-inner h5{color: #3A3A3C;}
.date{    position: absolute;
    bottom: 20px;
    text-align: center;
    left: 50%;
    margin-left: -50px;
    color: #3a3a3a;}

.carrer-list .col-sm-3{margin-bottom: 30px;}  
.carrer-list .col-sm-3 h2{color:#f58220; }
.carrer-list .col-sm-3 .resource-inner{border: 1px dashed #ccc;}
.carrer-list .col-sm-3 .resource-inner ul{text-align: left;color: #3a3a3a;}
.carrer-list .col-sm-3:hover .resource-inner h2, .carrer-list .col-sm-3:hover .resource-inner p, .carrer-list .col-sm-3:hover .resource-inner .apply, .carrer-list .col-sm-3:hover .resource-inner ul  {color:#fff!important; }
.carrer-list a:hover .resource-inner{background: #f58220;color: #fff!important;}
.carrer-list .apply{color: #f58220; margin-top: 30px; font-size: 18px;}  
#portfolio-one{
    background-image: url(../images/1.jpg);
    background-size:cover;
    padding-bottom: 0px;
    background-position:50% 50%;
}
#portfolio-one h2{font-size: 60px; color: #fff;padding:20px 0px 10px;}

#portfolio-one h3{color: #fff;padding-bottom: 30px;}
#portfolio-one h2 span{color:#f58220; }
.button a{margin-right: 5px;}
.button a img{height: 40px;}
.portfolio-bg{
    background-image: url(../images/slider11.jpg);
    background-size:cover;
    padding-bottom: 0px; 
    width: 100%;
    height: 100%;
    background-position:0% 50%;
}
.solution{padding: 30px 0px;}
.solution .col-md-4 img{max-height: 400px;margin: 0 auto;}
.solution-list{padding-left: 20px!important;text-align: left!important;}
.solution-list li{margin-bottom: 10px!important;width: 100%!important;}
.solution-list i{font-size: 18px;color:#f58220;padding-top: 10px;padding-right: 10px;}
/* Footer Styles */
#contact {padding: 0px;}
.contact-us{text-align: center;}
#contact-form input, #contact-form textarea{border-radius: 0px;font-weight: 300;}
#contact-form textarea{
    height: 168px;
}
#footer{background: #414142;padding: 40px 0px;}
#footer .footer-logo{max-height: 130px;margin-bottom: 20px;}
#footer h4, #footer h2{color: #fff;}

.contact-footer p{margin-bottom: 5px;}
.contact-footer, .contact-footer a{color: #fff}
.footer-services {color: #fff}
.footer-services a{display:block; color: #fff; margin-bottom: 5px;padding-left: 15px;}
.social-footer{text-align: left;margin-top: 30px;}
.social-footer p{color: #fff;}

.social-footer a {
	color: #fff;
    font-size: 16px;
    margin: 5px 5px 5px 0px;
    background: #ccc;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    padding: 4px;
    display: inline-block;
    text-align: center;
}

.social-footer a.facebook {background: #3b5998; }
.social-footer a.twitter {background: #00aced; }
.social-footer a.linked {background: #0084b4; }
.social-footer a.gplus {background: #dd4b39; }

.copyright, #copyright {
    background: #262626;
    color: #fff;
    padding: 10px 0px;
    font-size: 12px;
    font-weight: 100;
    text-shadow: none;
    letter-spacing: 1px;
    margin-bottom: 0px;
}
header.portfolio-bg .carousel-caption h2{
font-size: 56px;
   border:none!important;
   text-transform: uppercase;
   color: #f58220;
   font-family: 'Oswald', sans-serif;
}
.tabs-app{margin: 50px 0px;}
.tabs-app ul{margin: 20px auto;padding: 0px;text-align: center;border:none;}
.tabs-app ul li{display: inline-block;width: 48%;margin: 0 10px;}
.tabs-app ul>li a{background:#fff;color: #000;border-radius: 0px;margin-right: 0px!important;
  border:1px solid #ccc!important;
padding: 0px;padding-bottom:10px;text-transform: uppercase;letter-spacing: .5px}
.tabs-app ul>li.active>a, .tabs-app ul>li>a:hover,
.tabs-app ul>li.active>a:hover, .tabs-app ul>li.active>a:focus{
background:#f58220;color: #fff;border-radius: 0px;margin-right: 0px!important;border:1px solid transparent!important;
padding: 0px;padding-bottom:10px;text-transform: uppercase;letter-spacing: .5px}
.cloud-app{margin-top: 30px;}
.tabs-app ul li a img{max-width: 100%;padding-bottom: 10px;}
#masgenie .col-md-5 img{ max-height:400px;}
.tabs-app ul>li.active>a span.white{display: block!important;}
.tabs-app ul>li>a span img{height: 25px;position: relative;top: 4px;}
.tabs-app ul>li>a span.black{display: block!important;}
.tabs-app ul>li.active>a span.black{display: none!important;}
.tabs-app ul>li.active>a span img{height:25px;top: 4px;position: relative;}
.tabs-app ul>li a i{font-size:25px;top: 4px;position: relative;}
.promo .col-md-1 i{font-size: 18px;color:#f58220;padding-top: 10px;}

.hide{display: none;}

.award-list{padding: 0px;padding: 0px;text-align: center;}
.award-list li{display: inline-block!important;width: inherit!important;}
.award-list li img{height: 140px;}
.tabs-app ul>li a .award-list li a{background: none!important;border:none!important;}
/* Responsive Styles */

/*detail-job*/
.detail-job hr{margin: 20px 0px;}
.detail-job h4{margin-top: 20px;margin-bottom: 10px;font-weight: 700; color: #f58320;}
/*detail-job ends*/

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }
      .logo-caption{max-width: 150px;}
    .carousel-indicators {right: 1%;display: none;}
    .carousel-caption{left: 7%;right: 7%;text-shadow:none;}
 header.carousel .carousel-caption .inner-caption{width: 95%;
    border:none;background: rgba(255,255,255,0.5);padding: 10px;}
 header.carousel .carousel-caption .inner-caption h2{font-size: 34px;}    
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
    .navbar-toggle,  .navbar-toggle:hover{
        margin-top: 15px;
        border: none;
        background: transparent!important;
    }
    .navbar-inverse .navbar-toggle .icon-bar{
        background-color:#f58320;
        height: 4px; 
    }
    .navbar-brand.main-logo{display: none;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
    margin-top: 10px;border-color: #ccc;
}
    .mainNav{box-shadow: none;}
    .navbar-brand.fix-logo{display: block!important;}
    .affix-top, .affix{height: auto!important;}
  .mainNav .nav li a{padding: 10px 20px;}
  header.carousel .carousel-caption h2{font-size: 26px;}
  .promo.right .promo-icon-box{float: left;}
  .promo-line{text-align: center; margin-top: 0px!important;}
  .promo.right{text-align: center;}
  iframe{margin-top: 20px;}
  .footer-services a{padding-left: 0px;}
  .resource-inner, .case-studies{margin-top: 20px;}
  #portfolio-one h2{padding: 20px 0px;}
  #portfolio-one{padding-top: 0px;}.button {
    margin-bottom: 20px;
}
#portfolio-slider{display: none;}
}