body {
    font-family: 'Roboto Condensed', sans-serif!important;
    font-size: 16px;
}

@media (min-width:767px){
    body{
    font-size:14px;
     font-family: 'Roboto Condensed', sans-serif!important;
}
}


@media (max-width:1280px){
    .content{
        margin-top: -35px!important;

}
}




.banner-2
{
	/*background: url('../images/123banner.jpg')center center no-repeat;height: 600px;*/
	background-color: #f5f3f3;
	height: 600px;
}



.index-banner-install
{
    margin-top: -20px;
    background: url('../images/banner/bannnnnnnn2.jpg')center center no-repeat;height: 600px;
}
.index-banner-setup
{
    margin-top: -20px;
    background: url('../images/banner/bannnnnnnn3.jpg')center center no-repeat;height: 600px;
}
.index-banner-offline
{
    margin-top: -20px;
    background: url('../images/banner/bannnnnnnn4.jpg')center center no-repeat;height: 600px;
}
.banner-con
{
    color: #fff;
    padding: 8em 0em 0px 8em;

}
.index-banner-p2{
    font-size: 2em;
    margin-top: 1em;

}
.index-banner-h2 {

    font-weight: 100;
    font-size: 3em;
    text-shadow: 3px 0px 1px #a7a8a9;
    padding: 14px 1px 14px 0px;
    }



.index-banner-p3 {
    margin-top: 2em;
    margin-bottom: 2em;
    letter-spacing: 2px;
    font-size: 3em;
    text-shadow: 3px 1px 3px #b5b5b5;
    }
.index-banner-img
{
    padding: 0em 1em 0em 0em;
    width: 17em;

}        
.main-header .navgiation-wrapper,.repair-header-top
{
	background:#fff0!important;

}

.navbar-default
{
	background-color: #fff;
	box-shadow: 0 0 4px 1px #c7c7c7;
}
.active-now a
{
	font-weight: 700!important;
	color:#fff;
}	
.navbar-default .navbar-nav > li > a
{
	background-color: #fff0!important;
    padding: 8px 7px;
    color:#000000;
}
.navbar-default .navbar-nav > li > a:hover
{
	background-color: #fff0!important;
    padding: 8px 7px;
    color:#333!important;
}
.navbar-default .navbar-nav > li > a:after
{
	background: #fff0!important;
}

body {
    top: 0px!important;
    font-family: 'Lucida Sans Uni...',sans-serif;
    line-height: 24px;

    }

@media (min-width: 768px)
{
	.navbar-nav
	{
		margin-top: 19px!important;
	} 
}

.fixed {
    position: fixed;
    top:0; left:0;
    width: 100%; 
    z-index: 9999;
    
}

.main-header .navgiation-wrapper.fixed
{
	background-color: #fff!important;
}	   
.fixed .navbar-default .navbar-nav > li > a
{
	color:#333!important;
}	
.mt-xlg
{
	margin-top: 5em;
}
.slider-f-xlg
{
	font-size: 2em;
    letter-spacing: 8px;
    font-weight: 100;
}
.banner-p
{
	margin-top: 15px;
    font-size: 16px;
    letter-spacing: 6px;
}
.banner-btn
{
	background: #03A9F4;
    color: #ffff;
    padding: 9px 48px;
    text-decoration: none;

}
.banner-btn:hover
{
	color: #ffff;
    
}
.call-stiky
{
    position: fixed;
    top: 17em;
    right: 0px;
    padding: 5px;
    width: 17em;
    z-index: 999;
    background: #03A9F4;
    border:#333 1px dotted;
}
.call-stiky span
{
    font-size: 20px;
}
.featured-img
{
	border-top: 3px solid #03a9f4;
	padding: 30px 0px;
}
.f-2x
{
	font-size: 19px!important;
}
.parallax-image {
    background: url(../images/g1.jpg) center no-repeat;
    background-size: cover;
    padding: 6% 0;
    background-attachment: fixed;
    margin-bottom: 6%;
}
.justyfy
{
   text-align: justify;
}
.sec-bg-gray
{
	background: #eaeaea;
    padding: 42px 0px;
}

.py-5
{
	padding: 42px 0px;
}

.search-box
{
	height: 3.5em;
}
.search-btn
{
	height: 3.5em;
	border: 2px solid #b5b2b2;
	padding: 0 1.5em;	
}
.banner-h2
{
	    font-weight: 100;
    font-size: 3em;
}
.banner-p2
{
	font-size: 2em;
    margin-top: 2em;
}
.banner-p3
{
	margin-top: 2em;
	margin-bottom: 2em;
	letter-spacing: 2px;
}
.download-btn
{
	background: #f5f3f3;
    color: #03a9f4;
    padding: 9px 67px;
    border: 2px solid #03a9fa;
    font-size: 1.5em;
}
.download-btn:hover
{
	text-decoration: none;
	background: #03a9f4;
    color: #fff;
   	border: 2px solid #03a9fa;
    
}
.slider-wrap
{
        margin-top: -21px!important;
}
.mt-3
{
    margin-top: 3em;
}.pt-3
{
    padding-top: 3em!important;
}
.text-green
{
    color:#07751e;
}
.callnow-con
{
    background:#03a9f4;
    width: 600px;
    height: 4em;
    padding: 20px 3em;
    border-radius: 24px;
}
.text-lg
{
    font-size: 1.4em!important  ;
}


