*{margin:0px;padding:0px;border:0px;scroll-behavior:smooth;}.container-fluid{padding:0px;}
h3{font-size:40px}
h2{font-size:36px;color:#333;margin-top:30px}
.m-h2{margin-top:100px}
h2 span{color:#06c;}
h4{clear:both;display: block;font-size:16px;line-height:14px; }
h5{font-size:16px;margin-top:0px;font-weight:600}
h6{font-size:20px;margin-bottom:0px}
h6 span{color:#f00;margin:0px}
small{color: #fff !important;font-size: 24px;padding: 10px 15px;float: right;}
strong{font-size:24px;font-weight:400}
marquee{color:#fff;width:100px;font-size:18px}
section{padding-top:90px;}
button:hover{background:#06c;transition:all 1s}
button{transition:all 0.5s;}
a:hover{color:#06c;text-decoration: none;transition:all 1s}
input[type=button],input[type=submit]{background:#06c;color:#fff;transition:all 1s}
input[type=button],input[type=submit]:hover{background:#999;transition:all 1s}
.form-control{box-shadow:none;-webkit-box-shadow:none;height:40px;padding:8px; background-color: #fff;border: 1px solid #999;}
.btn-default{background:#06c;color:#fff;border:none;transition:all 0.5s}
.m-top{margin-top:90px}
/*navigation*/
.navbar-default{background:#fff !important;padding:10px;}
.navbar{margin-bottom:0px;}
.navbar-toggle{margin-top:23px}
.nav>li>a{font-size:17px;color:#000 !important; transition: all 1s;padding:10px}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-.nav>.open>a:hover{background:none;}
.navbar-nav>.open>a:focus{color:#f03}
.nav a:hover{color:#06c !important;transition:all 1s}
.dropdown-menu>li>a:hover{background:#06c !important;color:#fff !important;transition:all 1s;}
.fa-arrow-alt-circle-left,.fa-arrow-alt-circle-right{color:#333}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{margin-top:5px}
.dropdown-menu{padding:0px;margin:0px;border-top:none;border-radius:0px;}
.links-right{float: right;margin-top:23px}
.navbar-brand{width:230px;margin-left:15px !important;background:url(../images/accesscadd-logo.png) no-repeat;height:50px;text-indent:-700px;}
/*index welcome*/
.welcome h5{text-align:center}
.welcome ul{padding:0px 0 30px;width:970px;margin:auto}
.welcome li{float:left;margin-right:15px;list-style:none;background:url(../images/hand-pointing-right.png) no-repeat;height:30px;padding-left: 30px}
.a-about{clear: both}
.a-about .a-contant{color:#333;float:left;border:solid 1px #ddd;padding:1.25%;border-radius:0px 30px 0px; width:26%;text-align:center;margin:15px 15px 30px;transition:all 1s;min-height:235px}
.a-about .a-contant:nth-child(2){margin:15px 8.36%;}
.a-contant:hover{background:#06c;color:#fff; border-radius:0px;transition:all 1s;border:solid 1px #06c;}
/*footer*/
.f-top{margin-top:30px}
.bg-danger{background:#333 !important;}
footer{padding:15px 0;color:#ddd;}
footer ul{clear: both;list-style: none}
footer a{color:#999}
footer a:hover{color:#ddd;transition: all 1s;text-decoration:none;}
footer li{line-height:20px;}
footer li:last-child{border:none}
.bg-danger p{color:#999;clear:both;padding-top:10px;text-align:center;border-top:solid 1px #999}
.bg-danger p a{color:#ddd;}
.f-contact div{padding:5px 0;color:#999;clear: both}
address{margin-bottom:0px}
.f-contact span{display:inline-block;float: left; padding-right:15px}
.f-social li{float:left;color:none !important;margin-right:10px;padding:5px;transition:all .2s}
.f-social li:hover{float:left;color:none !important;margin-right:10px;padding-top:5px;transform:scale(1.2);transition:all .2s}
.f-social a{color:#666;transition: all 1s}
.f-social a:hover{color:#06c}
.f-social li:last-child :hover{color:#ddd}
.f-social li:last-child{clear: both;transform:scale(1);padding:20px 7px;margin-right:10px}
.f-social li:last-child a{color:#999}
.fa-file-download{margin-left:10px}
/*index welcome after*/
#accesscadd-carousel2{margin-bottom:30px}
#accesscadd-carousel2 .c-border{border:solid #ddd 1px;padding:5px;}
#accesscadd-carousel2 .carousel-indicators{position:absolute;top:1%;left:30px;padding:8px;margin-left:0px !important;list-style:none;height:50px}
#accesscadd-carousel2 .carousel-indicators li {display: block;height: 10px;margin: 3px;width: 10px;}
#accesscadd-carousel2 .bg-in{background:#333;overflow:hidden;height:65px}
#accesscadd-carousel2 .carousel-indicators li{float: left;margin-top: 22px;}
/*contact page*/
#contact .row{margin-bottom:7%;color:#fff}
#contact p{font-size:24px}
#contact .col-sm-4 span{background:#06c;height:20px;width: 20px;display: inline-block;padding: 25px 50px 50px 25px;border-radius: 50%;margin: auto;margin-bottom:15px;transition:all ease .5s}
#contact .col-sm-4{margin:15px 0;transition:all ease .5s}
#contact .col-sm-4:hover span{background:#333;transition:all ease .5s;}
#contact .col-sm-4 .fas{color:#fff;transition:all ease .5s}
#contact .col-sm-4:hover .fas{color:#fff;transition:all ease .5s}
#contact a{color:#333;}
.r-block{position:relative}
.a-block{position:absolute;top:40px;right:60px;}
.a-block form{background:rgba(0,0,0,0.5);padding:5px 30px}
.fa-hand-point-down{color:#fff;margin-left:10px;font-size:18px}
iframe{height:400px;}
/*career page*/
.c-active{background:#06c !important;}
.resume{background:#f8f6f6;padding-top:30px;}
.resume .col-sm-12{background:#fff;padding:15px;box-shadow: 0 0 15px rgba(0,0,0,0.1);margin-bottom:15px}
.panel-default>.panel-heading{background:#999;color:#fff;transition:all 1s}
.resume a:hover{color:#fff;transition:all 1s}
.resume a:focus{text-decoration:none}
.panel-body{padding-top:0px}
.resume input[type=text],input[type=file]{border-radius:0px;border:solid #fff 1px; border-bottom:solid 1px;}
.panel-body ul{font-size:16px;padding-left:30px !important}
.panel-body ul li:first-child{line-height:0px;}
.panel-body ul li:nth-child(2){line-height:0px;padding-top:20px}
.panel-body ul li{line-height:30px}
.resume input[type=email]{border-radius:0px;border:solid #fff 1px; border-bottom:solid 1px;}
.resume input[type=submit]{border:none}
.fa-briefcase{color:#06c}
/*staffing-services-page*/
.re-p{border-top:solid 1px #ddd;padding-top:30px}
.modal-dialog{width:30%;}
.modal-footer .btn{padding:3px 6px;font-size:14px}
.inquire button{border-radius:50px !important}
.staffing .inquire{margin-bottom:60px;text-align:center;display:block;}
.inquire .btn{padding:7px 35px;box-shadow:0px 1px 5px #666}
.modal-content,.form-control{border-radius:0px}
.t-center h4{text-align: center !important;font-size:18px}
.staffing .col-sm-12{margin-bottom:30px}
.e-container .col-sm-5{margin:30px}
.e-container .main-overlay{position:relative;border:solid 1px #333;border-bottom:0px}
.overlay{position: absolute;bottom: 100%;left: 0;right: 0;overflow: hidden;width: 100%;height:75px;transition: .5s ease;padding:20px;}
.e-container:hover .overlay{bottom: 0;height: 100%;background:rgba(0,0,0,0.5);}
.e-container:hover .text{transform:translateX(50px)padding:5px;background:rgba(0,102,204,0.6);color:#fff}
.e-main{transition: .5s ease;position:relative;border:solid #333 1px;border-top:0px;padding-top:15px;margin-bottom:70px;height: auto}
.e-container:hover .e-main{background:#333;transition: .5s ease;color:#fff}
.text{transition: .5s ease;color:#f00;font-size:24px;position: absolute;top:90%;left:50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;padding:10px;width:100%;height:100px;line-height:50px}
/*engineering-services-page*/
.engine .col-sm-12{margin-bottom:60px}
.engine .e-main{min-height:270px !important;}
.e-main div:last-child{border-bottom:solid 2px #06c;padding:0px 20%;margin-bottom:15px !important;width:5px;margin: auto;transition:all .5s;position:absolute;bottom:10px;left:10%;right:11%}
.e-container:hover .e-main div:last-child{border-bottom:solid 2px #f00;padding:0px 40%;transition:all .5s} 
.engine .e-main button{position:absolute;bottom:40px;left:50%;transform:translateX(-60px);-webkit-transform:translateX(-60px);-moz-transform:translateX(-60px);border-radius:20px;width:120px; background:#333;color:#fff;padding:7px 25px;}
.e-container:hover button{background:#f00;color:#fff;}
.e-container button:hover{background:#06c !important}
.offring h5{color:#333;margin-bottom:0px; padding:5px;font-size:24px;line-height:40px;font-weight:normal;}
.offring ul{margin-left:20px;font-size:18px;line-height:28px}
.offring{background:#ddd;overflow: hidden}
.offring .col-sm-4{background:#ccc;padding-bottom:16px}
.aft-offring h5{color:#f00;padding:0px;text-align:center;font-size:30px;font-weight:normal;margin-top:30px;line-height:50px}
.aft-offring li{padding:5px;list-style:none;text-align: center;background:#333;margin-bottom:30px}
.aft-offring a{color:#fff;}
.s-active{background:#06c !important;}
.offring .col-sm-4 ul{margin-left:0px}
.offring .col-sm-4 img{cursor:pointer}
.offring .col-sm-4 a{color:#fff}
/*product page cosousel*/
.aft-offring .o-active{filter:opacity(1) !important;}
.aft-offring .col-sm-3{transition:ease .2s;filter:opacity(0.7);}
.aft-offring .col-sm-3:hover{filter:opacity(1);transition:ease .2s}
.offring .carousel-control.left{background-image:none}
.offring .carousel-control{width:5%;opacity:0}
.offring .carousel-control:hover{width:3%;opacity:0}
.offring .carousel-caption{text-align: left; position: absolute;left:15px;bottom:15px;margin-left:105px}
.offring .carousel-indicators{position: absolute;bottom:-10px !important;}
.offring .carousel-indicators .active{height:8px;width:8px;border-radius:10px;margin: 2px;background:#f00;}
.offring .carousel-indicators li{height:8px;width:8px;border-radius:10px;margin: 2px;background:#06c;border: none;}
.offring .carousel-control.left{visibility:hidden}
.carousel-control.left,.carousel-control.right{display:none}
/*Employee login page*/
.r-employee{position:relative;background:url(../images/imployee-login.jpg) no-repeat center;height:680px;width:100%;}
.r-employee img{height:50%}
.a-employee{position:absolute;top:30%;bottom:30%; right:40%;left:40%;max-width:20%}
.a-employee form{background:rgba(0,0,0,0.5);padding:5px 30px}
.a-training{position:relative;background:url(../images/accesscadd-trainings.jpg) no-repeat center;height:680px;width:100%;background-size:cover}
.ab-training{position:absolute;top:35%;right:30%;left:30%;max-width:40%;text-align: center;color:#fff;background:rgba(0,0,0,0.4);overflow: hidden;padding:2%}
.ab-training p{font-size:24px}
@media (max-width:480px)
{
	/*wecome*/
	h2{font-size:24px !important}
	h2 span{display: block}
	.text{font-size:18px !important;height:90px;line-height:18px;text-align:left}
	.engine .e-main{min-height:auto !important;padding-bottom:80px;}
	.modal-dialog{width:100%}
	.text{position: absolute;top:50px !important;left: 50%;min-height:60px !important}
	
}
@media (max-width:767px)
{
	/*navigation*/
    .navbar-default{padding: 0 0 10px 0;}
    .m-top{margin-top:80px}
    .m-h2{margin-top: 85px;}
	h2{font-size:30px}
	.dropdown-menu>li>a{text-align: center}
	h3{font-size:24px;margin-bottom:0px}
	h6{font-size:20px;}
	small{font-size:24px}
	.a-about .a-contant{min-height:0px; width:95%;margin:15px 2.50%;display: block;padding:2.50%;}
	.a-about .a-contant:nth-child(2){ width:90%;margin:15px 5%;}
	.links-right{float:none !important;text-align:center;margin-top:0px}
	.carousel-caption{text-align: left; position: absolute;left:15px;bottom:15px;margin-left:0px}
	.navbar-toggle{margin-right:10px;border-radius:0px;}
	/*index wecome*/
    .welcome ul{width:auto;margin: auto}
	.welcome li{float:none;clear:both}
	.a-about .a-contant{min-height:0px; width:90%;margin:10px 5%;display: block;padding:5%;}
	.a-about .a-contant:last-child{margin-bottom:20px}
	/*index wecome after*/
	#accesscadd-carousel2 .carousel-indicators{width:0%}
	#accesscadd-carousel2 .carousel-indicators{position:absolute;top:0%;left:5%}
	#accesscadd-carousel2 .carousel-indicators li{display:block;border-radius:10px;height:10px;margin:4px;width:10px;float:none}
	.ad-di{padding-top:0px}
	.panel-title a{line-height:24px;}
	/*footer*/
	footer li{float:none;padding:5px 0px;border:none}
   .f-top{margin-top:0px}
	h4{margin-left:0px;padding-top:15px}
	/*contact page*/
	#contact p{font-size:18px}
	/*staffing-services-page*/
	.e-main{margin-bottom:60px;height:auto !important;padding-bottom:0px;}
	.text{min-height:35px}
	.e-main div:last-child{left:9%}
	/*engineering-services-page*/
	.engine .e-main button{position:absolute;bottom:40px;left:50%;width:120px;transform:translateX(-60px);-webkit-transform:translateX(-60px);-moz-transform:translateX(-60px)}
	.a-block{position:absolute;top:70px;right:50px;}
	.offring .col-sm-2{min-height:0px;}
	.offring .col-sm-10{min-height:0px}
	iframe{height:480px}
    .offring ul{font-size:16px;line-height:24px}
    /*mployee login page*/
	.a-employee{position:absolute;top:20%;right:15%;left:15%;max-width:70%}
	.r-employee{height:500px;}
	.ab-training{position:absolute;top:35%;right:10%;left:10%;max-width:80%;}
	.ab-training p{font-size:18px}
	/*staffing-services-page*/
	.e-container{clear:both;margin:30px 0}
	.e-container .col-sm-5{margin:30px 0px;}
	.text{font-size:20px;position: absolute;top: 90%;left:50%;}
	.e-main{margin-bottom:40px;}
	.overlay{height: 0px}
	.offring .col-sm-4 li{font-size:16px}
    /*career*/
    .panel-body li{font-size:14px}
    .lb-data .lb-caption{font-size:16px !important}
}
@media only screen and (min-width:768px) and (max-width:991px)
{	
	.m-h2{margin-top:115px}
	section{padding-top:130px;}
    .navbar-default{padding:0px;}
	/*navigation*/
	.navbar-brand{width:230px;margin-left:100% !important;}
	.links-right{float:none !important;width:570px;margin:auto;clear:both}
	/*index wecome*/
     .welcome ul{width:auto;margin: auto}
	.a-about .a-contant{min-height:335px;margin-top:55px !important;float: left; width:25.33333333333333%;margin:4% !important;display: block;padding:2%;}
	/*Employee login page*/
	.a-employee{position:absolute;top:30%;right:20%;left:20%;max-width:60%}
	/*staffing-services-page*/
	.staffing{margin-bottom:70px}
	.text{position: absolute;top: 90%;left:50%;font-size: 20px}
	.e-container .col-sm-5{margin:40px 30px}
	/*engineering-services-page*/
	.engine .e-main button{position:absolute;bottom:40px;left:50%;transform:translateX(-60px);-moz-transform:translateX(-60px);-webkit-transform:translateX(-60px);width:120px}
	.offring h5{font-size:20px}
	/*index wecome after*/
	.engine .e-main{min-height:310px !important}
	.m-top{margin-top: 110px}
}
@media only screen and (min-width:992px) and (max-width:1199px)
{
	/*index wecome*/
	.welcome li{font-size:13px;}
    .welcome ul{width:auto;margin: auto}
	.a-about .a-contant:nth-child(2){min-height:250px;margin-top:55px !important;float: left; width:26%;margin:15px 7.81% !important;display: block;padding:2%;}
}
@media only screen and (min-width:1200px)
{
	/*index wecome*/
	.engine .e-main{min-height:287px !important;}
}