/*/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
/* set image max width to 100% */
 

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
::selection {
	background: #2B3990;
	color: #FFF;
}
::-moz-selection {
 background: #2B3990;
 color:#FFF;
}
/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	font-family: 'Roboto'!important;
	font-size: 14px !important;
	color: #7b7b7b; 
}
a {
	color: #026acb;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: none !important;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}
A:focus {
	outline: none !important;
}
*:focus {
	outline: none !important;
}
/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
 display: none;
}
/************************************************************************************
FONT FACE
*************************************************************************************/
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/RobotoMedium.eot');
    src: url('../fonts/RobotoMedium.eot') format('embedded-opentype'),
         url('../fonts/RobotoMedium.woff2') format('woff2'),
         url('../fonts/RobotoMedium.woff') format('woff'),
         url('../fonts/RobotoMedium.ttf') format('truetype'),
         url('../fonts/RobotoMedium.svg#RobotoMedium') format('svg');
		 font-weight: 500;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/RobotoLight.eot');
    src: url('../fonts/RobotoLight.eot') format('embedded-opentype'),
         url('../fonts/RobotoLight.woff2') format('woff2'),
         url('../fonts/RobotoLight.woff') format('woff'),
         url('../fonts/RobotoLight.ttf') format('truetype'),
         url('../fonts/RobotoLight.svg#RobotoLight') format('svg');
		 font-weight: 300;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/RobotoRegular_0.eot');
    src: url('../fonts/RobotoRegular_0.eot') format('embedded-opentype'),
         url('../fonts/RobotoRegular_0.html') format('woff2'),
         url('../fonts/RobotoRegular_0.woff') format('woff'),
         url('../fonts/RobotoRegular_0.ttf') format('truetype'),
         url('../fonts/RobotoRegular_0.svg#RobotoRegular_0') format('svg'); 
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/RobotoBlack.eot');
    src: url('../fonts/RobotoBlack.eot') format('embedded-opentype'),
         url('../fonts/RobotoBlack.woff2') format('woff2'),
         url('../fonts/RobotoBlack.woff') format('woff'),
         url('../fonts/RobotoBlack.ttf') format('truetype'),
         url('../fonts/RobotoBlack.svg#RobotoBlack') format('svg');
		 font-weight: 900;
}

 
 

/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');*/
/*font-family: 'Roboto', sans-serif;*/



/************************************************************************************
STRUCTURE
*************************************************************************************/
.pagewrap {
	width: 1100px;
	margin: 0 auto !important;
	position: relative;
}
#header-top{
	background:#f9f9f9;
	width:100%;
	padding:8px 0;  
	
}
.slider img{
	width:100%;
	height:auto;
}
.navbar{
	background:none !important;
	border:0px !important;
	margin:0px 0 0 0 !important;
}
.navbar-nav{
	float:right !important;
	margin:60px 0 10px 0 !important;
}
.navbar-nav > li > a{
	padding:0px 0px !important;
	font-family: 'Roboto' !important;
	font-size: 15px !important;
	color: #252a3c !important; 
	text-transform: capitalize;
	margin:0px 15px !important;
	font-weight:500;
}
.navbar-nav > li > a > i{
	display:none;
}
.navbar-nav > li:last-child a{
	margin-right:0px !important;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
	color: #354c9b !important; 
}
.push_nav_logo{
	display:none !important;
}
.navbar-toggle{
	margin:17px 0 0 0 !important;
}
header{ 
	position:relative;
	top:0px;
	z-index:50;
	width:100%;
	background:#FFF;
	padding:0 0 10px 0px; 
	border-top:3px solid #2B3990;
	
}
header .pagewrap{ 
	margin: 0 auto;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.logo {
    margin-top: 18px;
}
.call-icon{
	position:relative;
	margin-left:25px;
}
.call-icon:after{
position: absolute;
    border-left: 1px solid #BCBCBC;
    content: "";
    left: -17px; 
    height: 26px;
    top: 5px;
}
.affix {
    position: fixed;
    top: 0;
	background:#FFF;
	z-index:650;
}
.affix:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 18px;
    bottom: -18px;
    background: url(../images/scroll_shadow.png) no-repeat center top;
	background-size:contain;
}
.affix #header-top {
	display:none;
	overflow:hidden;
}
 
