@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700,800');
a, a:active, a:focus {outline: none;}
a {outline:none !important;}
a, a:active, a:focus, 
button, button:focus, button:active, 
.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {outline: none;outline: 0;}
a{outline: medium none !important;}
a.image-link:focus { outline: 0; }
input::-moz-focus-inner {border: 0;}
.co{color:#000;}
a.readmore{background:#e41c39; font-size:14px; color:#fff; padding:5px 10px; margin-top:20px; text-decoration:none; float:left; }
a.readmore:hover{color:#fff;}
body{ margin:0; padding:0;font-family: 'Raleway', sans-serif;}
header{background:#000000;}
header .navbar-nav > li{padding: 15px 5px;}	
header .navbar-nav > li > a{color:#fff; font-size:18px; font-weight:500; border-top:10px solid #000;}
header .nav > li > a:hover, .nav > li > a:focus{background:none; border-top:10px solid #1f409e;}
.sticky {position: fixed;width: 100%;left: 0;top: 0;z-index: 100;border-top: 0;background:#000;z-index:9999; border-radius:0px;}


#banner{position:relative;}
#banner .textbox{ position:absolute; top:20%; left:15%; color:#fff;}
#banner .textbox h2{text-transform:uppercase; font-size:38px; font-weight:200;}
#banner .textbox h3{font-size:26px; font-weight:500;}

#aboutus h2{text-align:center; font-size:28px; font-weight:200; padding:48px 0px; border-bottom:1px solid #1f409e; margin:0px;padding-top: 60px;}
#aboutus .about{padding-top:55px;}
#aboutus .about h3{font-size:30px; margin-top:0px;}
#aboutus .about h3 span{font-weight:300;}
.text-aligin{text-align:center;}

#ourservices{background:#f5f5f5; margin-top:64px;}
#ourservices h2{font-size:28px; text-transform:uppercase; margin:0px; padding:45px 0px; padding-top:60px; text-align:center;}
#ourservices h2 span{font-weight:300;}
.training, .onsite, .consult{ padding-bottom:60px;}
.training h3, .onsite h3, .consult h3{margin:0px;}
.training ul, .onsite ul, .consult ul{padding:0px; margin:0px; font-weight:300; padding-top:20px;}
.training ul li, .onsite ul li, .consult ul li{list-style:url(../images/bullet.png); margin-left:34px; padding-top:10px; color:#696969; font-size:20px;}
ul.poptext{padding:0px; margin:0px; padding:0px 20px; padding-bottom:30px;}

ul.poptext li{ font-size:14px; padding-top:0px; list-style-image:url(../images/popbullet.jpg); line-height:24px;}
.footertop{padding:20px 0px; background:#e41c39; color:#fff;}
.footertop a{color:#fff; text-decoration:none;}
.footerbottom{padding:20px 0px; background:#000; color:#fff; font-weight:300; font-size:14px;}
.footerbottom a{color:#fff; text-decoration:none;}
.footerbottom a:hover{color:#fff; text-decoration:none;}
.copy{text-align:right;}
.foll{ font-size: 18px; line-height: 30px;}
.foll a i{width:30px; height:30px; border-radius:30px; border:1px solid #fff; text-align:center; line-height:30px; margin:0px 5px;}
h4.modal-title{font-size:28px; color:#1f41a0; padding-top:20px;}
.poptext h5{font-size:22px;}
#banner img.img2{display:none;}

@media (max-width:1920px){
.carousel-control.right {left: 320px;}
.carousel-control{top:43%;}
.carousel-control.left{left: 290px;}
.modal-dialog {width: 40%;}
}
@media (max-width:1600px){
.carousel-control.left {left: 245px;}
.carousel-control{top:48%;}
.carousel-control.right {left: 278px;}
}
@media (max-width:1440px){
.carousel-control.left {left: 218px;}
.carousel-control{top:53%;}
.carousel-control.right {left: 248px;}
}
@media (max-width:1366px){
.carousel-control.left {left: 208px;}
.carousel-control.right {left: 238px;}
.modal-dialog {width: 54%;}

}

@media (max-width:1280px){
.carousel-control.left {left: 208px;}
.carousel-control.right {left: 238px;}
.carousel-control{top:54%;}


}
@media (max-width:1152px){
.carousel-control{top:62%;}
.carousel-control.left {left: 190px;}
.carousel-control.right {left: 218px;}

}

@media (max-width:1024px){
.carousel-control{top:64%;}
.carousel-control.left {left: 190px;}
.carousel-control.right {left: 218px;}

}
@media (max-width:768px){
#banner .textbox h2{font-size: 25px;}
.co{margin-right:0px;}
.navbar-header{width:40%}
.navbar-header img{ width:60%;}
header .navbar-nav > li > a{border-top: 0px solid #000;}
header .nav > li > a:hover, .nav > li > a:focus{background:none; border-top:0px solid #1f409e;}
.carousel-control.left {left: 120px;}
.carousel-control.right {left: 140px;}
.carousel-control{top:63%;}
}

@media (max-width:767px){

#aboutus img, #ourservices img{ margin:10px auto;}
.warpper {text-align:center;}
a.readmore{display: block;margin: 20px auto;width: 100px;float: none;}

.training ul, .onsite ul, .consult ul{padding-top: 0px;}
.navbar-header{width:100%;}	
.navbar-toggle{background-color:#fff;}
.navbar-header img{width:23%;}
.navbar-toggle .icon-bar{background:#000;}
header .navbar-nav > li{padding: 0px 5px;}
#banner .textbox, .modal-body{text-align:left;}
.modal-content{margin-top:100px;}
body{overflow-x:hidden;}
.modal-dialog {width: 94%;}
#banner img.img1{display:none;}
#banner img.img2{display:block;}
.textbox{display:none;}
.carousel-control{display:none;}
.carousel{cursor:move;}
}
@media (max-width:667px){
.foll {float: left;text-align: left;}
	.foll a i{margin: 0px 1px;}.navbar-header img {width: 36%;}
	.carousel-control.left, .carousel-control.right { display:none;}

	
}
@media (max-width:640px){.foll a i{width:20px; height:20px; border-radius:20px; border:1px solid #fff; text-align:center; line-height:20px; margin:0px 1px;font-size: 10px;}}
@media (max-width:600px){.footerbottom{font-size:12px;}#aboutus h2{font-size:22px;}}
@media (max-width:480px){ .w{width:100%; text-align:center;}.copy {text-align: center;} #banner .textbox h2, #banner .textbox h3{ font-size:16px; top:0px;}#banner .textbox{top:1%;}.navbar-header img {
    width: 51%;
}}