/* CSS Document */

/* 
FIREMOBILE WEB CSS



*/




/* --------------  1. CUSTOM FONTS --------------------*/

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

}

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

}

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

}

html{height:100%}
body {margin: 0px; padding:0px; font:15px Arial, Helvetica, sans-serif; width:100%; height:100%; color:#777777; background-color:#fff;}
a{color:#c72531; outline:none;
-webkit-transition:color 0.2s linear;-moz-transition:color 0.2s linear;transition:color 0.2s linear;
-webkit-transition:background-color 0.2s linear;-moz-transition:background-color 0.2s linear;transition:background-color 0.2s linear; }
a.selected, a:hover{color:#333333;}

.txtbox_tp{border:none !important; background-color:transparent!important; width:99%; outline:none!important; color:#fff !important; }

/* --------------  CUSTOM FOUNDATION CSS --------------------*/
table {border:none!important; }
table tr td{padding:0px!important;}
input, select, textarea{border-radius:3px!important; font-size:15px;}

/* --------------  2. FONT FORMAT --------------------*/
.font_10px{font-size:10px!important;}
.font_11px{font-size:11px!important;}
.font_12px{font-size:12px!important;}
.font_13px{font-size:13px!important;}
.font_14px{font-size:14px!important;}
.font_16px{font-size:16px!important;}
.font_18px{font-size:18px!important;}
.font_20px{font-size:20px!important;}
.font_23px{font-size:23px!important;}
.font_24px{font-size:24px!important;}
.font_26px{font-size:26px!important;}
.font_30px{font-size:30px!important;}
.font_34px{font-size:34px!important;}
.font_40px{font-size:40px!important;}

.font_black {font-family:'aaux-bold';}
.font_med {font-family:'aaux-medium';}
.font_light {font-family:'aaux-light';}
.txt_red{color:#ed1c24;}
.txt_required{color:#ff0000;}
.txt_white{color:#fff;}
.txt_black{color:#333;}
label {color:#333; font-size:12px; font-weight:bold; }

.highlight_txt_grey{color:#5f5f5f; font:35px 'lato-medium'}
.highlight_txt_red{color:#c72531; font:25px 'lato-medium'}

.breadcrumbs{margin-bottom:-15px !important;}

.marginL10 {margin-left:10px; margin-right:10px;}
.marginT10{margin-top:10px;}
.marginT20 {margin-top:20px;}
.marginT40 {margin-top:40px;}
.marginB10 {margin-bottom:10px;}
.marginB30 {margin-bottom:30px;}

.divider_grey{border-bottom:1px solid #cecece; padding-top:20px; margin-bottom:20px;}

.mainheader_txt{font:36px 'aaux-light'; color:#ed1c24; text-transform:uppercase;}
.subheader_txt{}

.img_noresize {max-width:none;}

.centered {text-align:center;}


/* --------------  BUTTONS  --------------------*/
button, .btn_red{background-color:#ed1c24; padding:10px 15px; border-radius:3px; color:#fff; font-weight:bold; font-size:16px; display:inline-block; text-transform:uppercase;}
button:hover, .btn_red:hover{background-color:#9b1a24; color:#fff;}
button:active, .btn_red:active{background-color:#f23341;}

.btn_black{background-color:#2c2c2c; padding:10px 15px; border-radius:3px; color:#fff; font-weight:bold; font-size:16px; display:inline-block;  text-transform:uppercase;}
.btn_black:hover{background-color:#000000; color:#fff;}
.btn_black:active{background-color:#6f6f6f;}


/* --------------  CAREER SECTION  --------------------*/
.btn_career {padding:20px 30px; background-color:#ed1c24; border-left:10px solid #b72026; color:#fff; display:block; margin:10px; text-transform:uppercase }
.btn_career:hover {background:#b72026; color:#fff; -webkit-transition:background-color 0.2s linear;-moz-transition:background-color 0.2s linear;transition:background-color 0.2s linear;}
.btn_career:visited, .btn_career:active {color:#fff;}

/* --------------  CONTACT US SECTION  --------------------*/
[data-abide] small.error {background:#000!important;}



/* --------------  HEADER  --------------------*/
.header {padding-top:10px; height:80px!important;}

/* --------------  MAIN NAV  --------------------*/
.mainNav {background:url(../images/structures/menu_bg.png) repeat-x bottom; width:100%; border:0px; position:absolute;z-index:99; }

.top-bar-section li {line-height:0px!important;}
.top-bar-section, .top-bar-section ul li > a{ background-color:white!important; color:#777777; font-family:'aaux-medium'!important; font-size:16px !important; z-index:999!important; text-transform:uppercase; -webkit-transition:color 0.2s linear;-moz-transition:color 0.2s linear;transition:color 0.2s linear;}
.top-bar-section, .top-bar-section ul li > a:hover{color:#ed1c24!important;}
.top-bar {background-color:transparent!important;}

.top-bar-section ul li a.dividerNav:hover{color:#777!important; cursor:auto;}


.selected {color:#000!important; font-weight:bold!important;}
.selected:hover {color:#fff!important;}

#backToTop {bottom:10px; right:10px; position:fixed; display:none; width:50px; height:50px; background-color:#c72531; z-index:99;  }
#backToTop:hover {background-color:#9b1a24;}
#backToTop:active {background-color:#f23341;}
#backToTop img{margin-top:10px; margin-left:3px; width:90%;}




/* --------------  MAIN HIGHLIGHTS BANNERS  --------------------*/
/*.orbit-container{height:550px;}*/
.main_highlights{width:100%;  }
.main_highlights .banner{height:550px; margin-top:30px; z-index:1;}
.main_highlights .banner2{background:url(../images/contents/mainhighlights/.jpg) no-repeat center; }


.main_highlights .banner img{left:0; top:0; right:0; bottom:0; position:absolute; margin: auto auto 0 auto;}


/* --------------  CONTENTS  --------------------*/
.content_container {padding:50px 15px; }
.content_header {font:46px 'lato-black'; color:#333333;}
.nopaddingbtm {padding-bottom:0px!important;}

.service .item{border-top:1px solid #cccccc; padding-top:10px; margin-top:10px; }
.service .item img{padding-right:10px; max-width:none;}
.service table tr td{color:#777!important;text-align:center; text-transform:uppercase;}

.feature {background:url(../images/contents/mainpage/features.jpg) bottom center no-repeat; font-size:11px; height:440px; }
.feature .item{border-bottom:1px solid #cccccc; margin-bottom:10px; padding-bottom:10px; font-size:13px;}
.feature .item .title{font:15px 'aaux-bold'; color:#ed1c24; text-transform:uppercase; }
.feature .left{text-align:right;}
.feature .lastnode{border-bottom:none;}


.highlight_red {width:100%; background-color:#c72531; color:#fff;}
.highlight_grey {width:100%; background-color:#e0e0e0; margin-top:-15px;}
.highlight_contactus {width:100%; background:#efefef url(../images/contents/contactus/mail.png) no-repeat 300px bottom;}


/* --------------  FOOTER  --------------------*/
.footer {background-color:#2c2c2c; !important; color:#6a6a6a; padding:20px 20px 60px 20px; font-size:11px; z-index:1!important; }
.footer .footerLink a{color:#fff; font-size:11px;}
.footer .footerLink a:hover{color:#c72531;}
.footer .footerLink ul {padding:0px; margin:0px;}
.footer .footerLink li {list-style-type:none; font-size:13px; color:#919191;}
.footer .footerLink .header {color:#fff; font:16px 'lato-black'; text-transform:uppercase; padding-bottom:5px;}

.footer .socialLink {text-align:right;}
.footer .socialLink .icons {text-align:right;margin-right:4px;}
.footer .socialLink a{opacity:0.5; display:inline-block; height:37px; width:37px; -webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;transition:opacity 0.2s linear;}
.footer .socialLink a.google{ background:url(../images/icons/icon_google.png) no-repeat;}
.footer .socialLink a.facebook{ background:url(../images/icons/icon_facebook.png) no-repeat;}
.footer .socialLink a.twitter{ background:url(../images/icons/icon_twitter.png) no-repeat;}
.footer .socialLink a.linkedin{ background:url(../images/icons/icon_linkedin.png) no-repeat;}

.footer .socialLink a.google:hover, .footer .socialLink a.facebook:hover, .footer .socialLink a.twitter:hover, .footer .socialLink a.linkedin:hover{ opacity:1;}

/*MOBILE*/
@media only screen and (max-width: 430px) {
	.logo{left:25%;}
	.logo img{ max-width:none;}
	.main_highlights .banner{height:400px;}
	.aboutUs{position: relative; transform: translateY(0%); text-align:center; margin-bottom:30px;}
	ul.inside {list-style-position:inside!important;}
	.enquiry_form{ text-align:center;}
	
	.number_grey {margin-top:10px;}

	.content_header {font:35px 'lato-black';}
	.footer .socialLink {text-align:left;}
	.footer .socialLink .icons {text-align:left;margin-left:4px;}

	/*menu*/
	.top-bar {background-color:#333!important;}
	.top-bar-section ul li > a {background-color:#c72532!important; color:#fff; border-bottom:1px solid #d24d52;}
	.top-bar-section ul li > a:hover {color:#333333!important;}
	
	/*mainpage features*/
	.feature { background-image:none; text-align:center;  height:auto;}
	.feature .left{text-align:center;}
	
	
	} 

/*MOBILE*/
@media only screen and (min-width: 431px) and (max-width: 500px) {
	.logo{left:35%;}
	.main_highlights .banner{height:450px;}
	.aboutUs{position: relative; transform: translateY(0%); text-align:center;margin-bottom:30px;}
	ul.inside {list-style-position:inside!important;}
	.enquiry_form{ text-align:center;}
	
	.footer .socialLink {text-align:left;}
	.footer .socialLink .icons {text-align:left;margin-left:4px;}
	.content_header {font:35px 'lato-black';}
	
	.number_grey {margin-top:10px;}
	
	/*menu*/
	.top-bar {background-color:#333!important;}
	.top-bar-section ul li > a {background-color:#c72532!important; color:#fff; border-bottom:1px solid #d24d52;}
	.top-bar-section ul li > a:hover {color:#333333!important;}
	
	/*mainpage features*/
	.feature { background-image:none; text-align:center;  height:auto;}
	.feature .left{text-align:center;}
	

	} 

/*MOBILE*/
@media only screen and (min-width: 501px) and (max-width: 655px) {
	.logo{left:35%;}	
	.main_highlights .banner{height:450px;}
	.aboutUs{position: relative; transform: translateY(0%); text-align:center; margin-bottom:30px;}
	ul.inside {list-style-position:inside!important;}
	.enquiry_form{ text-align:center;}
	
	.footer .socialLink {text-align:left;}
	.footer .socialLink .icons {text-align:left;margin-left:4px;}
	.number_grey {margin-top:10px;}
	
	/*menu*/
	.top-bar {background-color:#333!important;}
	.top-bar-section ul li > a {background-color:#c72532!important; color:#fff; border-bottom:1px solid #d24d52;}
	.top-bar-section ul li > a:hover {color:#333333!important;}
	
	/*mainpage features*/
	.feature { background-image:none; text-align:center;  height:auto;}
	.feature .left{text-align:center;}
	
	.footer_adjust{margin-top:-500px;}
	} 
	

/*MOBILE*/
@media only screen and (min-width: 656px) and (max-width: 658px) {
	.logo{left:35%;}	
	
	/*menu*/
	.top-bar {background-color:#333!important;}
	.top-bar-section ul li > a {background-color:#c72532!important; color:#fff; border-bottom:1px solid #d24d52;}
	.top-bar-section ul li > a:hover {color:#333333!important;}
	
	/*mainpage features*/
	.feature { background-image:none; text-align:center;  height:auto;}
	.feature .left{text-align:center;}
	

	} 
	
/*TABLET*/
@media only screen and (min-width: 659px) and (max-width: 1024px) {
		.main_highlights .banner{height:450px;}
		.aboutUs{position: relative; transform: translateY(0%); text-align:center; margin-bottom:30px;}
		.aboutUs img{text-align:center;}
		.enquiry_form{ text-align:center;}
		ul.inside {list-style-position:inside!important;}
		
		.footer .socialLink {text-align:left;}
		.footer .socialLink .icons {text-align:left;margin-left:4px;}
		
		/*mainpage features*/
		.feature {background-image:none; height:auto;}
		
		/*about us*/
		.icons_service{margin-left:-35px;}
		
	}