.user-reg span i{
	margin-right:5px;
}
.user-reg span:first-child{
	border-right:1px solid #FFFFFF;
}
.header-top-left {
    text-align: right;
    position: absolute;
    right: 15px;
    top: 10px;
	z-index:50;
}
 
.social-icons  span{ 
	background:#2B3990;
	width:34px;
	height:34px;
	text-align:center;
	display:inline-block;
	border-radius:50%;
	margin-right:5px;
	border: 1px solid #2B3990;
}
.social-icons i{
	font-size:18px; 
	color:#FFFFFF; 
	margin-top:8px;
}


#banner{
	position:relative;/*
	    padding-top: 123px;*/
}
.bnr-slider{
	position:relative;
}
.bnr-slider img{
	width:100%;
	height:auto;

}
#welcome-main{
	width:100%;
	/*background:#12111e url(../images/wmap_bg.png) no-repeat center top;*/
	background:#fff url(../images/wmap_bg.png) no-repeat center top;
	padding:60px 0 150px 0;
	border-top:5px solid #2B3990;  
}
#welcome-main .pagewrap{
	z-index:10;
}
.welcome-txt{
	color:#404041;
}
.welcome-txt h4{
	font-size:41px;
	color:#192954;
	font-family: 'Roboto';
	margin:0px;
	font-weight:900;
	margin-bottom:25px;
}
.welcome-txt h4 span{
	font-weight:300;
	display:block;
	font-size:35px;
	color:#2B3990;
	line-height:30px;
}
.welcome-txt aside{
	margin-bottom:45px;
}
.r-more a{
	background: #2B3990;
	padding: 10px 30px;
	border-radius: 40px;
	color:#FFFFFF;
}
.r-more a:hover{
	background: #192954; 
	padding: 10px 30px;
	border-radius: 40px;
	color:#FFFFFF;
}
#wel-bottom{
	position:relative;
}
#wel-bottom .pagewrap{
	z-index:10;
	padding-top:80px;
}
#wel-bottom h4{
	font-size:54px;
	line-height:42px;
	font-weight:900;
	font-family: 'Roboto';
	color:#FFFFFF;
	margin:0 0 15px 0;
}
#wel-bottom h4 span{
	font-size:45px;
	display:block;
	font-weight:normal;
}
#wel-bottom aside{
	width:50%;
	color:#FFFFFF;
	margin-top:15px;
}
.truck-pic img{
	position:absolute;
	top:80px;
	right:0;
}
.truck-pic{
	float:right !important;
}
#wel-bottom:after{
	content:"";
	position:absolute;
	background:url(../images/red_bg.png) no-repeat;
	width:100%;
	height:720px;
	top:-412px;
}
.truck-icons img{
	margin-right:15px;
}
.truck-icons {
	margin-top:70px;
}
#mid-main{
	padding-top:115px;
}
#mid-main h4{
	text-align:center;
	font-size:45px;
	font-weight:900;
	color:#2f2f3e;
	margin:0 0 45px 0;
}
#mid-main h4 span{
	display:block;
	font-size:55px;
	text-transform:uppercase;
	font-weight:300;
	    line-height: 42px;
}
.clients-con{
	font-size:18px;
	color:#2f2f3e;
	text-align:center;
	padding-top:70px;
}
.clients-con span{
	display:block;
	font-size:30px;
	font-weight:900;
	color:#2f2f3e;
}
.cl-icon {
    background: #192954;
    width: 135px;
    height: 135px;
    border-radius: 100%;
    box-sizing: border-box;
    text-align: center;
    padding-top: 18px;
    margin: 0px auto;
    position: relative;
	top:-75px;
}
.cl-icon:after{
	content:"";
	position:absolute;
	width:175px;
	height:25px;
	background:url(../images/cl_right_arw.png) no-repeat;
	right:-204px;
}
.cl-icon:before{
	content:"";
	position:absolute;
	width:175px;
	height:25px;
	background:url(../images/cl_left_arw.png) no-repeat;
	left:-204px;
}
#mid-bottom{
	width:100%;
	background:url(../images/blue_bg.png) no-repeat center top #f7f7f4;
	padding-top:175px;
	padding-bottom:60px;
}

