@charset "utf-8";
/* CSS Document */
body { font-family: 'Roboto', sans-serif;}
.mrg-5{ margin:5px 0;}
.mrg-10{ margin:5px 0;}
.container-fluid  { padding:0; font-family: 'ubuntu_condensedregular';}
.row { margin:0;}
h2, h3 { font-weight: normal;}
h5 { border-bottom: dotted 1px #d8d8d8; padding-bottom:10px;}
h6 { text-transform: uppercase; background:#F9F9F9; color:#272727; padding:15px;}
.lead { font-size:18px;}
/*top css*/
.top-nav { background: #f0f0f0; height:40px; line-height:40px; font-size:12px; text-align:right; padding-right:20px; color:#2e3336; padding-left:0; }
/*logo css*/
.logo { position: relative; top:0; background:#004080 url(../images/black-bg-pix.png); padding-top:6px; height:64px; z-index:120;}
.logo ul { margin:10px;}
.logo li { position:relative; display: inline-block; padding:5px 8px; margin:3px; font-size:12px; text-transform: uppercase; color:#fff}
.toggle-menu { display: none;}
/*drop css*/
.logo li ol { margin:0; padding:0; position:absolute; top:44px; left:3px; background:url(../images/white-bg-pix.png);}
.logo li ol li { display: block; width:260px; padding-left:15px;}
.logo .login { background:#ff7800; color:#fff; padding:5px 8px;}
.logo .login:hover { color:#fff; border: none !important;}
.logo a { color:#fff; text-decoration: none; transition:all ease-in .2s ease-out;}
.logo a:hover { color:#fff; text-decoration: none; border-bottom: solid 2px #ff7800;}
/*fixed header css*/
.fix-top { background:#fff; position: fixed; top: 0; left: 0; width: 100%; height: 60px; }
.drop-shadow { box-shadow: 1px 1px 3px #999;}
/*breadcrumb*/
.breadcrumb {background: none; border-bottom: 1px solid rgba(245, 245, 245, 1); border-radius: 0px; margin:0; padding:15px 0; display: block;}
.breadcrumb li {font-size: 14px;}
.breadcrumb a {color: rgba(66, 139, 202, 1);}
.breadcrumb a:hover {color: rgba(42, 100, 150, 1);}
.breadcrumb>.active {color: rgba(153, 153, 153, 1);}
.breadcrumb>li+li:before {color: rgba(204, 204, 204, 1); content: "\002F\00a0";}
/*wrap home css*/
.wrap-home { text-align:center; margin:574px auto 0;}
.wrap-home .dot-border { border-bottom: dashed 1px #afbdc0;}
.wrap-home section { text-align: center; padding:15px ; margin:10px 0; }
.wrap-home section img { display: block; margin:4px auto 0;}
.wrap-home section p { font-size:13px; color:#5a5a5a; line-height:20px; padding:0 20px 8px;}
.wrap-home small { color:#e77d00; padding:5px;  font-size:14px; cursor: pointer; }
.wrap-home small a {color:#e77d00; transition:all ease-in .2s;}
.wrap-home small a:hover {color:#8c4d02; text-decoration:none; cursor: pointer;}
.wrap-home h2 { color:#ff7800; font-weight: normal;}
.wrap-home h2+p { padding:5px 150px; line-height:24px;}
.wrap-home h2+p+P { padding:5px 150px; line-height:24px;}
.wrap-home h3 { color:#000000; font-size:18px; text-transform:capitalize;  }
.wrap-home li { text-align: left; background: url(../images/arrow-wrap-home.gif) no-repeat 0 7px; margin:0 0 5px 30px; padding-left:15px;}
.red { color:#fe4f00;}
/*wrap inner css*/
.wrap { padding:20px 60px; min-height:375px; line-height:22px;}
.wrap h4 { color:#ff4d00; padding-bottom: 8px; border-bottom: solid 1px #f0f0f0;}
.wrap h5 { text-transform: uppercase; color:#6a737b; margin:12px 0 8px}
.wrap ul li { background: url(../images/li-arrow.png) no-repeat 0 7px;padding: 0 0 0 12px; margin-left:20px; padding-left:15px; line-height:24px; }
.wrap .points li { background: url(../images/points-li.png) no-repeat 0 7px; padding: 0 0 0 12px; margin-left:20px;}
.wrap .clients-logo li { background: none; display: inline-block; padding:0 15px; margin: 15px;}
/*testimonial css*/
.testimonial { height:302px; background: #656565 url(../images/slider4.png) center; background-size:cover; margin:60px 0 0; text-align:center;}
.testimonial h4 { position: relative; padding:10px; top:60px; text-transform: uppercase; font-size:30px; color:#fff; text-align:center; font-weight: bold; }
/*.testimonial h4:before { content:'"'; font-size:100px; color:#ff4b02; position:absolute; left:20%;  }
.testimonial h4:after { content:'"'; font-size:100px; color:#ff4b02; position:absolute; right:20%;  }*/
.testimonial address { background:url(../images/black-bg-pix.png); width:50%; margin:0 auto; padding:10px; position: relative; top:80px; font-size:18px; text-align:center; color:#fff;
}
/*careers css*/
.job p { padding:0 20px; font-size:13px;}
.job strong { padding:10px 20px 5px; display: block; font-size:13px; color:#ff7800;}
.apply { margin-top:-10px; padding:10px 18px; color:#fff; text-transform: capitalize; background:#0a7ed1;}
.apply a { color:#fff;}
.apply a:hover { text-decoration: none;}
/*contact css*/
.map { border: solid 8px #e6e7e2;}

/*testi css*/
.testi .client-logo { padding:10px; margin:8px auto; border: dashed 1px #c1c1c1;}
/*login css*/
.login-bg { background:  url(../images/employee_group.jpg) center center; background-size:cover; height:400px; padding-top:80px; }
.login-bg .login-table { width:480px; margin: 0 auto; padding:15px; background: #fff url(../images/white-bg-pix.png);}
.login-bg .login-table td { padding:8px;}
.login-bg .login-table input { border: solid 1px #CCC;}

/*footer css*/
footer { margin:5px 0; background: #21262b; padding:15px 0; color:#fff; font-size:12px;}
footer label, input, button { display:block;}
footer input{ padding: 8px 12px; margin:8px 0; width:80%; background: #eeeeee; border: solid 1px #afafaf; color:#666; font-size:12px;}
footer ul { margin:10px 0 10px 50px; width:60%; float:left;}
footer li { display: inline-block; width:48%; margin:3px; background: url(../images/footer-li.png) no-repeat 0 7px; padding-left: 15px;}
/*social-icon css*/
footer ol { margin:0; padding:0; width:30%; float:right;}
footer ol li { width:100%; list-style: none; background: none;}
footer .social-icon span {position:relative; top:8px; display: inline-block; width:24px; height:24px; padding:3px; margin:0 8px 0 0;}
footer .social-icon .fb {  background: url(../images/social-icons.png) no-repeat -67px -5px; }
footer .social-icon .skp { background: url(../images/social-icons.png) no-repeat -36px -5px;}
footer .social-icon .tw { background: url(../images/social-icons.png) no-repeat -100px -34px;}
footer .social-icon .lin { background: url(../images/social-icons.png) no-repeat -162px -34px;}
footer .social-icon .pin { background: url(../images/social-icons.png) no-repeat -8px -34px;}
footer .social-icon .gog { background: url(../images/social-icons.png) no-repeat -38px -34px;}
/*backto Top css*/
a#backToTop { width:70px; height:70px; opacity:0.5; position:fixed; bottom:5px; right:5%; display:none; 
text-indent:-10000px; outline:none !important; background-image: url('../images/top.png');  background-repeat: no-repeat;}
/*g-map css*/
.g-map { width:500px; height:200px; margin:15px 0; border: solid 3px #f0f0f0; }
@media (min-width: 320px) and (max-width: 800px) {
.slider .jquery-reslider .slider-block { width: 100%; height: auto;}
.wrap-home h2+p { padding:5px 5px; line-height:24px;}
.top-nav { font-size:12px; text-align:center;}
.logo { width:100%;}
.logo .pull-left { width:80%;}
.logo .pull-right { width:10%; position:relative; padding-top:18px; text-align:center;}
.toggle-menu { display:block; border: solid 1px #bcbcbc; padding:3px; cursor: pointer;}
.logo .menu {display: none;}
.logo ul { background:url(../images/black-bg-pix.png); position:absolute; top:42px; right:-8px; margin:0 10px; border: solid 1px #e2e2e2; width:160px; padding:0 5px 5px;  }
.logo li { text-align:left; position:relative; display: block; padding:5px; margin:1px 1px 1px 5px; text-transform:capitalize; color:#fff;}
/*wrap inner css*/
.wrap { padding:20px; line-height:22px;}
/*login css*/
.login-bg .login-table { padding:5px; width:100%;}
.login-bg .login-table td { padding:4px;}
.login-bg .login-table input { border: solid 1px #CCC; padding:4px!important; height:auto;}
	}