/* body {
color: #535e65;
font-size: 13px;
font-family: 'Titillium Web', sans-serif;
}

h2 {
color: #0098dd;
}    */



.text-center {
    text-align: center;
}

p.caps {
    text-transform: uppercase;
    font-size: 1.1em;
}

.btn-ba-blue {
    background: #0098dd;
    color: #fff;
    border-radius: 0;
    border: 0;
    text-shadow: none;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    padding: 8px 20px;
    background-image: url('/images/new_abhome/arrow.png');
    background-repeat: no-repeat;
    background-position: 93% 50%;
    transition: all 0.4s;
}

.btn-ba-blue:hover {
    background-color: rgba(0, 152, 221, 0.8);
    color: #fff;
    background-position: 93% 50%;
}

.btn-outline-green {
    background: none;
    border-top: 1px solid #58cd71 !important;
    border-bottom: 1px solid #58cd71 !important;
    color: #fff;
    border-radius: 0;
    border: 0;
    text-shadow: none;
    text-align: left;
    width: 120px;
    font-size: 12px;
    padding: 8px 10px;
    background-image: url('/images/new_abhome/icon_clock.png');
    background-repeat: no-repeat;
    background-position: 93% 50%;
    margin: 25px 0;
}

.btn-outline-green:hover {
    background: none;
    color: #fff;
    background-repeat: no-repeat;
    background-position: 93% 50%;
    background-image: url('/images/new_abhome/icon_clock.png');
}



.btn-green {
    background: #58cd71;
    color: #fff;
    border-radius: 0;
    border: 0;
    text-shadow: none;
    text-align: left;
    font-size: 12px;
    padding: 8px 10px;
    padding-right: 60px;
    background-image: url('/images/new_abhome/arrow.png');
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 93% 50%;
    margin: 25px 0;
}

.owl-carousel .btn-green {
    width: 120px;
    background-image: url('/images/new_abhome/icon_list.png');
    background-size: auto;
}
.owl-carousel .btn-green:hover{
    background: #58cd71;
    background-position: 93% 50%;
    background-image: url('/images/new_abhome/icon_list.png'); 
    background-repeat: no-repeat; 
}
.btn-green:hover {
    color: #fff;

}
.scroll-img {
    height: 142px;
    overflow: hidden;
    font-size: 0;
}
.btn small {
    display: block;
    font-size: 11px;
    font-weight: normal;
}

.datacenterbg {

    color: #fff;
}

.datacenterbg h3,
.datacenterbg p {
    margin-bottom: 25px;
    color: #fff!important;

}

.datacenterbg h3 {
    font-weight: normal;
    line-height: 1.35em!important;
    font-size: 18px!important;

}

.datacenterbg .btn {
    width: 50%;
}
@media (max-width: 768px) {
.datacenterbg .btn {
  width: 100%!important;
}
}
.extras .row-fluid,.extras .row {
    background: #0c2f4e url('/images/new_abhome/datacenter.jpg');
}

.addons {
    background: #a0adb4;
}

.addons ul {
    margin-right: 5px;
    padding-left: 0px;
}

.addons li {
    list-style: none;
}

.addons a {
    color: #fff;
    border-bottom: 1px solid #ccc;
    display: block;
    font-size: 1.1em;
    padding: 14px 0;
    background-image: url('/images/new_abhome/arrow.png');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

.addons a:hover {
    text-decoration: none;
    color:#808080;
    background-image: url('/images/new_abhome/arrow_gray.png'); 
}
.addons li:hover
{
    text-decoration: none;
    color:#808080!important;   
} 
.addons p,.addons h3{
 color: #fff!important;  
  margin-bottom:0px!important;  
}
.addons p{
    font-size:13px;
    padding-left:0px;
}
.addons h3{
    padding:0px!important;
    margin:0px!important;
    font-size:1.4em;
}

.addons a span {
    display: block;
    font-size: 1.4em;
}

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

.p30 {
    padding: 30px !important;
}

.nogutter .row {
    margin-left: 0;
    margin-right: 0;
}

.nogutter .col-sm-6 {
    padding-left: 0px;
    padding-right: 0px;
}

.banner {
    background: #005174;
    margin-top: 20px;
    color: #fff;
    overflow: hidden;
    font-family: 'Titillium Web', sans-serif!important;
}
.banner p{
    color: #fff!important; 
    font-family: 'Titillium Web', sans-serif!important; 
}

.banner h1 {
    color: #fff!important;
    font-size: 45px!important;
    font-family: 'Titillium Web', sans-serif!important;
    padding: 50px 0 30px;
    text-shadow: 1px 1px 0px rgba(1, 1, 1, 0.8);
    margin: 0;
}

.banner {
    background: url('/images/new_abhome/bannerbg1.jpg') no-repeat 50% 0;
    background-size: cover;
    text-align: center;
}

.banner-block {
    background: rgba(4, 27, 43, 0.5);
    padding: 15px;
    padding-bottom: 0;
    min-height: 325px;
}

.owl-carousel .owl-item img,.owl-carousel .owl-item h1  {
    width: auto;
    font-family: 'Titillium Web', sans-serif!important;
}


.slider-tagline {
    font-size: 16px;
    padding-bottom: 15px;
}

.item2 .slider-tagline,
.item3 .slider-tagline,
.item4 .slider-tagline,
.item5 .slider-tagline {
    font-size: 20px!important;
    padding-top: 15px;
    padding-bottom: 5px;
}
.item .slider-tagline p
{
    font-size: 20px!important;
   
}

.owl-item .col-xs-3 {
    text-transform: uppercase;
}

.owl-item .col-xs-3 a,
.owl-item .col-xs-3 a:hover {
    text-decoration: none;
    color: #fff!important;
}



.item2 .icon-restore,
.item2 .icon-recover,
.item2 .icon-remote {
    opacity: 0.3;
}

.item3 .icon-backup,
.item3 .icon-recover,
.item3 .icon-remote {
    opacity: 0.3;
}

.item4 .icon-backup,
.item4 .icon-restore,
.item4 .icon-remote {
    opacity: 0.3;
}

.item5 .icon-backup,
.item5 .icon-restore,
.item5 .icon-recover {
    opacity: 0.3;
}

.owl-theme .owl-controls {
    margin-top: -28px;
    position: absolute;
    left: 50%;
    width: 200px;
    margin-left: -100px;
}

.icon-backup,
.icon-restore,
.icon-recover,
.icon-remote {
    transition: opacity 0.5s;
}

.icon-backup:hover,
.icon-restore:hover,
.icon-recover:hover,
.icon-remote:hover {
    opacity: 1;
}

@media (min-width: 768px) {
    .banner > div {
    background-size: 120%;
}
.btn-outline-green,
.btn-green {
    font-size: 16px;
}
.banner-block {
    padding: 30px;
    padding-bottom: 0;
    min-height: 342px;
}
.slider-copy {
    padding-left: 50px;
    padding-right: 50px;
}

.banner h2 {
    font-size: 45px;
}

.btn-outline-green,
.owl-carousel .btn-green {
    width: 160px;
}

}
.why h3{
    font-size: 13px!important;
    color: #919191!important;
}

/* deepaks styles */