.ind-head{
	font-size:45px;
	color:#FFFFFF;
	font-weight:300;
	font-family: 'Roboto';
	margin:0px;
	text-transform:uppercase;
	line-height:40px;
}
.ind-head span{
	font-size:45px; 
	font-weight:900;
	font-family: 'Roboto';
	display:block;
}
.ind-head.black-txt{
	color:#1f2031;
}
#srv-main{
	padding:50px 0 250px 0;
}
.srv-box{
	width:200px; 
	text-align:center;
	display:inline-block;
}
.srv-box h4{
	color:#FFFFFF;
	font-weight:500;
	font-family: 'Roboto';
	margin:15px 0 0 0;
}
.srv-box .img-circle{
	border:5px solid #FFFFFF;
}
.request-qt{
	position:absolute;
	right:0px;
	top:-175px;
	width:257px;
	text-align:center;
	    margin-bottom: 110px;
}
.request-qt span {
    background: #2B3990;
    border: 19px solid #a51c2a;
    width: 130px;
    height: 130px;
    display: block;
    text-align: center;
    border-radius: 100px;
    box-sizing: border-box;
    padding-top: 15px;
	margin:0px auto;
}

.request-qt span:hover {
    background: #133692;
    border: 19px solid #192954;
    width: 130px;
    height: 130px;
    display: block;
    text-align: center;
    border-radius: 100px;
    box-sizing: border-box;
    padding-top: 15px;
	margin:0px auto;
}
.request-qt h4{
		font-size:23px;
	color:#a51c2a;
	text-transform:uppercase;
	font-weight:900;
	font-family: 'Roboto';
}
.contact-adrs aside{
	margin-top:30px;
}
#footer-top{
	background:#fbfbfb;
	position:relative;
	padding:60px 0 20px 0;
	min-height:200px;
}
#footer-top:after{
	position:absolute;
	content:"";
	width:384px;
	min-height:199px;
	height:100%;
	left:0px;
	top:0px;
	background:url(../images/ftr_left_pic.png) no-repeat right center;
}
#footer-top:before{
	position:absolute;
	content:"";
	width:384px;
	right:0;
	top:0;
	min-height:199px;
	height:100%;
	background:url(../images/ftr_right_pic.png) no-repeat left center;
}
.ftr-wrp{
	width:500px;
	margin:0px auto;
	text-align:center;
	position:relative;
	padding-bottom:65px;
}
.ftr-wrp h4{
	font-size:20px;
	color:#101010;
	text-transform:uppercase; 
	font-family: 'Roboto';
}
.ftr-wrp h4 span{
	font-size:40px;
	color:#2B3990;
	background:url(../images/call_icon.png) no-repeat left center;
	padding-left:50px;
	text-transform:uppercase;
	font-weight:900;
	font-family: 'Roboto';
	display:inline-block;
}
.ftr-wrp h5{
	font-size:22px;
	color:#101010;
	font-weight:900;
	text-transform:uppercase; 
	font-family: 'Roboto';
}
.ftr-wrp:after{
	content:"";
	position:absolute;
	width:175px;
	height:25px;
	background:url(../images/ftr_right_arw.png) no-repeat;
	right:-114px;
	bottom:0px;
}
.ftr-wrp:before{
	content:"";
	position:absolute;
	width:175px;
	height:25px;
	background:url(../images/ftr_left_arw.png) no-repeat;
	left:-114px;
	bottom:0px;
}
footer{
	background:#2B3990;
	padding:18px 0;
	font-size:13px;
	 color:#FFFFFF;
}
.ftr-social a{
	color:#FFFFFF;
	font-size:17px;
	margin-left:8px;
}
#inner {
    padding: 30px 15px;
}
#inr-banner{
	/*background:#2B3990;*/
	/*height:350px;*/
}
#inr-banner img{
	width:100%;
	height:auto;
}

