@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'robotoblack';
    src: url('../fonts/roboto-black-webfont.eot');
    src: url('../fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-black-webfont.woff2') format('woff2'),
         url('../fonts/roboto-black-webfont.woff') format('woff'),
         url('../fonts/roboto-black-webfont.ttf') format('truetype'),
         url('../fonts/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.eot');
    src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body{font-family: 'robotoregular'; padding:0!important;border-top:8px solid #558a8d;}
.container{height:100%;}
a:hover{text-decoration:none;}
	a{outline:none;}
	a:focus{outline:none;}
ul,li{list-style:none;margin:0; padding:0;}
.navbar-brand{height:auto;padding-left:0;}
.topctc{float:right;color:#304757;font-size:16px;padding-top:30px;}
.topctc li{display:inline-block; padding-left:15px;padding-bottom:5px;}
.topctc li i{font-size:18px;}
.topctc p{margin:0}
.navbar{margin:0;}
.navbar-collapse{background-color:#304757;padding-left:0; padding-right:0;text-align:center;}
.navbar-nav > li > a{font-size:15px; text-transform:uppercase; color:#fff;padding-left:20px; padding-right:20px;}
.navbar-nav > li > a:hover{color:#558a8d;}
.navbar-nav{float:none; display:inline-block;vertical-align:top;}
.maintitle {text-align:center;padding:15px 0;}
.maintitle h1{font-size:20px; text-transform:uppercase;font-family: 'robotoblack';margin:0px 0 10px;color:#304757;}
.maintitle  li{display:inline-block;font-size:18px;padding-left:10px; padding-right:10px;border-left:1px solid #304757;line-height:18px;}
.maintitle  li:first-child{border-left:none;}
.slider_out{background-color:#558a8d;}
.carousel-fade .carousel-inner .item {opacity: 0;-webkit-transition-property: opacity;-moz-transition-property: opacity; -o-transition-property: opacity;
transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {  opacity: 1;}
.carousel-fade .carousel-control {  z-index: 2;}
.slider_txt{}
.slider_txt h3{font-size:18px;text-transform:uppercase;font-family: 'robotobold';background-color:#304757;margin:0 0 0 -30px;padding:15px 0;text-align:center;color:#fff;}
.slider_txt ul{margin-right:30px;}
.slider_txt li{width:100%;padding:13px 0px 13px 15px;color:#fff;font-size:15px;position:relative;text-transform:uppercase;border-top:1px dotted #fff;}
.slider_txt li:first-child{border-top:none;}
.slider_txt li:before{content:"\f101";font-family:"fontAwesome";position:absolute; top:15px;left:0;}
.slider_txt p{font-size:14px; margin:0;padding-right:30px;color:#fff;}


.about{padding:30px 0;}
.about h2{font-size:30px;font-family: 'robotoblack';margin:0 0 30px;color:#304757;text-transform:uppercase;text-align:center;}
.abt_txt p{font-size:16px; line-height:26px;margin:0;}
.abt_txt li{width:100%;padding:0px 0px 0px 15px;color:#304757;font-size:16px;position:relative;margin:10px 0;}
.abt_txt li:before{content:"\f101";font-family:"fontAwesome";position:absolute; top:0px;left:0;}
.abt_txt h4{background-color:#558a8d;color:#fff;font-size:18px;margin:5px 0;padding:10px 25px;display:inline-block;}
.services{padding:30px 0;}
.services .serv_bx{text-align:center;padding:15px 0;}
.services .serv_bx i{width:86px; height:86px; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background-color:#304757;line-height:86px; text-align:center;display:inline-block;}
.services .serv_bx h3{font-size:24px; font-family:"robotobold";text-transform:uppercase;margin:15px 0;}
.services .serv_bx p{font-size:14px;text-align:justify;line-height:25px;}
.brands{text-align:center;}
.brands h3{font-size:16px;line-height:26px;margin:0 0 0px;}
.brands .brndbx {border:1px solid #dcdcdc;height:138px;width:100%;line-height:138px;margin:30px 0;}
.upperfoot{background-color:#304757;text-align:center;}
.upperfoot li{display:inline-block;}
.upperfoot li{padding:15px;}
.upperfoot li a{color:#fff;text-transform:uppercase;}
.downfoot{background-color:#558a8d;text-align:center;color:#fff;padding:10px 0;}
.foot_cntct{float:left;}
.foot_cntct p{display:inline-block;padding-right:15px;}
.copyright{float:right;text-align:right;}

.pg_title h1{font-size:24px;text-transform:uppercase;color:#558a8d;font-family:"robotobold";padding:10px 0;border-top:6px solid #558a8d;border-bottom:2px solid #558a8d;margin:0;}
.aboutmain{padding:30px 0;}
.aboutmain .img img{width:100%;}
.aboutmain .abtmn_txt h2{font-size:24px;color:#304757;font-family: 'robotoblack';margin:0 0 5px;text-transform:uppercase;}
.aboutmain .abtmn_txt h4{font-size:18px;color:#304757;font-family: 'robotomedium';margin:0 0 15px;text-transform:uppercase;}
.aboutmain .abtmn_txt p{font-size:16px;line-height:28px; color:#000;}
.graduate .grad_inn{background-color:#558a8d;padding:25px;}
.graduate .grad_inn p{padding:0;margin:0;font-size:16px; line-height:28px;color:#fff;}
.org_dev{padding:30px 0 0;}
.org_dev .org_txt{margin-bottom:30px;}
.org_dev .org_txt h3{font-size:22px;font-family:"robotobold";margin:0 0 5px;text-transform:uppercase;color:#304757;}
.org_dev .org_txt h5{font-size:18px;font-family:"robotomedium";margin:0 0 10px;color:#000;}
.org_dev .org_txt li{padding:5px 0 5px 20px;position:relative;font-size:16px;}
.org_dev .org_txt li:before{content:"\f101";font-family:"fontAwesome";position:absolute; top:5px;left:0;}
.org_dev .org_txt h4{font-size:18px;font-family:"robotomedium";text-transform:uppercase;margin:10px 0 10px;}
.org_dev .org_txt p{font-size:16px; line-height:25px; color:#000;margin:0;}
.org_dev .img{margin-bottom:30px;}
.org_dev .img img{width:100%;}
.staff{}
.staff h4{font-size:18px;font-family:"robotomedium";text-transform:uppercase;margin:0px 0 5px;}
.staff h5{font-size:16px;font-family:"robotomedium";margin:0px 0 15px;}
.staff p{font-size:16px; line-height:25px; color:#000;margin:0;}
.areas{padding:30px 0;}
.areas li{padding:5px 0 5px 20px;position:relative;font-size:16px;}
.areas li:before{content:"\f101";font-family:"fontAwesome";position:absolute; top:5px;left:0;}
.accounting{padding:15px 0;}
.accounting .img{padding:15px 0;}
.accounting .txt{padding:15px 0;}
.accounting .txt h2{font-size:22px;font-family:"robotobold";margin:0 0 5px;text-transform:uppercase;color:#304757;}
.accounting .txt li{padding:5px 0 5px 20px;position:relative;font-size:16px;}
.accounting .txt li:before{content:"\f101";font-family:"fontAwesome";position:absolute; top:5px;left:0;}
.calculator .img{padding:30px 0;}
.calculator .img img{width:100%;}
.calculator .txt{padding:30px 0 20px;}
.calculator .txt a{font-size:17px;font-family:"robotomedium";text-transform:uppercase;margin:0px 0px;color:#558a8d;}
.calculator .txt a:hover{color:#304757;text-decoration:underline;}
.calculator .txt p{font-size:16px;margin:0px 0 10px;color:#000;line-height:22px;}
.useful_lnks{background-color:#eaeaea;padding:30px 0;}
.useful_lnks h3{font-size:22px;font-family:"robotobold";margin:0 0 15px;text-transform:uppercase;color:#304757;}
.useful_lnks h3 span{color:#558a8d;}
.useful_lnks a{font-size:17px;font-family:"robotomedium";text-transform:uppercase;margin:0px 0px;color:#558a8d;}
.useful_lnks a:hover{color:#304757;text-decoration:underline;}
.useful_lnks p{font-size:16px;margin:0px 0 10px;color:#000;line-height:22px;}
.map{padding:30px 0;}
.contactus{padding-bottom:30px;}
.contactus h3{font-size:24px;font-family:"robotobold";margin:0 0 5px;text-transform:uppercase;color:#304757;}
.contactus p{font-size:18px;margin:0px 0 30px;color:#000;line-height:22px;}
.block{background-color:#304757;padding:20px;color:#fff;margin-bottom:30px;}
.block li{font-size:18px;padding:5px 0;}
.block li i{padding-right:5px;}
.contactus a{padding-right:15px;display:inline-block;color:#304757; font-size:18px;text-transform:uppercase;}
.contactus a i{padding-right:5px;}
.contactus h4{background-color:#558a8d;color:#fff;font-size:18px;margin:5px 0;padding:10px 25px;display:inline-block;}


@media (min-width:992px)and (max-width:1199px){

	}
@media (min-width:768px)and (max-width:991px){
.navbar-nav > li > a{padding:12px 7px; font-size:14px;}
.maintitle li{font-size:15px; line-height:15px;}
.slider_out{background-color:#fff;}
.slider_out img{width:100%; height:auto;}
.slider_txt{padding:0px;background-color:#558a8d;}
.slider_txt h3{margin-left:0;}
.slider_txt ul{margin-right:0;padding:15px 30px;}
.slider_txt li{}
.slider_txt p{padding:0 30px 30px;}
.abt_img{text-align:center;padding-bottom:30px;}
.brands .brndbx{margin-bottom:30px;}
.upperfoot li{padding:15px 10px;font-size:14px;}
.upperfoot li a{font-size:13px;}
	}	
	

@media (max-width:767px){
.slider_out{background-color:#fff;}
.slider_out img{width:100%; height:auto;}
.slider_txt{padding:0px;background-color:#558a8d;}
.slider_txt h3{margin-left:0;}
.slider_txt ul{margin-right:0;padding:15px 30px;}
.slider_txt li{}
.slider_txt p{padding:0 30px 30px;}
.abt_img{text-align:center;padding-bottom:30px;}
.brands .brndbx{margin-bottom:30px;width:280px;display:inline-block;}
.upperfoot{padding:15px 0;}
.upperfoot li{padding:0px 8px;}
.navbar-toggle{background-color:#fff;}
.navbar-header{background-color:#304757;}
.navbar-toggle .icon-bar{background-color:#304757;}
.header{text-align:center;}
.navbar-brand{padding:15px; display:inline-block;float:none;}
.topctc{padding:15px 0;float:none; text-align:center;}
.topctc li{padding:0 15px;}
.maintitle li{font-size:14px;line-height:14px;padding:0 5px;}
.about h2{font-size:24px;}
.abt_txt p{font-size:14px;line-height:24px;}
.abt_txt li{font-size:14px;}
.services{padding-top:0}
.upperfoot li a{font-size:13px;}
.foot_cntct p{font-size:13px;}
.downfoot{font-size:13px;}
.slider_txt li{font-size:14px;padding:10px 0 10px 15px;}
.slider_txt p{font-size:14px;}
.foot_cntct, .copyright{width:100%; text-align:center;}

}


@media (min-width:320px)and (max-width:479px){
.maintitle h1{font-size:17px;}
.topctc li{font-size:14px;}
.slider_txt li{font-size:13px;padding:10px 0 10px 15px;}
.slider_txt p{font-size:13px;}
.about h2{font-size:18px;}

}

@media (min-width:320px)and (max-width:360px){

.navbar-brand img, .abt_img img{width:100%; height:auto;}
}