.textheadwlecome{ font-size:40px; text-align:center;}
/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-bob, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

.boxweek:hover {
  opacity: 0.8;
  filter: alpha(opacity=50)
}
.icon-scroll { margin-top:110px;}
.hightbanner{margin-top:-370px;}
/*slide detail*/
.headdetail{margin-left: auto; margin-right: auto; padding-bottom:-50px;font-size: 20px;     top: 45px;
    left: 964.5px;
    height: 40px;
    padding: 0px 10px;
    font-size: 30px;
    line-height: 37px;
    color: rgb(130, 209, 12);
    background: rgb(255, 255, 255);
    border-radius: 3px;
    white-space: nowrap;
    width: auto;
    border-width: 0px;
    visibility: visible;
    margin-left: 0px;
    margin-top: 0px;
    transform-origin: 50% top 0px;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1);
    opacity: 1;
    filter: none;}
/*end slide detail*/

.hightslide{margin-top:73px;}
.glyphicon-chevron-left:before {
    content: none;
}

.glyphicon-chevron-right:before {
    content: none;
}
.test{border:#F00 1px solid;}
.navbar-inverse .navbar-nav>li>a:hover{
    color: #e30000;
	font-weight:700;
}
.navbar-inverse .navbar-nav>li>a:active{
    color: #e30000;
	font-weight:700;
}
.about-box .about-line {
    border-left: 2px solid #eee;
    border-right: 2px solid #eee;
}
.about-line-right{
  border-right: 2px solid #eee;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 0px 15px;
    font-size: 18px;
    line-height: 20px;
}
/*	APP-STYLE STARTS HERE
------------------------------*/
.mobile-app>.container
{
 padding:100px 0px;
}

app-section {
    padding: 82px 0;
}

.app-heading h2 {

    padding-bottom: 60px;
}

.app-content .app-icon-box:first-child {
    margin-top: 60px;
}

.app-icon-box {
    display: table;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    padding: 15px;
    cursor: pointer;
}

.app-icon {
    display: table-cell;
    font-size: 40px;


}

.app-icon .icon {
    width: 44px;

}

.app-icon-box h4 {

}

.app-content {
    display: table-cell;
    padding-left: 30px;
    vertical-align: top;
    font-size: 14px;
}

.app-content p {
    font-size:0.9em;

    margin: 1em 0;
}

.app-content-phone {
    display: table-cell;
    padding-right: 30px;
    vertical-align: top;

}

.app-content-phone p {
    font-size: 0.8em;

    margin: 1em 0;
}

.iphone-image {
    margin: 2px 27px;
}

.mobile-app span i.fa
{
    width:90px;
    height:90px;

    border-radius:50%;
    box-shadow:2px 1px 3px 8px rgba(0,0,0,0.1);
    -webkit-box-shadow:2px 1px 3px 8px rgba(0,0,0,0.1);
   -moz-box-shadow:2px 1px 3px 8px rgba(0,0,0,0.1);
    -ms-box-shadow:2px 1px 3px 8px rgba(0,0,0,0.1);
       font-size:1.2em;
       padding-top:20px;
       transition:all 1s;
       -webkit-transition:all 0.3s linear;
       -moz-transition:all 0.3s linear;
       -ms-transition:all 0.3s lnear;
}

/* Features Section Agency */

.app-section-agency {
    padding: 80px 0 60px 0;
}

.app-section-agency .app-icon-box {
    display: table;
    margin-bottom: 0;
    position: relative;
    padding: 15px;
    cursor: pointer;
}
.mobile-app span i.fa {
    width: 90px;
    height: 90px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 2px 1px 3px 8px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 1px 3px 8px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 1px 3px 8px rgba(0,0,0,0.1);
    -ms-box-shadow: 2px 1px 3px 8px rgba(0,0,0,0.1);
    font-size: 1.2em;
    padding-top: 20px;
    transition: all 1s;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s lnear;
}
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 2%;
    right: 10px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border: none;
    z-index: 999;
    text-indent: 100%;
    background-color: #52a4e7;
    background: url(../img/top.png) no-repeat right top;
}
main > section {
    padding: 70px 0;
}
/* lg */
@media (max-width: 1400px) {
.hightbanner{margin-top:-280px;}
.detailwlecome{ margin: 0px 0 40px 0}
.icon-scroll{ display:none;}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
.detailwlecome{ margin: 0px 0 40px 0}
.icon-scroll{ display:none;}
.hightbanner{margin-top:-250px;}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
.hightbanner{margin-top:-200px;}
 .col-sm-6 {
    width: 47%;
}
.detailwlecome{ margin: -50px 0 40px 0}
.icon-scroll{ display:none;}
}

/* xs */
@media (max-width: 767px) {
.hightbanner{margin-top:-70px;}
.hightslide{margin-top:73px;}
.detailwlecome{ margin: -10px 0 0px 0}
main > section {
    padding: 80px 0 20px 0;
}
.icon-scroll{ display:none;}
}

/* XS Portrait */
@media (max-width: 479px) {
.iphone-image{display:none;}
.service-item:hover .service-icon {
    border: 3px solid #ffffff;
    margin-bottom: 20px;
    color: #ffffff;
    margin-top: 35px;
}
.hightslide{margin-top:73px;}
.detailwlecome{ margin: -50px 0 40px 0}
main > section {
    padding: 80px 0 20px 0;
}
/*slide detail*/
.detailslide11{ font-size:10px;line-height: 11px;}
/*end slide detail*/
/*slide detail*/
.detailslide11{ font-size:10px;line-height: 11px;}
.carousel-indicators {
    position: absolute;
    bottom: 0px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 19px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    filter: alpha(opacity=50);
    opacity: .5;
    margin-top: -25px;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 10px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}/*end slide detail*/
.icon-scroll{ display:none;}
.black-bx{ display:none;}
.textheadwlecome{ font-size:35px;}
}