.inner-head { 
	font-family: 'Roboto'; 
	color:#454343;
	 
	margin-bottom:40px;
	position:relative;
	/*margin-top:-120px;*/
	/*border-bottom: 1px solid #2B3990;*/
    padding-bottom: 10px;
}
.inner-head h4{ 
	font-family: 'Roboto';
	font-weight:900;
	color:#454343;
	font-size:45px;
	text-transform:uppercase;
	line-height:20px; 
}

.inner_head span{
	padding-right:25px; 
}
.back_link{
	color:#454343;
	list-style:none;
	margin:15px 0 0 0;
}
.back_link li{
	display:inline-block;
	border-left:1px solid #454343;
	padding:0 10px;
	line-height:11px;
	font-size:15px;
}
.back_link li a{
	color:#454343;
}
.back_link li:first-child{
	border:0;
	padding-left:0;
}
.inner_left{ 
	text-align:justify;
	color:#454343;
}

.inner_right_head{
	padding:0px 0px 0px 12px; 
	font-size:18px;
	color:#02677c;  
	font-family: 'Roboto';
	border-bottom:1px dotted;
	margin:27px 0 0 0px;
	
}
.inner_right ul {
	margin:0; 
	padding:0; 
	list-style:none;
}

.inner_right ul li a{
	color:#6b6e6f; 
	font-size:13px;
	line-height:41px;
	text-decoration:none;
	display:block;
	background:url(../images/list_arrow.png) no-repeat 19px 18px;
	border-bottom:1px solid #e7e8e8;
	padding-left:34px;
	-webkit-transition: all .4s ease-in-out;
  	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
 
.inner_right ul li a:hover{
	padding-left:45px;
	color:#2B3990;
}
.inner_right ul li:hover{
	background:url(../images/list_over_bg.jpg) repeat-x center left;
	background-position:0px 4px;
}
.getQuote{
	position: absolute;
	right:-12%;
	top:0%;
	/*background-color: #2B3990;*/
	width: 100px; 
	height:100px;
	display: inline-block;
    text-transform: uppercase;
    /*background: none;*/
    background: rgba(191,30,46,0.7);
    font-weight: bold;
    transition:color 0.25s ease;
    border-left:1px solid #2B3990;
    border-right:1px solid #2B3990;
    
 }

 .getQuote h4{
    color: #FFF;
    font-size: 14px;
    text-align: center;
    padding-top: 35%;
    text-transform: uppercase;
 }

 .getQuote h4:hover{
	/*background-color: #192954;*/
	color: #FFF;
 }
 .getQuote::after {
  position: absolute;
  content: '';
  top:0;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(191,30,46);
  transform-origin:left;
  transition:all 0.25s ease;
  z-index:-1;
  color: #FFF;
}

.getQuote:hover::after {
  height: 100px;
  color: #FFF;
}
.serviceBorder{
	border:1px solid #ccc; 
	margin: 15px;
	padding: 25px 0px;
	width: 30%;
	float: left;
}
.serviceBorder:hover{
-webkit-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.56);
-moz-box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.56);
box-shadow: 0px 2px 7px -1px rgba(0,0,0,0.56);
}

.serviceBorder img{
	width: 85%;
}
.serviceBorder h4{
    
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    padding-top:15px;
 }
.view-tenth p{
	padding:15px 25px;
	color: #454343; 
}

 .job-list-box{
	border:1px solid #e8e8e8;
	padding:20px 15px;
	margin:10px 0!important;
}


.list-amnt{
	font-size:17px;
	
}
.list-amnt i{
	margin-right:5px;
	color:#192954;
}
.list-locate{
	margin-left:20px;
	font-size:16px;
}
.list-locate i{
	margin-right:8px;
	color:#192954;
}
.job-list-details{
	padding-top:8px;
}
.job-list-details h4{
	font-size:21px;
	margin:0px 0 8px 0;
	color:#192954;
}
.job-list-details h5{
	font-size:17px; 
	margin:0px 0 8px 0;
}
.job-list-btns{
	text-align:right;
	padding-top:8px;
}
.freelance-btn{
	background:#192954;
	min-width:104px;
	color:#FFFFFF;
	margin:5px 0;
}
.btn.freelance-btn:hover{
	color:#FFFFFF;
	background:#2B3990;
}