.call-now
{
    background: green;
    padding: 8px;
    color: #fff;
    margin-top: 10px;
}
.mobile
{
    display: none;
}
.pc
{
  display: block;   
}
@media(max-width: 768px)
{
    .mobile
    {
        display: block;
    }
    .pc
    {
        display: none;
    }

   .index-banner-h2,.index-banner-p2,h2,h1,.banner-h2 {
    font-size: 16px;
   }
   .index-banner-p3,.slider-f-xlg,.banner-p2
   {
    font-size: 14px;
   } 
   .call-stiky,.index-banner-img,.index-banner-container .content, .clicktocallimg
   {
    display: none;
   }
   p,li,a,b,h3,span
   {
    font-size: 15px;
   }
   .cta-section-3 a{
    font-size:15px;
   }
   .navbar-header .navbar-toggle
   {
        background: #0096d6;
   }
   .fixed .navbar-default .navbar-nav > li > a {
    color: #fff!important;
    font-size: 14px;
    } 
    .banner-con {
        color: #fff;
        padding: 3em 0em 0px 0em;
        text-align: center;
    }
    .text-lg,.phone-number .fa-phone
    {
        font-size: 13px!important;
    }
    .repair-logo img
    {
    width: 35%!important;
    margin-left: -47%;
    padding-top: 9px;

    }
    .search-box option
    {
        font-size: 14px;
    }
  
    .download-btn
    {
        padding: 0.4em 3em;
        font-size: 0.7em;
        text-align: center;
    }
    .footer-widgets
    {
        margin-top: 3em;
    }
    .social-icon li
    {
        padding: 2px 10px 0px 10px!important;

    }
    

  
}

.add-bar{
    margin-left:10px;
}

.icn-cnt {
    font-size:16px;
    font-weight:700;
}

.pr-icn  {
   font-size: 15px;
    margin-left: 5px;
    font-weight: 700;
    display: none;
}

.quote-block {
    padding-bottom:28px;
}

/*============================================= new csss adddd================================*/
.pt-4 {
    padding-top:30px;
    padding-bottom:20px;
}
.index-btn {
    font-weight: 700;
    color: #000;

    background: #ebad60!important;
    text-transform: uppercase;
    border-radius: 30px;
    transition: 0.3s;
    border:2px solid  #ebad60;
}

.index-btn:hover {
    transition: 0.3s;
    font-weight: 700;
    color: #ebad60;

    background: transparent!important;
    text-transform: uppercase;
    border-radius: 30px;
    border:2px solid  #ebad60;
}

.ex-set {
    font-size:30px!important;

}

.px-set {
    text-align: justify!important;
}
.ex-h4 {
    font-size:23px;

}
.bg-img-index{
    background: #288ac8;
        border-top-right-radius: 30px;
}
.aft-lft {
    padding:0px!important;
}
.lft-txt {
    text-align:left;
}
.top-img-p  {
    margin-top:-20px;
}
/*end*/


/*hp-printer-support-css*/
.printercontent {
        position: absolute;
    margin-top: -26%;
    margin-left: 54px;
}

.btn-slider-printer{
    margin-top:30px;
    font-weight: 700;
   color: #fff;
    background: #03a9f4!important;
    text-transform: uppercase;
    border-radius: 30px;
    transition: 0.3s;
    padding: 9px 48px;
    text-decoration: none;
}
.btn-slider-printer:hover{
    
   color: #000;
   border:2px solid #03a9f4!important;
    background: transparent!important;

    text-transform: uppercase;
    transition: 0.3s;
    
}
.pd {
    padding-bottom:30px;
}
/*end*/


.liclass {
    font-style:normal;
}


.liclass:hover i  {
    color:#ac5f07;
}
.index-caret  {
    font-size:16px;
    color:#0096d6;
}
.index-caret:hover {
   color:#ac5f07;

}

.hme-content {
    margin-top: -26%;
    position: absolute;
    margin-left: 5%;
}

.hme-banner  {
    margin-top:-20px;
}



@media (max-width:767px){


    .hme-content{
        text-align: center;
    margin-top: 0;
    position: unset;
    margin-left:0px;
}
  .index-banner-h2 {
    color:#ffffff!important;
    text-shadow:none;
    font-weight:700;
  }
  .index-banner-p2{
    color:#000!important;
}
.index-banner-p3 {
    letter-spacing: 0;
    font-weight: 700;
    color: #000!important;
    margin-top: 0;
    text-shadow: 3px 1px 3px #ffffff;
    font-size: 20px;
 }
 .phn-num  {
    font-size: 17px!important;
    padding: 5px 64px!important;
 }
footer.container-fluid  {
    margin-bottom: 0px!important;
}
.navbar-default .navbar-collapse {
    padding:0px!important;
}
.printercontent {
    text-align: center;
    position: unset!important;
    margin-top: 0!important;
    margin-left: 0!important;
}
.navbar-default .navbar-nav > li > a {
    background-color: #fff0!important;
    padding: 8px 7px;
    color: #fff;

    

} 


.imgcon {
    padding-bottom: 20px!important;
}