@charset "utf-8";

/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,700italic);

@import url(https://fonts.googleapis.com/css?family=Michroma:400);

@import url(https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,700,900);



@font-face {

  font-family: 'GothamLight';

  src: url('../fonts/GothamLight.eot') format('embedded-opentype'),  url('../fonts/GothamLight.woff') format('woff'), url('../fonts/GothamLight.ttf')  

  format('truetype'), url('../fonts/GothamLight.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'Museo-500';

  src: url('../fonts/Museo-500.eot') format('embedded-opentype'),  url('../fonts/Museo-500.otf')  format('opentype'),

	     url('../fonts/Museo-500.woff') format('woff'), url('../fonts/Museo-500.ttf')  format('truetype'), url('../fonts/Museo-500.svg') format('svg');

  font-weight: normal;

  font-style: normal;

}

body {

	margin: 0px;

	color: #000;

	font-size: 16px;

	font-family: 'Lato', sans-serif;

	font-weight:300;

	line-height:25px;

}

img{ max-width:100%; }

h1, h2, h3, h4, h5, h6{

	font-family: 'Michroma', sans-serif;

	margin:0px;

	color:#000;

	font-size:35px;

	line-height:45px;

}

h2 {

    font-size: 30px;

}

h3{ 

	font-size:25px;

}

h4{ 

	font-size:20px;

}

h5{ 

	font-size:14px; 

}

h6{ 

	font-size:12px; 

}



ul, ol{ margin:0px; line-height:23px; padding:0px;}

ul *, ol * { margin:0px; padding:0px;}

ol,ul { padding-left: 25px;}

ul {display:block; }

ul li{

	line-height:30px;

}

ul li+li{

}

p

{

	margin:0px 0px 20px;

}

p:last-child

{

	margin-bottom:0px;

}

hr { border: none; margin: 30px 0; border-top: 1px solid #ccc; }

hr.dashed {border-top-style:dashed;}

hr.m0 {margin: 0;} hr.m5 {margin: 5px 0;}  hr.m10 {margin:10px 0;} hr.m15 {margin:15px 0;} hr.m20 {margin:20px 0;} hr.m25 {margin:25px 0;} hr.m30 {margin:30px 0;} hr.m35 {margin:35px 0;} hr.m40 {margin:40px 0;} hr.m45 {margin:45px 0;} hr.m50 {margin:50px 0;}

.bold-300 {font-weight:300;}

.bold-400 {font-weight:400;}

.bold-600 {font-weight:600;}

.bold-700 {font-weight:700;}

.bold-800 {font-weight:800;}

a, .a-link { color: #31aff5; text-decoration: none; cursor:pointer; }

a:hover, .a-link:hover, a:focus, a:active { color: #0083cb; outline: medium none; text-decoration: none; }

a img { border: 0 none; }

.clr { clear: both; display: block; float: none; }

.c { float: none; overflow: hidden; }

.underline { text-decoration: underline; }

.hidden { display: none; }

table { border-collapse: collapse; border-spacing: 0; }

input[type="text"], input[type="url"], input[type="tel"], input[type="email"], input[type="password"], input[type="number"], select, textarea { background-color:#fdfdfd; border: 1px solid #e0e0e0; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 10px 15px; resize: vertical; max-width:100%; }

select {padding:11px 15px;}

input[type="submit"], input[type="reset"], input[type="button"] {border:none; background:none; max-width:100%; }

input.fullwidth, select.fullwidth, textarea.fullwidth { width:100%;}

input[type="text"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, select:focus, textarea:focus { background-color:#fff; border-color:#c6c6c6; outline:none; }

input[type="text"][disabled], input[type="url"][disabled], input[type="tel"][disabled], input[type="email"][disabled], input[type="password"][disabled], input[type="number"][disabled], select[disabled], textarea[disabled] { background-color:#f1f1f1;}

input[type="checkbox"], input[type="radio"] {vertical-align: -2px;}

.cfx::after {clear: both; content: "+"; display: block; height: 0; visibility: hidden;}

.pix-btn, input.pix-btn {border: 1px solid #e1e1e1; display: inline-block; cursor:pointer; font-size: 14px; padding: 8px 14px; color:#666; background-color:#fff; }

.pix-btn:hover, input.pix-btn:hover, .pix-btn:active, input.pix-btn:active {background-color: #f6f6f6; color:#666;}

.pix-btn.primary { background-color: #333; color: #cccccc; border-color:#333; }

.pix-btn.primary:hover { background-color: #505050; border-color:#505050; color:#ccc; }

.pix-btn.success { background-color: #5cab02; color: #fff; border-color:#5cab02; }

.pix-btn.success:hover { background-color: #95d050; border-color:#95d050; color:#fff; }

.pix-btn.warning { background-color: #ff6633; color: #fff; border-color:#ff6633; }

.pix-btn.warning:hover { background-color: #ff7d4a; border-color:#ff7d4a; color:#fff; }

.pix-btn.info { background-color: #27aff5; color: #fff; border-color:#27aff5; }

.pix-btn.info:hover { background-color: #4cbcf6; border-color:#4cbcf6; color:#fff; }

.pix-btn.danger { background-color: #900; color: #fff; border-color:#900; }

.pix-btn.danger:hover { background-color: #b71e1e; border-color:#b71e1e; color:#fff; }

.pix-btn.xs { font-size: 12px; padding: 2px 6px; }

.pix-btn.sm { font-size: 13px; padding: 4px 7px; }

.pix-btn.md { font-size: 14px; padding: 8px 14px; }

.pix-btn.lg { font-size: 16px; padding: 10px 25px; }

.pix-btn.xl { font-size: 22px; font-weight: 700; padding: 14px 24px; }

.pix-btn.full_width { display: block; }

.checkbox label { cursor: default; }

.relative { position:relative; }

.formchecker-error { background-color: #ffe5e5; border: 1px solid #ff9999; padding: 1px 6px; border-radius: 5px; color: #dd0000 !important; position: relative; display: inline-block; }

.formchecker-error .arrow { display: block; width: 100px; height: 100px; position: absolute; background-image: url(../images/error-arrow.png); background-repeat: no-repeat; width: 10px; height: 6px; top: -6px; left: 9px; }

.mb0 {margin-bottom:0px;} .mb5{ margin-bottom:5px; } .mb10{ margin-bottom:10px; } .mb15{ margin-bottom:15px; } .mb20{ margin-bottom:20px; } .mb25{ margin-bottom:25px; } .mb30{ margin-bottom:30px; }

.mb35{ margin-bottom:35px; } .mb40{ margin-bottom:40px; } .mb45{ margin-bottom:45px; } .mb50{ margin-bottom:50px; }

.pt0 {padding-top:0px;} .pt5{ padding-top:5px; } .pt10{ padding-top:10px; } .pt15{ padding-top:15px; } .pt20{ padding-top:20px; } .pt25{ padding-top:25px; } .pt30{ padding-top:30px; }

.pt35{ padding-top:35px; } .pt40{ padding-top:40px; } .pt45{ padding-top:45px; } .pt50{ padding-top:50px; }

.hover-preloader { position: absolute; top: 0px; left: 0px; background-color: rgba(255,255,255,0.80); width: 100%; height: 100%; }

.hover-preloader .item-container { text-align: center; position: absolute; width: 100%; top: calc(50% - 10px); font-weight: 600; color: #000; }

.hover-preloader .item-container .image { display: inline-block; margin-right: 9px; }

.popup-frame { position: fixed; background-color: rgba(255,255,255,0.86); top: 0px; left: 0px; z-index: 1000; width: 100%; height: 100%; }

.popup-frame .popup-tbl { display: table; width: 100%; height: 100%; }

.popup-frame .popup-tbl .popup-tr { display: table-row; }

.popup-frame .popup-tbl .popup-tr .popup-cell { display: table-cell; vertical-align: middle; text-align: center; }

.popup-frame .popup-tbl .popup-tr .popup-cell .cell-content { background-color: #fff; width: 748px; display: inline-block; box-shadow: 0px 0px 10px rgba(0,0,0,0.43); text-align:left; position: relative; }

.popup-frame .popup-tbl .popup-tr .popup-cell .cell-content a.popup-close {display: block; color: #000; font-weight: 800; position: absolute; right: 0; top: 0px; font-size: 1.2em; padding: 0px 7px; }

.popup-frame .popup-tbl .popup-tr .popup-cell .cell-content a.popup-close:hover { color: #8f8f8f; }

.popup-frame .popup-tbl .popup-tr .popup-cell .cell-content .popup-heading { font-size: 18px; font-weight: 600; padding: 10px 20px; }

.popup-frame .popup-tbl .popup-tr .popup-cell .cell-content .popup-content { padding: 0px 20px 18px; }

.popup-frame .popup-tbl .popup-tr .popup-cell .cell-content .popup-content .limit-content { margin-right:-15px; }

.popup-frame .popup-tbl .popup-tr .popup-cell .cell-content .popup-content .limit-content > div { padding-right: 15px;}

.note {color: #989898;}

.text-success { color: #5cab02; }

.text-warning { color: #ff6633; }

.text-info { color: #27aff5; }

.text-danger { color: #f00; }

.text-black { color: #000; }

.text-note { color: #989898; }

.user-notification { position: fixed; text-align: center; width: 100%; z-index:1000; pointer-events:none; }

.user-notification .msg-block { display: inline-block; background-color: #ee0000; color: #fff; font-weight: 600; overflow: hidden; position: relative; padding: 8px 83px 8px 20px; }

.user-notification.success .msg-block { background-color: #00b100; }

.user-notification.warning .msg-block { background-color: #ffb300; }

.user-notification .msg-block .got-it { position: absolute; right: 3px; top: 3px; background-color: rgba(0,0,0,0.27); padding: 5px 9px; border-radius: 4px; cursor: pointer; pointer-events: initial; }

.user-notification .msg-block .got-it:hover { background-color: rgba(0,0,0,0.40); }

.i-block {display:inline-block;}

.f-left{float:left;} .f-right{float:right;}



@media only screen and (width: 768px) {

.mb5-tab{ margin-bottom:5px; } .mb10-tab{ margin-bottom:10px; } .mb15-tab{ margin-bottom:15px; } .mb20-tab{ margin-bottom:20px; } .mb25-tab{ margin-bottom:25px; }

.mb30-tab{ margin-bottom:30px; }.mb35-tab{ margin-bottom:35px; } .mb40-tab{ margin-bottom:40px; } .mb45-tab{ margin-bottom:45px; } .mb50-tab{ margin-bottom:50px; }

.text-left-tab {text-align:left;} .text-center-tab {text-align:center;} .text-right-tab {text-align:right;} 

}

@media only screen and (max-width: 767px) {

.mb5-mob{ margin-bottom:5px; } .mb10-mob{ margin-bottom:10px; } .mb15-mob{ margin-bottom:15px; } .mb20-mob{ margin-bottom:20px; } .mb25-mob{ margin-bottom:25px; }

.mb30-mob{ margin-bottom:30px; }.mb35-mob{ margin-bottom:35px; } .mb40-mob{ margin-bottom:40px; } .mb45-mob{ margin-bottom:45px; } .mb50-mob{ margin-bottom:50px; }

.text-left-mob {text-align:left;} .text-center-mob {text-align:center;} .text-right-mob {text-align:right;} 

.popup-frame .popup-tbl .popup-tr .popup-cell .cell-content { display: block; margin-left: 10px; margin-right: 10px; width: auto !important; }

}

/*-----------pagination--------------*/

.pagination ul {

    list-style: outside none none;

    text-align: center;

	padding:0;

}

.pagination ul li {

    border: 1px solid #eeeeee;

    display: inline-block;

    margin: 5px;

    padding: 0;

    vertical-align: top;

}

.pagination ul li a {

    color: #000;

    display: block;

    font-family: Museo-500;

    padding: 5px 15px;

}

.pagination ul li.separator {

    border: medium none;

    vertical-align: middle;

}

.pagination ul li a:hover,

.pagination ul li.active{

    background-color: #f5f5f5; 

}



/*-------------------------*/





#mob_menu{

	position: fixed;

	background-color: #E82429;

	height: 100%;

	z-index: 999999;

	width: 280px;

	color: #fff;

	top: 0;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transition: all 0.3s ease;

	opacity: 1;

	left:-280px;

}

#mob_menu.show_menu{

	left:0px;

}

#mob_menu .close_btn a{

	font-size:14px;

	color:#fff;

	font-weight:500;

}

#mob_menu ul,

#mob_menu ul li{

	margin:0px;

	padding:0px;

	list-style:none;	

}

#mob_menu ul li{

	display:block;	

}

#mob_menu ul li a{

	display:block;

	font-size:14px;

	color:#fff;

	text-transform:uppercase;

	font-weight:500;

	padding:4px 15px;

}

#mob_menu ul li + li {

    border-top: 1px solid #DA161B;

}



.a_right.close_btn {

    text-align: right;

}

.design-bottom

{

	background:url(../images/h1-bottom.png);

	background-repeat:no-repeat;

	background-position:bottom center;

	padding-bottom:50px;

}

/******  navigation  ********/

.top-section {

    padding-top: 30px;

}

.banner-top {

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 3333;

}

.navigation ul li {

    display: inline-block;

	padding-left: 50px;

}

.navigation ul {

    padding-left: 0px;

    margin-bottom: 0px;

}

.navigation ul li a {

    color: #000;

    font-size: 15px;

	font-weight:400;

}

.navigation ul li.mobile_btn {

    display: none;

}



/************inner-nav************/

.banner-top.inner-banner {

    position: relative;

}

.inner-banner .logo.pull-left {

    position: absolute;

}

.inner-banner {

    background-image: none;

    border: 1px solid #eaeaea;

    margin-bottom: 80px;

    min-height: 0;

    padding: 0;

}

.inner-banner .top-section {

    padding-bottom: 30px;

}

.inner-banner .navigation ul li a {

    color: #9b9b9b;

}

.navigation ul li a:hover {

    color: #e82429;

}

.navigation ul li.active > a {

    color: #e82429;

}

/**********************/

.sec_seprator {

    border-bottom: 1px solid #ebebeb;

    margin: 35px 0;

}

/*-------footer-----------------------*/

.footer-section {

    background: #333333;

	padding-top: 50px;

}

.footer-section .footer-sub h4 {

    color: #fff;

    margin-bottom: 10px;

}

.footer-section .footer-detail h6 {

    color: #fff;

    font-family: 'Raleway', sans-serif;

    font-weight: 300;

    font-size: 15px;

    margin-bottom: 10px;

}

.footer-section .footer-detail p {

    color: #fff;

    font-size: 14px;

    margin-bottom:0px;

}

.footer-section .footer-detail1 a {

    color: #fff;

    font-family: 'Raleway', sans-serif;

    font-size: 14px;

    display: block;

    line-height: 20px;

}

.footer-detail {

    float: left;

}

.footer-detail1 {

    float: right;

}

.footer-section .footer-sub {

    width: 48%;

    display: inline-block;

	vertical-align: top;

	margin-bottom:20px;

}

.footer-section .footer-p {

    margin-bottom: 15px;

}

.footer-section .footer-sub + .footer-sub {

    margin-left: 70px;

    width: 40%;

}

.footer-section .footer-ul ul {

    padding-left: 0px;

    float: left;

    margin-right: 40px;

}

.footer-section .footer-ul li {

    list-style: none;

}

.footer-section .footer-ul li a

{

	color:#fff;

}

.footer-section .footer-bottom {

    color: #fff;

    text-align: center;

    font-size: 12px;

    font-weight: 300;

    padding: 30px 0px;

    border-top: solid 1px #575757;

}

.footer-section .footer-bottom span {

    float: right;

    color: #777777;

}

.footer-section .footer-bottom span a {

    color: #6fd83b;

}

@media only screen and (max-width: 1229px) {

	.footer-section .footer-sub {

		width: 58%;

	}

	.footer-section .footer-sub + .footer-sub {

		width: 30%;

	}

}

@media only screen and (max-width: 991px) {	

	.inner-banner{

		padding: 30px 0;

		position: relative;

	}

	.inner-banner .top-section {

		padding: 0;

	}

	.inner-banner .logo {

		width: 220px;

	}

	.inner-banner .navigation {

		margin-top: 40px;

	}

	.footer-section .footer-sub {

		width: 65%;

	}

	.footer-section .footer-sub + .footer-sub {

		margin-left: 25px;

		width: 31%;

	}

	.footer-section .footer-bottom {

		text-align: left;

	}

	

	.banner-top {

   	 	position: unset;

		border-bottom: 1px solid #eaeaea;

	}

	.navigation ul li {

		padding-left: 0px;

	}

	.navigation ul li + li {

		padding-left: 25px;

	}

	.navigation {

		margin-top: 47px;

	}

	.top-section {

		padding-bottom: 30px;

	}

	.inner-banner .top-section {

		padding: 20px 0px;

	}

}

@media only screen and (max-width:767px){

	.navigation ul li.mobile_btn {

		display: inline-block;

		position: relative;

		top:65px;

	}

   .navigation ul li {

		display: none;

	}

	.inner-banner .logo {

		display: inline-block;

		/*float: none !important;*/

	}

	.inner-banner .navigation {

		display: inline-block;

		/*float: none !important;*/

	}

	.inner-banner .top-section {

		text-align: center;

	}

	.inner-banner .logo.pull-left {

		position: unset;

	}		

	.footer-section .footer-sub {

		display: block;

		margin: 0 auto;

		width: 500px;

	}		

	.footer-section .footer-sub + .footer-sub {

		margin: 0 auto 40px;

		width: 500px;

	}

	/*-----------------------------------*/

	.navigation.pull-right {

		margin-top: 0;

	}

	.inner-banner .top-section {

		padding: 0;

	}

	.inner-banner .logo {

		width: auto;

		text-align:left;

	}
	.careerbnnr{
		min-height:130px !important;
	}

}

@media only screen and (max-width: 639px) {

	h1{

		font-size:25px;

		line-height: normal;

	}
	.mobdiv{
		padding-right:0 !important;
		padding-left:0 !important;
	}
	.careerpg{
		padding-right:0 !important;
		padding-left:0 !important;
	}
	.mobdiv .panel-title{
		font-size:10px;
	}
	.mobdiv .panel-footer{
		margin-top:50px !important;
	}

}

@media only screen and (max-width: 520px) {

	.inner-banner .logo {

		display: block;

		margin: 0 auto;

	}

	/* .navigation ul li.mobile_btn {

		padding-left: 0;

		top: 0;

	}*/

	.inner-banner .navigation {

		margin-top: 20px;

	}

	.footer-detail {

		float: none;

	}

	.footer-detail1 {

		float: none;

	}

	.footer-section .footer-sub {

		margin-bottom: 30px;

		text-align: center;

		width:100%;

	}

	.footer-section .footer-sub + .footer-sub {

		width: 100%;

	}

	.footer-section .footer-ul {

		margin: 0 auto;

		text-align: center;

	}

	.footer-section .footer-ul ul {

		display: inline-block;

		float: none;

		width: 80px;

	}

	.footer-section .footer-ul ul + ul {

		margin-right: 0;

	}

	.footer-section .footer-bottom span {

		display: block;

		float: none;

	}

	.footer-section .footer-bottom {

		text-align: center;

	}

	.logo,

	.inner-banner .logo {

		width: 80%;

	}

	.inner-banner .navigation {

		margin-top: 0;

	}

	.navigation ul li.mobile_btn{

		top:50px;

	}

	

}

@media only screen and (max-width: 400px) {

	 h1 {

	  font-size: 25px;

	}

}