.send-btn{
	background:#3f517f ;
	min-width:104px;
	color:#FFFFFF;
	margin:5px ;
}
.btn.send-btn:hover{
	color:#FFFFFF;
	background:#192954;
}

.cancel-btn{
	color: #333;
    background-color: #fff;
	min-width:104px;
	margin:5px;
	border:1px solid #ccc !important;
}
.btn.cancel-btn:hover{
	color: #333;
    background-color: #e6e6e6;
    border:1px solid #adadad;
}

.btn.apply-btn:hover{
	color:#FFFFFF;
	background:#2B3990;
}
.apply-btn{
	background:#d66869;
	min-width:204px;
	color:#FFFFFF;
	margin:5px 0;
}

.careers-details h4{
	font-size:24px;
	margin:0px 0 8px 0;
	color:#192954;
	border-bottom: 1px solid #192954;
	padding-bottom: 10px;
}

.careers-details small{
	font-size:15px;
	color:#2B3990;
}
.careers-details span{
	font-size:15px;
	color:#adad85;
}
.details{
  line-height: 25px;
  font-size:15px;
}
.modal-content{
	border-radius: 0px !important;
}

.modal-header {
 background:#ebebe0;
}
.modal-footer{
	border:none !important;
}
label{
	font-weight: 400 !important;
}
input[type=file].input+label {
    position: relative;
    display: block;
    margin: 10px 0;
    padding: 20px 0;
    border: 1px dashed #a6afb8;
    border-radius: 2px;
    color: #a6afb9;
    text-align: center;
    line-height: 1;
    cursor: pointer;
}
input[type=file].input+label {
    display: block;
    margin: 10px 0;
    padding: 20px 0;
    border: 1px dashed #a6afb8;
    border-radius: 2px;
    color: #a6afb9;
    text-align: center;
    line-height: 1;
}

input[type=file].input+label:hover {
  border: 1px solid #1f91f3;
    border-radius: 2px;
}

#resumefile{
	 display:none;
}

.col-red {
    color: #F44336 !important;
}
.col-blue {
    color: #1f91f3  !important;
}
.col-green {
    color: #33cc33  !important;
}
.col-orange {
    color: #ff9900  !important;
}
.col-yellow {
    color: #ffff00  !important;
}
.col-grey {
    color: #adadad  !important;
}
.col-brown {
    color: #cc5200  !important;
}
.help-block {
    font-size: 12px !important;
}
.media-gallery img{
 width:100%;
}
.srv-pic img{
	opacity:0.6
}
.srv-pic img:hover{
	opacity:1
}

/*--Gallery List--*/
#photos {
   /* Prevent vertical gaps */
   line-height: 0;
-webkit-column-count: 3;
-webkit-column-gap: 0px;
-moz-column-count: 3;
-moz-column-gap: 0px;
column-count: 3;
column-gap: 6px;

}

#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
  margin-bottom:6px; 
}

@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 1000px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  #photos {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}

.gallery h4{
  font-size: 12px;
}
.contact-details h4{
	font-size:24px;
	margin:0px 0 8px 0;
	color:#192954;
	border-bottom: 1px solid #2B3990;
	padding-bottom: 10px;
	width: 180px;
}
.enquiry input[type=text], .enquiry input[type=email],.enquiry input[type=tel] {
	height: 50px;
	border-radius: 0px;
}
.enquiry textarea{
	border-radius: 0px;
}

.quote-form{
	margin-bottom: 25px;
}
.quickQuotes input[type=text], .quickQuotes input[type=email],.quickQuotes input[type=tel],.quickQuotes select{
	height: 40px;
	border-radius: 0px;
}
 .quickQuotes textarea {
 	border-radius: 0px;
 	min-height: 120px;
 }
 .contact-address{
 	margin-bottom: 50px;
 }
 .location-details{
 	margin-top: 50px;
 }