@charset "utf-8";
@import url('../../fonts/stylesheet.css');

/* html5reset.css - 01/11/2011 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
/*    vertical-align: baseline;*/
    background: transparent;
}
body {
   /* line-height: 1;*/
	
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5{
	-webkit-font-smoothing: antialiased;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display: block;
}
nav ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
input, select{
    vertical-align: middle;
}
* {
    padding: 0px;
    margin: 0px;
    outline: none;
	font-style: normal;
	/*font-family: "Montserrat-Regular", Arial, Helvetica, sans-serif;*/
}
::-moz-selection { background: #606060; color: #fff; text-shadow: none; }
::selection { background: #606060; color: #fff; text-shadow: none; }
html{height:100%;}
body {
	color: #515151;
    font-size: 18px;
	font-family: 'Montserrat-Regular';
	font-style: normal;
    overflow-x: hidden;
	height:100%;
}
a {
    color: #5a5a5a;
    text-decoration: none;
}
a, a:hover {
    outline: none !important;
}
a, i, input[type="submit"], input[type="button"] {
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -ms-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}

input:focus, select:focus, textarea:focus, button:focus {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(47, 162, 234, 0.8);
outline: 0 none;
}


/*  -------------  nav css  --------------   */
.navbar-fixed-top {
    border-width: 0 0 0;
    top: 0;
}
.navbar-static-top {
    border-width: 0 0 0;
    z-index:1050;
}
.navbar-default {
    border-color:0;
	min-height:90px;
	background-color:rgba(0,0,0,0.40);
}
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-brand{
	float: left;
    height: auto;
    padding:10px 0 0 15px;
}
.navbar-nav {
    float: right;
    margin: 20px 0 0 0;
}
.navbar-default .navbar-nav > li{ padding:0 14px;}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-nav > li > a {
	font-size:19px;
	font-family: 'Montserrat-Bold';
    padding-top:15px;
	padding-bottom:15px;
	padding-left:0px;
	padding-right:0px;
	border-bottom:transparent solid 2px;
	text-transform:uppercase;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
	border-bottom:#56a0d3 solid 2px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #fff;
	border-bottom:#56a0d3 solid 2px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #56a0d3;
    color: #555;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border:none;
}
.posirel{position:relative;}

/*  -------------  nav css end  --------------   */

/* --------- section first css --------- */

section.first{
background: #000  url(../../images/home-bg1.jpg) center top no-repeat scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height:100%;
}
section.first h1{
color:#56a0d3;
font-size:40px;
font-family: 'Montserrat-Bold';
}
section.first h2{
color:#ffffff;
font-size:38px;
margin:5px 0 0 0;
}
section.first .innerwrapper{
width:1170px;
margin:auto;
height:565px;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
padding-top:60px;
}
section.first .leftcol{float:left; height:auto; padding-left:10%;}
.ucHomeDealpoint{ margin-top:20px;}
.uhdprow {padding-top:15px;}
.ucHomeDealpoint .iconround{float:left;}
.ucHomeDealpoint .txtright{float:left;}
.ucHomeDealpoint .txtright > a{
color:#ffffff;
font-size:20px;
display:inline-block;
position:relative;
height:60px;
padding:17px 30px 0 20px;
background: transparent  url(../../images/btn1-right.png) right top no-repeat scroll;
margin-left:15px;
}
.ucHomeDealpoint .txtright a:hover{
text-decoration:none;
background: transparent  url(../../images/btn1-hover-right.png) right top no-repeat scroll;
}
.ucHomeDealpoint .txtright a:before{
position:absolute;
content: "";
left:-20px;
top:0;
width:20px;
height:60px;
background: transparent  url(../../images/btn1-left.png) left top no-repeat scroll;
}
.ucHomeDealpoint .txtright a:hover:before{
position:absolute;
content: "";
left:-20px;
top:0;
width:20px;
height:60px;
background: transparent  url(../../images/btn1-hover-left.png) left top no-repeat scroll;
}
section.first .rightcol{
float:right;
width:35%;
text-align:center;
}
.mobi_device{ padding-top:5px; padding-right:15%; }
.appstorelinks{ margin-top:30px;}
.appstorelinks .aslink {float:left; margin-right:15px;}
.appstorelinks .aslink a{
display:inline-block;
width:176px;
height:59px;
border:#6c6c6c solid 1px;
background-color:rgba(25,25,25,0.5);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.appstorelinks .aslink a:hover{background-color:rgba(0,0,0,0.8);}
.appstorelinks .aslink:last-child{margin-right:0;}


/* --------- section first css end --------- */
/* --------- section second css --------- */
section.second{
background: #000  url(../../images/home-bg2.jpg) center top no-repeat scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height:100%;
position:relative;
}
section.second .swiper-container{top: 3px;}
section.second > .outer{
position: absolute;
width:auto;
margin:auto;
height: 550px;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding-top: 60px;
}
section.second .innerwrapper{
width:1170px;
margin:0 auto;
}
section.second .leftcol{float:left; width:230px; min-height:600px; position:relative; margin-left:110px;}
section.second .rightcol{float:right; width:60%; padding-top:0px;}

section.second .whitebelt1{
position:absolute;
left:50%;
right:0;
height:auto;
background-color:rgba(255,255,255,0.15);
}

.whitebelt1 .wb1_l{
position:absolute;
width:158px;
height:159px; 
background: transparent  url(../../images/whitebelt1-left.png) center top no-repeat scroll;
left:-158px;
top:0;
display:table-cell;
}

section.second .ucimg_l{text-align:center;}
.whitebelt1 .wb1_l img{position:absolute; left:21px; top:21px;}
.whitebelt1 .wb1_r{
color:#ffffff;
font-size:26px;
width:580px;
height:159px;
padding-left:20px;
padding-right:15%;
display:table-cell;
vertical-align:middle;
text-transform:uppercase;
}
section.second .txtdesc{
color:#ffffff;
font-size:22px;
line-height:36px;
width:590px;
padding-top:180px;
padding-left:100px;
}
/* --------- section second css end --------- */
/* --------- section third css --------- */
 section.third{
background: #000  url(../../images/home-bg3.jpg) center top no-repeat scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height:100%;
position:relative;
}
section.third > .outer{
position: absolute;
width:auto;
margin:auto;
height: 550px;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding-top: 60px;
}

section.third  .innerwrapper{ width:1170px; margin:0 auto;}

section.third .leftcol{float:left; width:60%;}
section.third .rightcol{float:right; width:248px; position:relative; min-height: 700px; margin-right:110px;}
.rightcol .ucimg_r{ text-align:center; padding-right: 8%;}
.rightcol .ucimg_r img{}
section.third .whitebelt2{
position:absolute;
left:0;
right:50%;
height:auto;
background-color:rgba(255,255,255,0.15);
text-align:right;
}
.whitebelt2 .wb1_l{
text-align:right;
display:table;
width:100%;
}
.whitebelt2 .wb1_l .innercell{
color:#ffffff;
font-size:26px;
height:159px;
padding-right:20px;
padding-left:10%;
text-align:right;
text-transform:uppercase;
display:table-cell;
vertical-align:middle;
width:auto;
}
.whitebelt2 .wb1_r{
position:absolute;
width:158px;
height:159px; 
background: transparent  url(../../images/whitebelt2-right.png) center top no-repeat scroll;
right:-158px;
top:0;
}
.whitebelt2 .wb1_r img{position:absolute; left:20px; top:21px;}

section.third .txtdesc{
color:#ffffff;
font-size:22px;
line-height:36px;
width:600px;
padding-top:180px;
padding-left:110px;
text-align:right;
}

/* --------- section third css end --------- */
/* --------- section four css --------- */
section.four{
background: #000  url(../../images/home-bg4.jpg) center top no-repeat scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height:100%;
position:relative;
}
section.four .swiper-container{top:0px;left:2px;}
section.four .leftcol {
    width: 234px;
}

section.five{
background: #000  url(../../images/home-bg5.jpg) center top no-repeat scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height:100%;
position:relative;
}
section.five .rightcol .ucimg_r{ text-align:center;}
/* --------- section four css end --------- */
section.signup{
background: #000  url(../../images/home-bg6.jpg) center top no-repeat scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height:100%;
position:relative;
}
.signup > .innerwrapper{
width:600px; margin:0 auto; padding-top:90px; padding-bottom:90px; height:auto;
}

.signup .toprow{padding:10px 0 15px 0;}
.toprow .logo{ float:left;}
.toprow h2{
color: #fff;
font-size: 26px;
text-align:center;
margin-left:20px;
margin-top:15px;
}
.signup_contentbox{
width:100%;
background-color:#FFFFFF;
padding:30px 40px;
}
.su_inputrow{
background-color:#f9f9f9;
border-top:#d2d2d2 solid 1px;
border-left:#d2d2d2 solid 1px;
border-right:#d2d2d2 solid 1px;
}
.signup .su_input, .su_select{
width:100%;
color: #656565;
font-family: "Montserrat-Regular";
font-size: 16px;
font-style: normal;
line-height:normal;
outline:none;
padding:12px 10px;
border:none;
background-color:transparent;
}

.su_select{color: #a9a9a9;}
.su_inputrow .su_colmleft{float:left; width:50%; border-right:#d2d2d2 solid 1px;}
.su_inputrow .su_colmright{float:left; width:50%; border-right:none;}
.su_inputrow .su_colm1{float:left; width:33%; border-right:#d2d2d2 solid 1px;}
.su_inputrow .su_colm2{float:left; width:34%; border-right:#d2d2d2 solid 1px;}
.su_inputrow .su_colm3{float:left; width:33%; border-right:none;}
.su_botmbdr{border-bottom:#d2d2d2 solid 1px;}

.corner_tl_tr{
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
}
.corner_bl_br{
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
}
.corner_all{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.signup .selectpicker.btn{
color: #a9a9a9;
  -moz-user-select: none;
  background-image: none;
  border: none;
  border-radius: 0;
-moz-border-radius:0;
-webkit-border-radius:0;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 0;
  padding: 10px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background-color:#f9f9f9;
}
.bootstrap-select.btn-group .dropdown-menu {
color: #a9a9a9;
  box-sizing: border-box;
  min-width: 100%;
  z-index: 1035;
  background-color:#f9f9f9;
  border-radius: 0;
-moz-border-radius:0;
-webkit-border-radius:0;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
padding:0;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
color: #a9a9a9;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
  position: static;
  background-color:#f9f9f9;
}
.signup .selectpicker.dropdown-menu > li > a {
  clear: both;
  color: #2d88c1;
  display: block;
  font-weight: 400;
  line-height: 1.42857;
  padding: 3px 20px;
  white-space: nowrap;
  background-color:#f9f9f9;
  padding:5px 10px;
}
.signup .selectpicker.dropdown-menu > li > a:hover{background-color:#e9e9e9;}

.su_btn, .loginbtn{
margin:20px 0 0 0;
}
.su_btn .form_btn, .loginbtn .form_btn, .newmember > .nmbtn{
width:100%;
color: #fff;
font-size: 18px;
text-align:center;
background-color:#2d88c1;
border:none;
outline:none;
text-transform:uppercase;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding:12px 0;
}
.su_btn .form_btn:hover{background-color:#2c92d2; border:none;}
.loginbtn .form_btn{background-color:#3bc12d;}
.loginbtn .form_btn:hover{background-color:#49d03b; border:none;}

.signup .alredymember{
text-align:center;
margin:20px 0 0 0;
}
.signup .alredymember a{color:#666666; font-size: 16px; font-family: 'Montserrat-Light';}
.signup .alredymember a:hover{ text-decoration:underline;}

.signup .botmrow{margin:20px 0 0 0;}
.signup .botmrow .colmleft{float:left; width:50%; border-right:#d2d2d2 solid 1px;}
.signup .botmrow .colmright{float:left; width:50%; border-right:none;}
.signup .botmrow h3, .signup .botmrow p{
color:#c4c3c3; 
font-size: 22px;
text-align:center;
text-transform:uppercase;
padding:10px 0 0 0;
}
.signup .botmrow p{
color:#c4c3c3;
font-size: 14px;
padding:5px 0 0 0;
}

.forgotpass{margin:20px 0 0 0; text-align:center;}
.forgotpass a, { color:#666666; font-size: 16px; font-family: 'Montserrat-Light';}
.forgotpass a:hover, .forgotpass a:visited{color: #666666 !important; text-decoration:underline;}
 
.rememberme {
color: #666666;
font-family: "Montserrat-Light";
font-size: 16px;
padding-top:18px;
}
.rememberme .chkbox{
position:relative; 
width:auto;
top:-3px;
margin-right:5px;
}
.signin .keeplogin{
color:#999999;
font-size:14px;
float:left;
padding-top:16px
}
.si_checkbox{
position:relative;
display:inline-block;
top:-3px;
margin-right:5px;
}
.signin_btn{padding:20px 0 0 0;}

.newmember{
margin:30px 40px 0 40px;
}
.newmember > a.nmbtn{display:block; background-color:#2d88c1; padding:12px;}
.newmember > a.nmbtn:hover{background-color:#2c92d2;text-decoration:none;}

.pass_txt{
color:#666666;
font-size: 16px;
font-family: 'Montserrat-Light';
padding:20px 0 30px 0;
text-align:justify;
}
.newpassword{}
.newpassword .signup_contentbox{
padding: 30px 40px 50px 40px; 
}
section.loginHome{
background: #000  url(../../images/home-bg7.jpg) center top no-repeat scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height:100%;
position:relative;
text-align:center;
}
.loginHome .outer{position:absolute; top:50%; left:0; right:0;}
section.loginHome .innerwrapper {
width: 1170px;
margin:-160px auto 0 auto;
height:320px;
}

.loginHome .uc_logo_big{ width:400px; margin:0 auto; padding:20px 0 0 0;}
.loginHome .uc_logo_big img{width:100%; height:auto;}
.loginHome .txtwhite{
color:#fff;
font-size:20px;
font-family: 'Montserrat-Light';
padding:20px 0 0 0;
}
.loginHome .btns_row {padding:15px 0 0 0;}
.loginHome .ucls_btn {display:inline-block;margin-right:20px;}
.loginHome .ucls_btn:last-child {margin-right:0;}
.loginHome .ucls_btn a{
color:#fff;
font-size:16px;
display:inline-block;
text-transform:uppercase;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:0;
padding:12px 40px;
}

.ucls_btn a.loginbtn {border:#fff solid 2px;}
.ucls_btn a.loginbtn:hover{color:#fff; background-color: rgba(255,255,255,0.2); text-decoration:none;}
.ucls_btn a.signupbtn{background-color:#2d88c1; border:#2d88c1 solid 2px;}
.ucls_btn a.signupbtn:hover{background-color:rgba(32,143,212,0.4); border:#2d88c1 solid 2px; text-decoration:none;}

.loginHome .appstorebotm {text-align:center; padding:35px 0 0 0;}
.loginHome .appstorebotm .as_link{display:inline-block; margin-right:20px;}
.loginHome .appstorebotm .as_link:last-child{margin-right:0;}
.loginHome .appstorebotm .as_link a {
  background-color: rgba(25, 25, 25, 0.5);
  border: 1px solid #6c6c6c;
  border-radius: 5px;
  display: inline-block;
  height: 59px;
  width: 176px;
}
.loginHome .appstorebotm .as_link a:hover {background-color: rgba(0, 0, 0, 0.8);}

.location{
background: #000  url(../../images/home-bg6.jpg) center top no-repeat scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height:100%;
position:relative;
}

.location > .outer{
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
}
.location .innerwrapper {
  height: 450px;
  width: 1170px;
  margin:-220px auto 0 auto;
}
.uc_location{
width: 800px;
margin: 0 auto;
position:relative;
}
.uc_location a{
display:inline-block;
height:30px;
width:30px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.uc_location a span{
display:inline-block;
width:10px;
height:10px;
margin:10px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.uc_location .location_1, .uc_location .location_2, .uc_location .location_3, .uc_location .location_4, .uc_location .location_5{
position:absolute;
height:30px;
}
.uc_location .location_1 a, .uc_location .location_2 a, .uc_location .location_3 a, .uc_location .location_4 a, .uc_location .location_5 a{
position:absolute;
right:-15px;
top:-15px;
}

.uc_location .location_1 {
  right: 49.877%;
  top: 19.1525%;
}
.uc_location .location_2{
right:43.5020789998%;
top:27.955%;
}
.uc_location .location_3{
right:41.5020758578%;
top:21.01%;
}
.uc_location .location_4{
right:36.784%;
top:29.4898%;

}
.uc_location .location_5{
right:22.7520816028118114589%;
top:34.05%;
}

.uc_location .location_1 a{background-color:rgba(1,1,111,0.1);}
.uc_location .location_1 a:hover{background-color:rgba(1,1,111,0.40);}
.uc_location .location_1 a span{background-color:rgba(1,1,111,1);}

.uc_location .location_2 a{background-color:rgba(86,160,211,0.1);}
.uc_location .location_2 a:hover{background-color:rgba(86,160,211,0.40);}
.uc_location .location_2 a span{background-color:rgba(86,160,211,1);}

.uc_location .location_3 a{background-color:rgba(0,51,255,0.1);}
.uc_location .location_3 a:hover{background-color:rgba(0,51,255,.40);}
.uc_location .location_3 a span{background-color:rgba(0,51,255,1);}

.uc_location .location_4 a{background-color:rgba(255,1,1,0.1);}
.uc_location .location_4 a:hover{background-color:rgba(255,1,1,0.4);}
.uc_location .location_4 a span{background-color:rgba(255,1,1,1);}

.uc_location .location_5 a{background-color:rgba(126,0,179,0.1);}
.uc_location .location_5 a:hover{background-color:rgba(126,0,179,0.40);}
.uc_location .location_5 a span{background-color:rgba(126,0,179,1);}
.location .txtbot{
text-align:center;
margin-top:30px;
margin-bottom:20px;
}
.location .txtbot span{
color:#fff;
font-size:18px;
display:inline-block;
margin-right:50px;
}
.location .txtbot span a{color:#FFFFFF; font-size:18px;}
.location .txtbot span a:hover{color:#FFFFFF; text-decoration:underline;}
.location .txtbot span:last-child{margin-right:0;}

.uc_location .location_2{
position:absolute;
}

.form_errmsg{
color:#FF0000;
font-size: 12px;
font-family: 'Montserrat-Light';
border:#FF0000 solid 1px;
padding:5px 10px;
}
.suceess_msg_box{
margin:0 auto;
border:#56a0d3 solid 1px;
-webkit-box-shadow: 0px 0px 8px 0px rgba(113,188,240,0.8);
-moz-box-shadow: 0px 0px 8px 0px rgba(113,188,240,0.8);
box-shadow: 0px 0px 8px 0px rgba(113,188,240,0.8);
padding:40px;
margin-top:80px;
margin-bottom:50px;
}
.suceess_msg_box h2{
color: #56a0d3;
font-size: 20px;
font-family: 'open_sanslight';
padding:0 0 0 0;
}
.suceess_msg_box p{
color: #666666;
font-size: 18px;
font-family: 'open_sanslight';
padding:20px 0 0 0;
}
/*  ------- static pages css -------  */
.uc_title1{ padding:25px 0 0 0;}
.list_style1{margin:0 0 0 25px;}
.list_style1 li{
color:#fff;
font-size:14px;
padding-left:10px;
padding-top:10px;
margin:0;
font-family: "Montserrat-Regular";
}
.list_style1 li:last-child{ padding-bottom:10px;}
.txtbold{font-family: 'Montserrat-Bold';color: #56a0d3;}

.list_style2{margin:0 0 0 25px;}
.list_style2 li{
color:#56a0d3;
font-size:16px;
padding-left:10px;
padding-top:10px;
margin:0;
font-family: "Montserrat-Regular";
}
.list_style3{margin:0 0 0 25px;}
.list_style3 li{
color:#fff;
font-size:16px;
padding-left:10px;
padding-top:10px;
margin:0;
font-family: "Montserrat-Regular";
}
/*  ------- static pages css end -------  */
/*  -------------  footer css  --------------   */
.footer, footer {
  background-color: rgba(0, 0, 0, 0.95);
  bottom: 0;
  color: #656565;
  font-size: 14px;
  left: 0;
  padding: 10px 0 15px;
  position: absolute;
  right: 0;
}
.footer > .innerfooter, footer > .innerwrapper {
  margin: 0 auto;
  width: 1170px;
}
.footer .ftr_left ,footer .ftr_left{float:left;
color:#656565;
font-size:13px;
padding-top:5px;
}
.footer .ftr_right, footer .ftr_right{float:right; padding-top:4px;}
.footer .ftr_right, footer .ftr_right{list-style-type:none;}
.footer .ftr_right li, footer .ftr_right li{ display:inline-block;	padding:0 15px; border-right:#fff solid 1px; line-height:16px;}
.footer .ftr_right li:last-child, footer .ftr_right li:last-child{border-right:none;}
.footer .ftr_right li a, footer .ftr_right li a{
 display:inline-block;	
color:#656565;
font-size:13px;
padding:0;
margin:0;
line-height:14px;
}
.footer .ftr_right li a:hover ,footer .ftr_right li a:hover{
color:#fff;
text-decoration:none;
}

.footer .ftr_right li a.active ,footer .ftr_right li a.active{
    color:#fff;
    text-decoration:none;
}

/*  -------------  footer css end  --------------   */

/*  -------------  developer css  --------------   */

/*register profile page*/
.registerError, .loginError {
    width: 90%;
    margin: 15px auto;
}
.registerError ul, .loginError ul {
    list-style: none;
}

.su_input.error, .bootstrap-select.error, .reg_dd.error   {
  border: red 1px solid;
}

/*  -------------  developer css end  --------------   */

/* --------- 404 page css--------- */
section.page404{
background: #000  url(../../images/home-bg5.jpg) center top no-repeat scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height:100%;
position:relative;
}
.page404 .innerwrapper{
margin:auto 0;
position:absolute;
height:300px;
left:35%;
right:8%;
top:0;
bottom:0;
margin:auto;
}
.page404 .ron_image{
position:absolute;
left:0;
bottom:0;
}
.ron_image img{width:100%; height:auto;}
.page404 h1{
color:#fff;
font-size:58px;
}
.page404 h1 span{
display:block;
color:#52bbde;
padding-top:5px;
}
.page404 h2{
color:#fff;
font-size:28px;
font-family: 'Montserrat-Light';
padding-top:25px;
line-height:normal;
}
.page404 a{color:#fff; font-size:30px; font-family: 'Montserrat-Light';}
.page404 a:hover{ text-decoration:underline;}

/* --------- 404 page css end --------- */
/* static pages  */
/*section.pagebg{background-attachment: fixed;}*/

.about_wrapper .toprow h1{
    font-size: 28px;
    color: #f9f9f9;
    text-align: center;
}


.simplepage{
    background-color: none;
    padding:20px 40px;
}
.about_wrapper{
    padding-top: 90px;
    padding-bottom: 90px;
    width: 75%;
    margin: 0 auto;
    
}
.simplepage h2{
    font-size: 20px;
    color: #56a0d3;
    font-weight: 500;
    margin: 5px 0;
    text-transform: uppercase;
}
.simplepage p{
    font-size: 14px;
    color: silver;
    font-weight: 300;
    margin: 5px 0;
    text-align: justify;
}
.simplepage a{
    color: silver;
}

.blog-coming-soon {
    margin: 100px auto;
    text-align: center;
    vertical-align:middle;
}
div.blog-coming-soon {
	width: auto;
	height: 100px;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.blog-coming-soon h2{
    font-size: 44px !important;
}
/* static pages end */


/****** career css start ******/
.uc_career h3{
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #fff;
	font-family: 'open_sansregular';
	font-weight: 700;
}
#page {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}
#page, .log_output {
    transform: translate3d(0px, 0px, 0px);
    transition: transform 0.15s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
    width: 100%;
}
#page_contents {
    margin: 0 auto;
    padding: 2rem 2rem;
}
.uc_career h1 {
    font-size: 35px;
    letter-spacing: -2px;
    line-height: 4rem;
    font-family: 'open_sanslight';
    font-weight: 100 !important;
}
.seafoam_green {
    color: hsl(156, 62%, 43%) !important;
}
.uc_career .light {
    font-weight: 300 !important;
}
.card {
    
    background: none repeat scroll 0 0 hsla(4, 4%, 4%, 0.2);
    border: 1px solid #61615c;
    border-radius: 0.25rem;
    box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.25);
    margin: 0 auto 2rem;
    padding: 2rem 2rem 1rem;
    position: relative;
}
.uc_career p {
    font-size: 1.3rem;
    line-height: 2rem;
    color:#fff;
    font-family: 'open_sanslight';
    font-weight: 100 !important;
}
.card a:not([href]) {
    cursor: pointer;
}
.uc_career a, .uc_career a:link, .uc_career a:visited {
    color: hsl(205, 72%, 57%);
    text-decoration: none;
}
.uc_career a h4, .uc_career a:link, .uc_career a:visited {
    color: #51c8ff;
    text-decoration: none;
    font-size: 20px;
	font-family: 'open_sanslight';
}
.uc_career hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: hsl(0, 0%, 91%) -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 1px 0 0;
    clear: both;
    margin: 2rem auto;
}
.large_bottom_margin {
    margin-bottom: 2rem !important;
}
.posting-categories span{
    color: #fff;
    font-weight: 300;
    font-family: 'open_sanslight';
    font-size: 18px;
}
.bold {
    font-weight: 700 !important;
}
.plastic_row {
    border: 1px solid hsla(0, 0%, 0%, 0);
    border-radius: 0.25rem;
    display: block;
    margin:0 0 1.25rem;
    padding: 23px 20px;
    position: relative;
     
}
.plastic_row:hover {
    background: none repeat scroll 0 0 hsla(4, 4%, 4%, 0.2);
    border: 1px solid #61615c;
    text-decoration: none;
}
.plastic_row h4 {
    margin-bottom: 0.1rem;
}
.subtle_silver {
    color: hsl(240, 4%, 64%) !important;
}
.small_right_margin {
    margin-right: 0.5rem !important;
}
.small_left_margin {
    margin-left: 0.5rem !important;
}
.btn.btn_outline {
    padding: 7px 13px 8px;
}
.plastic_row .btn {
    position: absolute;
    right: 1rem;
    top: 0.9rem;
}
.small_bottom_margin {
    margin-bottom: 0.5rem !important;
}

.btn.btn_outline {
    padding:11px 23px 15px;
}
.plastic_row .btn {
    position: absolute;
    right: 1rem;
    top: 0.9rem;
}


.uc_career .btn_outline {
    background: none repeat scroll 0 0 hsl(60, 11%, 98%);
    border: 1px solid hsl(210, 6%, 79%);
    color: hsl(252, 3%, 34%) !important;
    font-weight: 700;
    text-shadow: none;
}
.uc_career .btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-user-select: none;
    background: none repeat scroll 0 0 #4b4d4e;
    border-color: -moz-use-text-color -moz-use-text-color hsla(0, 0%, 0%, 0);
    border-image: none;
    border-radius: 0.25rem;
    border-style: none none solid;
    border-width: 0 0 2px;
    box-shadow: none;
    color: hsl(0, 0%, 100%) !important;
    cursor: pointer;
    display: inline-block;
    font-family: 'Montserrat-Light';
    font-size: 1rem;
    font-weight: 100;
    line-height: 1.2rem;
    margin: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.1);
    vertical-align: bottom;
    white-space: nowrap;
}
 .uc_career .btn_outline:hover, .uc_career .btn_outline.hover, .uc_career .btn_outline:focus {
    background: none repeat scroll 0 0 hsl(0, 0%, 100%);
    border-color: hsl(210, 6%, 79%);
    border-width: 1px;
    color: hsl(205, 72%, 57%) !important;
}

/****** career css end ******/

/****** career manage css strat ****/


.float_right {
    float: right !important;
}

.career_manage h1 {
    font-size: 2rem;
    letter-spacing: -1px;
    line-height: 2.5rem;
}
.btn_large {
    font-size: 20px;
    padding: 14px 32px;
}
.career_manage p {
    line-height: 1.5rem;
    font-size: 1.2rem
}

.career_manage ul {
    margin-left: 2rem;
    padding-left: 0;
}
.career_manage h3 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin: 1rem 0;
}
.career_manage li{
    color: #fff;
    font-size: 18px;
    font-family: "open_sanslight";
}
/****** career manage css end ****/
/****** form css start ****/

.accent-section.small-accent {
    padding: 0 30px;
}

.page-centered {
    display: block;
    margin: 0 auto;
    max-width: 1080px;
}
.posting-header h2 {
    margin-top: 0;
    font-family: 'open_sanslight';
    letter-spacing: 0;
    text-transform: none;
    font-size: 30px;
    color: #fff;
}
.accent-section  {
    margin: 20px 0;
}
.accent-section .posting-category {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
}
.large-category-label, .medium-category-label, .small-category-label {
    color: hsl(0, 0%, 50%);
     font-family: 'open_sanslight';
    letter-spacing: 1px;
    text-transform: uppercase;
}

.application .application-question {
    list-style-type: none;
    padding: 0;
}
.application .application-label {
    vertical-align: middle;
    width: 210px;
    float: left;
}
.application .application-label, .application .application-field {
    display: inline-block;
    padding: 16px 0;
}
.application .application-label label {
    position: relative;
    color: #fff;
    font-family: 'open_sanslight';
    font-weight: 100 !important;
}
.application .required {
    color: hsl(14, 100%, 65%);
    display: inline-block;
    font-size: 9px;
    margin-left: 4px;
    padding-bottom: 0;
    position: absolute;
}
.application .application-field {
    box-sizing: border-box;
    padding-left: 15px;
    position: relative;
    width: 489px;
	max-width: 100%;
}
application .application-question .visible-resume-upload, .application .application-additional .visible-resume-upload {
    margin-right: 15px;
    padding-left: 41px;
    position: relative;
}
.application .application-question input.invisible-resume-upload, .application .application-additional input.invisible-resume-upload, .application .application-question .visible-resume-upload, .application .application-additional .visible-resume-upload {
    height: 40px;
    width: 230px;
}
.template-btn-utility, .sort-category, .application .application-field .upload-file-overlay {
    background: none repeat scroll 0 0 hsl(228, 14%, 93%);
    border: 1px solid hsl(228, 8%, 88%);
    color: hsl(240, 6%, 61%);
}
.application .application-question input.invisible-resume-upload, .application .application-additional input.invisible-resume-upload, .application .application-question .visible-resume-upload, .application .application-additional .visible-resume-upload {
    height: 40px;
    width: 230px;
}
.template-btn-utility, .sort-category, .application .application-field .upload-file-overlay {
    background: none repeat scroll 0 0 hsl(228, 14%, 93%);
    border: 1px solid hsl(228, 8%, 88%);
    color: hsl(240, 6%, 61%);
}
.template-btn, .template-btn-submit, .template-btn-utility, .sort-category, .application .application-field .upload-file-overlay {
    -moz-appearance: none;
    -moz-user-select: none;
    background: none repeat scroll 0 0  #666867;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Montserrat-Light';
    height: auto;
    letter-spacing: 0px;
    margin: 0;
    padding: 10px 15px;
    position: relative;
    text-align: center;
   font-size: 14px;
    vertical-align: middle;
    white-space: nowrap;
}
.default-label {
    color: #fff;
}
.career_form a, .career_form a:visited {
    color: hsl(216, 2%, 46%);
}
.template-btn-utility > svg, .sort-category > svg, .application .application-field .upload-file-overlay > svg {
    fill: #fff;
}
.application .application-field input[type="file"] {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    font-family: 'Montserrat-Light';
    padding: 10px 0;
    width: 233px;
}
.application-question input, .application-additional input, .application-question textarea, .application-additional textarea {
    border-color: hsl(0, 0%, 89%);
}
.application .application-question input[type="text"], .application .application-additional input[type="text"], .application .application-question input[type="email"], .application .application-additional input[type="email"], .application .application-question input[type="tel"], .application .application-additional input[type="tel"], .application .application-question textarea, .application .application-additional textarea, .application .application-question select, .application .application-additional select {
    border-radius: 3px;
    height: 40px;
    padding: 4px 4px 4px 15px;
     background: none repeat scroll 0 0  rgba(255, 255, 255, .3);
    border: none;
}
.application .application-field {
    box-sizing: border-box;
    padding-left: 15px;
    position: relative;
    width: 489px;
}
.application .application-field input[type="text"], .application .application-field select, .application .application-field input[type="email"], .application .application-field input[type="tel"] {
    display: inline-block;
    width: 100%;
}
.resume-upload-failure {
    display: none;
    opacity: 0;
}
.resume-upload-working {
    cursor: wait;
}
.loading-indicator.completed {
    animation: 0s ease 0s normal none 1 running none;
    border-color: hsl(220, 4%, 33%);
    border-left: 6px solid hsl(220, 4%, 33%);
    border-right: 6px solid hsl(220, 4%, 33%);
    border-style: solid;
    border-width: 6px;
    text-align: center;
}

.loading-indicator.completed {
    animation: 0s ease 0s normal none 1 running none;
    border-color: hsl(220, 4%, 33%);
    border-left: 6px solid hsl(220, 4%, 33%);
    border-right: 6px solid hsl(220, 4%, 33%);
    border-style: solid;
    border-width: 6px;
    text-align: center;
}
.loading-indicator.completed {
    animation: 0s ease 0s normal none 1 running none;
    border-color: hsl(0, 0%, 58%);
    border-left: 4px solid hsl(0, 0%, 58%);
    border-right: 4px solid hsl(0, 0%, 58%);
    border-style: solid;
    border-width: 4px;
    text-align: center;
}
.loading-indicator {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 1.5s linear 0s normal none infinite running loading;
    border-color: hsla(0, 0%, 0%, 0) hsl(196, 100%, 43%) hsl(196, 100%, 43%) hsla(0, 0%, 0%, 0);
    border-image: none;
    border-radius: 40px;
    border-right: 6px solid hsl(196, 100%, 43%);
    border-style: solid;
    border-width: 6px;
    display: inline-block;
    height: 40px;
    opacity: 0.8;
    width: 40px;
}
.page-centered h4{
    color: #fff;
    text-transform: uppercase;
    padding: 15px 0;
    margin: 25px 0;
    font-family: 'open_sanslight';
}
.application .application-question textarea, .application .application-additional textarea {
    height: 130px;
    padding-top: 10px;
    resize: vertical;
    width: 100%;
}
.page-centered.section.last-section-apply {
    margin-bottom: 40px;
    text-align: center;
     margin-top: 60px;
}
.narrow-section, .application .section, .list .section, .show .section {
    max-width: 760px;
    padding-left: 0;
    padding-right: 0;
}
.page-centered.section.last-section-apply .template-btn-submit {
    margin: 17.5px 0;
}
.career_form .template-btn-submit {
    background: none repeat scroll 0 0 hsl(196, 100%, 43%);
    border-color: hsl(196, 100%, 41%);
    color: hsl(0, 0%, 100%);
    text-transform: uppercase;
    width: 250px;
}
.career_form input:focus, .career_form select:focus, .career_form textarea:focus, .career_form button:focus {
    box-shadow: none;
    outline: 0 none;
}
/****** form css end ****/
a.posting-title{
  display: block;
  margin-right: 150px;
}
.application-question, .input ,.application-question, textArea{
  color: #fff;
}
svg.icon.icon-paperclip {
    position: relative;
    right: 0px;
    top: -3px;
}
.resume label.error {
  margin-left: 60px;
  color: red;
}

.carrer-job-details{
      padding-left: 19px;
      margin-top: 30px;
}
.career_form .posting-header{
    margin: 0 0 0 20px;
}
.career_form .accent-section.small-accent{
    padding: 0;
}

.card .btn.btn_outline.posting-btn-submit.template-btn-submit, .uc_career .btn {
    border: medium none;
}

.application-field input[type="text"]:hover ,.application-additional textarea:hover ,.application-field input[type="text"]:focus ,.application-additional textarea:focus{
    border: 1px solid rgb(255, 255, 255) !important;
}
.postings-btn.template-btn-utility.visible-resume-upload:hover ,.postings-btn.template-btn-utility.visible-resume-upload:focus {
    background-color: rgb(51, 51, 51) !important;
}

h1.seafoam_green.large {
    color: rgb(255, 255, 255) !important;
}
.viewallListing {
    /*background-color: rgba(255, 255, 255, 0.5);*/
    background: none repeat scroll 0 0 #4b4d4e;
    color: rgb(255, 255, 255) !important;
    margin-top: 25px;
    padding: 10px 10px !important;
    font-family: 'open_sanslight';
}
.viewallListing:hover {
	background-color: #fff;
	color: hsl(205, 72%, 57%) !important;
}
.sec_career_details .viewallListing {
     padding: 15px 10px !important;
     margin-top: 19px;
}
.career-job-form{
	padding-top: 20px;
}
.postings-group.large_bottom_margin > div{
	font-family: 'open_sanslight';
}
.posting .btn.btn_outline.posting-btn-submit.template-btn-submit {
    margin-top: 15px;
}
.pprclip{
	background: url(../../images/clip_icon.png) no-repeat;
	padding:10px;
	float:left;
}
.postings-btn.template-btn-submit:hover{
	background-color: #005270;
}
.location .txtbot span{
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
.location .txtbot {
    display: none;
}





/*  -------------  media query --------------   */
	@media (max-width:1280px) {
.navbar-default {min-height:75px;}
.navbar-brand { padding: 10px 0 0;}
.navbar-brand img{ width:200px; height:auto;}
.navbar-nav > li > a {
    font-size: 16px;
    padding: 13px 0;
    text-transform: uppercase;
}
.navbar-nav {margin: 10px 0 0 0;}
.container {display:block; width:auto; margin-left:100px; margin-right:80px;}
section.first .innerwrapper{
width:auto;
margin-left:80px;
margin-right:80px;
height:605px;
}
section.second .innerwrapper, section.third .innerwrapper, section.loginHome .innerwrapper, section.location .innerwrapper {
display:block;
width:auto;
margin-left:80px;
margin-right:80px;
}
.footer > .innerfooter ,footer > .innerwrapper { display:block; width:auto; margin-left:20px; margin-right:20px;}

section.first h1 {font-size: 32px;}
section.first h2 {font-size: 30px;}
.ucHomeDealpoint .txtright a {font-size:16px; padding-top: 18px; padding-right:15px;}
section.first .leftcol{padding-left:8.5%;}
section.first .rightcol {width: 40%;}
.appstorelinks .aslink{margin-right:8px;}
.mobi_device {width:295px; margin:0 auto;}
.mobi_device img{width:100%; height:auto;}

section.second .leftcol {
  margin-left: 8.5%;
}
section.third .rightcol {
margin-right: 6%;
}
section.second .txtdesc {font-size: 17px; line-height: 28px; width: 81%; padding-top: 150px; padding-left: 14%;}
section.second .whitebelt1 {left: 49%;}
.whitebelt1 .wb1_r {
    font-size: 20px;
    height: 120px;
	padding-right: 30%;
}
.whitebelt1 .wb1_l {
    background: url("../../images/whitebelt1-left.png") no-repeat scroll center top transparent;
    height: 120px;
    left: -120px;
    width: 120px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.whitebelt1 .wb1_l img {
    left: 21px;
    top: 21px;
    width:80px;
	height:auto;
}
.whitebelt2 .wb1_r img {
   height: auto;
  left: 21px;
  top: 21px;
  width: 80px;
}
.whitebelt2 .wb1_r {
  background: url("../../images/whitebelt2-right.png") no-repeat scroll center top transparent;
  height: 120px;
  position: absolute;
  right: -120px;
  top: 0;
  width: 120px;
  	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.whitebelt2 .wb1_l .innercell{height: 120px; font-size:20px;}
section.third .txtdesc {
  font-size: 17px;
  line-height: 28px;
  padding-right: 16%;
  padding-top: 150px;
  padding-left: 65px;
  width: 100%;
}
.register h1 {font-size: 20px;}
.loginHome .txtwhite {
  font-size: 18px;
}
.toprow h2 {font-size: 24px;}
.rememberme, .signup .su_input, .su_select{font-size: 15px;}
.forgotpass{font-size: 16px;}
.signup .su_input{padding:10px 10px}
.loginbtn .form_btn, .forgotpass{font-size: 16px; padding:10px 0}
.newmember {margin: 25px 40px 0;}
.newmember > a.nmbtn {padding: 10px;font-size: 17px;}

section.page404 .innerwrapper{
left:425px;
right:8%;
height: 200px;
}
.page404 h1{font-size:50px;}
.page404 h2{font-size:22px;}
.page404 a{font-size:22px;}
.page404 .ron_image{width:400px;}
.page404 .ron_image img{ width:100%;height:auto;}

.signup .botmrow h3, .signup .botmrow p{
font-size: 20px;
}
.signup .botmrow p{
font-size: 12px;
}
.su_btn .form_btn, .loginbtn .form_btn, .newmember > .nmbtn {
  font-size: 16px; padding: 10px 0;}
}

@media (max-width:1060px) {
section.second .ucimg_l {
    width: 360px;
	top: 120px;
}
section.second .whitebelt1 {left: 56%;}
section.third .whitebelt2 {right: 56%;}
.whitebelt1 .wb1_r { padding-left:10px;}

section.page404 .innerwrapper{
left:380px;
right:8%;
height: 180px;
}
.page404 h1{font-size:44px;}
.page404 h2{font-size:18px;}
.page404 a{font-size:18px;}
.page404 .ron_image{width:360px;}
.uc_career h1{font-size: 30px;}
img.hide_on_mobile{margin: 0;}
.card{padding: 20px 20px 20px ;}
.career_manage p{font-size: 16px;}
#page_contents{padding: 20px;}
.card .btn.btn_outline.posting-btn-submit.template-btn-submit, .uc_career .btn{
    padding: 7px 15px;
    font-size: 15px;
}
.career_manage h3{font-size: 22px;}
a.btn.btn_large.btn_outline.float_right.hide_on_mobile {
  margin-top: 20px;
}
.uc_location img{
    width: 80%;
    margin: 45px auto 0;
}
.uc_location{
    text-align: center;
}
.location .txtbot span{font-size: 21px;}
}
@media (max-width:1001px) {
	.application .application-field ,.application-label{
		padding: 10px 0 !important;
	}
}
@media (max-width:980px) {
section.second .ucimg_l {width: 350px;}
.whitebelt1 .wb1_r { padding-left:10px;}
.footer ,footer {
  padding: 10px 0 10px;
}
.footer .ftr_left ,footer .ftr_left {
width:100%;
text-align:center; 
}
.footer .ftr_right ,footer .ftr_right {
width:100%;
text-align:center; 
}
section.location .innerwrapper {margin-left:20px; margin-right:20px;}
.uc_location {width: 700px;}
.uc_location img{width: 100%; height:auto;}

.posting-header h2{font-size: 30px;}	
}
@media (max-width:900px) {
.container {margin-left:40px; margin-right:40px;}
section.first .innerwrapper, section.second .innerwrapper, section.third .innerwrapper, section.loginHome .innerwrapper{margin-left:40px; margin-right:40px;}
section.first .leftcol {padding-left: 8.5%;}
.mobi_device {width:230px; margin:0 auto;}
.appstorelinks{ margin-top:20px;}
.appstorelinks .aslink {display:block; float:none; margin:10px 0 0 0;}
section.first h1 {font-size: 28px;}
section.first h2 {font-size: 26px;}
.ucHomeDealpoint {margin-top: 20px;}

.whitebelt1 .wb1_r {font-size: 18px;}
section.second .txtdesc {
    font-size: 16px;
}
section.second .ucimg_l {
  margin: 0 auto;
  width: 180px;
}
section.second .ucimg_l img {
  width: 100%;
  height:auto;
}
section.third .rightcol .ucimg_r {
  margin: 0 auto;
  width: 180px;
}
section.third .rightcol .ucimg_r img {
  width: 100%;
  height:auto;
}
section.third .txtdesc {
  font-size: 16px;
  line-height: 26px;
}
.location .txtbot span a {font-size: 16px;}
.location .txtbot span { margin-right: 30px;}

section.page404 .innerwrapper{
left:340px;
right:7%;
height: 180px;
}
.page404 h1{font-size:38px;}
.page404 h2{font-size:18px; padding-top: 15px;}
.page404 a{font-size:18px;}

section.second .rightcol {
  width: 58%;
}
section.second .txtdesc {
  line-height: 26px;
  padding-left: 11%;
  width: 90%;
}
section.second .whitebelt1 {
  left: 60%;
}
section.third .rightcol {
  margin-right: 4.5%;
}
section.third .whitebelt2 {
  right: 59%;
}
section.third .txtdesc {
line-height: 26px;
padding-left: 10%;
padding-right: 18%;
}
section.third .leftcol { float: left; width: 59%;}
.uc_career h1{font-size: 32px;}
.location .txtbot span{font-size: 19px;}
}
@media (max-width:768px) {

.container {margin-left:20px; margin-right:20px;}
section.second > .innerwrapper, section.third > .innerwrapper, section.loginHome .innerwrapper{margin-left:20px; margin-right:20px;}
section.first .innerwrapper{
height:auto;
position:static;
padding-top:80px;
padding-bottom:30px;
margin-left:20px;
margin-right:20px;
}
section.second > .innerwrapper { padding-top:70px;}
.signup > .innerwrapper{width:100%; margin:0 auto; padding-bottom:100px; display:block; padding-left:25px; padding-right:25px;}
section.first h1 {font-size: 28px;}
section.first h2 { font-size: 26px;}
.mobi_device {margin: 0 auto; width: 160px;padding-right: 0;}
section.third .rightcol .ucimg_r { margin: 0 auto;width: 160px;padding-right: 0;}
section.second .ucimg_l img, .rightcol .ucimg_r img{
width:160px;
height:auto;
}
section.first h1 {font-size: 26px;}
section.first h2 {font-size: 24px;}
.ucHomeDealpoint .txtright a {padding-left: 10px;}

section.second .leftcol { float:none; display:block; width:230px; margin:0 auto; height:auto; min-height: 0; padding-top: 0;}
section.second .rightcol { float:none; display:block;width:auto; padding-top: 25px; padding-bottom:50px;}
section.second .whitebelt1 {
    left: 18%;
}
section.second .ucimg_l {position:static; width: 360px; margin:0 auto; text-align:center;}
section.second .txtdesc {width: 100%;}
.whitebelt1 .wb1_r {
   padding-right: 10%;
}
section.third .rightcol {
float:none;
display:block;
width:247px;
margin: 0 auto;
min-height: 0;
}
section.third .leftcol {
padding-top: 50px;
padding-bottom:50px;
width: 100%;
display:block;
float:none;
width:auto;
}
section.third .whitebelt2 {right: 140px;}
section.third .txtdesc {
  font-size: 16px;
  line-height: 26px;
  padding-left: 0;
  padding-right: 14%;
}
.whitebelt2 .wb1_l {font-size: 18px;}
.register h1 {font-size: 18px;}
.uc_location {width: 100%;}

.uc_location a span {
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 11px;
  width: 8px;
}
.location .txtbot span { margin-right: 20px;}
section.page404 .innerwrapper{
left:275px;
right:6%;
height: 180px;
}
.page404 h1{font-size:34px;}
.page404 h2{font-size:16px;}
.page404 a{font-size:16px;}
.page404 .ron_image {width: 300px;}
.signup_contentbox {padding: 25px 30px;}
.signup .alredymember a {font-size: 14px;}
.uc_career h1{font-size: 26px;}
img.hide_on_mobile{width: 40px !important;}
.card{padding: 15px;}
#page_contents{padding: 15px;}
.career_manage li{font-size: 15px;}
a.posting-title{margin-right: 60px;}
}
@media (max-width:767px) {
.navbar-default .navbar-nav{
    float: none;
    margin: 20px 0 0;
}
.navbar-collapse {
    border-top: none;
    box-shadow: none;
	background-color:rgba(0,0,0,0.70);
	padding-bottom:15px;
}
.navbar-toggle {
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  float: right;
  margin-bottom: 8px;
  margin-right: 0;
  margin-top: 17px;
  padding: 9px 10px;
  position: relative;
  background-color:rgba(255,255,255,0.2);
  z-index: 99999;
}
.loginHome .uc_logo_big{width:350px;}
.container{ max-width:none;}

.posting-categories span{font-size: 16px;}
.posting-title h4 {
    font-size: 19px !important;
}
.plastic_row{overflow: hidden;}
.plastic_row .btn{position: relative;float: right;margin: 10px 0 15px	;}
	
a.posting-title {
    margin: 0;
}
.btn_outline.float_right {
    padding: 12px 17px !important;
}
.float_right{float: none !important;}
.posting.plastic_row {
    padding: 15px !important;
}
.posting-header h2{font-size: 25px;}
.location .txtbot span{font-size: 17px;}
#fsvs-body .slide {
    overflow: auto !important;
    clear: both;
    position: relative;
    height: auto;
    min-height: auto;
}

/*** jack ************/
#fsvs-body .slide {
    position:relative;
    overflow: auto;
    clear:both; 
}
html.fsvs #fsvs-body {
    position: relative;
}
html.fsvs #fsvs-body > * {
    height: auto;
    overflow: auto;
    width: 100%;
}
#fsvs-body .slide .outer{
    position:relative;
    overflow: auto;
    clear:both;
    height: auto; 
}
.footer, footer {
    position: relative;
} 
.innerwrapper{
    width: 100%;
}   
.location {
    min-height: 0;
}
section.second .innerwrapper, section.third .innerwrapper, section.loginHome .innerwrapper, section.location .innerwrapper {
    height:auto;
    margin-top: 0;
}
.location > .outer {
    top:0;
    min-height: 600px;
    padding: 170px 0 0 0;
    margin:0 auto;
}
.loginHome .appstorebotm {
    padding-bottom: 30px; 
}


/*********** jack end ********/


}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {

#fsvs-body .slide {
    position:relative;
    overflow: auto;
    clear:both; 
}
html.fsvs #fsvs-body {
    position: relative;
}
html.fsvs #fsvs-body > * {
    height: auto;
    overflow: auto;
    width: 100%;
}
#fsvs-body .slide .outer{
    position:relative;
    overflow: auto;
    clear:both;
    height: auto; 
}
.footer, footer {
    position: relative;
} 
.innerwrapper{
    width: 100%;
}   
.location {
    min-height: 0;
}
section.second .innerwrapper, section.third .innerwrapper, section.loginHome .innerwrapper, section.location .innerwrapper {
    height:auto;
    margin-top: 0;
}
.location > .outer {
    top:0;
    min-height: 600px;
    padding: 170px 0 0 0;
    margin:0 auto;
}
.loginHome .appstorebotm {
    padding-bottom: 30px; 
}

}




@media (max-width:640px) {
section.first h1 {font-size: 24px; text-align:center;}
section.first h2 {font-size: 22px; text-align:center;}
section.first .leftcol {width: 100%; margin-top: 20px; padding-left:0;}
section.first .rightcol {width: 100%; margin-top: 50px;}
.ucHomeDealpoint {width:285px; margin: 30px auto 0 auto;}
.appstorelinks .aslink {
  text-align: center;
}
.loginHome .uc_logo_big{width:300px;}

section.page404 .innerwrapper{
left:240px;
right:6%;
height: 180px;
}
.page404 h1{font-size:30px;}
.page404 .ron_image {width: 260px;}
	

	
}
@media (max-width:580px) {
section.second .whitebelt1 {left: 140px;}
.whitebelt1 .wb1_r {font-size: 18px;}
.register .title {
 width: 33.5%;
}
.register .field {
   width: 64%;
}
.dob_col {
  float: left;
  margin-right: 10px;
  width: auto;
}
.loginHome .appstorebotm .as_link{ display:block; margin:0; padding-top:20px;}
.loginHome .uc_logo_big {
  width: 260px;
}

section.page404 .innerwrapper{
left:200px;
right:5%;
height: 140px;
}
.page404 h1{font-size:24px;}
.page404 h2 {font-size: 14px;}
.page404 a{font-size: 14px;}
.page404 .ron_image {width: 220px;}
.signup > .innerwrapper{
padding-bottom:150px;
}
.career_manage p ,.career_manage li{font-size: 14px;}	
}
@media (max-width:480px) {
.navbar-brand img{ width:160px; height:auto;}
.navbar-default {min-height:55px;}
section.second .ucimg_l {width: 100%;}
section.second .whitebelt1 {left:120px;}
.whitebelt1 .wb1_r {
  font-size: 16px;
  line-height:20px;
}
section.third .whitebelt2 {right: 120px;}
section.third .txtdesc {
  font-size: 16px;
  line-height: 26px;
  padding-left: 0;
  padding-right: 12%;
}
.signin .keeplogin {
  float: none;
  width:100%;
  display:block;
  padding-top: 20px;
}
.signin .forgotpass {
  float: none;
  width:100%;
  display:block;
  padding-top: 10px;
}
.si_btn{ width:100%;}
.register .title {
 width: 100%;
 text-align:left;
 padding-bottom:2px;	
}
.register .field {
   width: 100%;
}
.getconnet {
  padding-left: 0;
  padding-top: 20px;
}
.getconnet .gc_btn {
width:100%;
padding: 10px 0;
}
.loginHome .btns_row {
  padding: 15px 15px 0 15px;
}
.loginHome .ucls_btn {
  display: block;
  margin:0;
  padding-top:15px;
}
.loginHome .ucls_btn a{display: block;}
.page404 .innerwrapper {
  position:static;
  height: auto;
  padding-top:40px;
  margin:auto 25px;
  text-align:right
}
.page404 .ron_image {
  width: 180px;
}
.page404 h2 {
 padding-left:110px;
}

.signup .botmrow h3 {
  font-size: 18px;
   padding:0;
   line-height:normal;
}
.signup .botmrow p {padding:0 0 4px 0;}
.signup_contentbox {  padding: 20px 20px;}
.card {
  padding: 15px 10px 15px 10px;
}
.about_wrapper.clearfix.container.uc_career{
	margin: 0;
}
#page_contents{
	padding: 0;
}
.career_manage ul{margin-left: 15px;}
.about_wrapper.clearfix.container.career_form {
    margin: 0;
}
.application .application-field, .application-label {
    padding: 6px 0 !important;
}
.signup > .innerwrapper{
    padding-top: 50px;
}


/**** jack ********/

#fsvs-body .slide {
    position:relative;
    overflow: auto;
    clear:both; 
}
html.fsvs #fsvs-body {
    position: relative;
}
html.fsvs #fsvs-body > * {
    height: auto;
    overflow: auto;
    width: 100%;
}
#fsvs-body .slide .outer{
    position:relative;
    overflow: auto;
    clear:both;
    height: auto; 
}
.footer, footer {
    position: relative;
} 
.innerwrapper{
    width: 100%;
}   
.location {
    min-height: 0;
}
section.second .innerwrapper, section.third .innerwrapper, section.loginHome .innerwrapper, section.location .innerwrapper {
    height:auto;
    margin-top: 0;
}
.location > .outer {
    top:0;
    min-height: 600px;
    padding: 170px 0 0 0;
    margin:0 auto;
}
.loginHome .appstorebotm {
    padding-bottom: 30px; 
}

}

@media (max-width:360px) {
section.first h1 {font-size: 24px; text-align:center;}
section.first h2 {font-size: 22px; text-align:center;}
.container {margin-left:20px; margin-right:20px;}

section.second .whitebelt1 {left:0px;}
.whitebelt1 .wb1_l {
position:static;
background:none;
width:auto;
}
.whitebelt1 .wb1_l img {
width:60px;
height: auto;
position:static;
padding-top:35px;
padding-left:15px;
}
section.second .txtdesc {
  width: 100%;
  padding:150px 0 0 0;
}
section.third .whitebelt2 {right: 0;}
.whitebelt2 .wb1_r{
position:static;
background:none;
height: auto;
position: absolute;
right: 10px;
}
section.third .txtdesc {
  font-size: 16px;
  line-height: 26px;
  padding: 150px 0 0 0;
}
.whitebelt2 .wb1_r img {
width:45px;
height: auto;
position:static;
padding-top:35px;

}
.whitebelt2 .wb1_l .innercell{ padding:0 70px 0 20px;}
.rightcol .ucimg_r {
  margin: 0 auto;
  position: static;
  width: auto;
}
.loginHome .uc_logo_big {
  width: 240px;
}
.signup .botmrow .colmleft {
  border-right:none;
  width: 100%;
  border-bottom:1px solid #d2d2d2;
  padding-bottom:5px;
}
.signup .botmrow .colmright {
  border-right: none;
  width: 100%;
  padding-top:10px;
}
}
@media screen and (max-width:320px) {
    
    .uc_location{
        margin-top: 60px;
    }
    .footer > .innerfooter, footer > .innerwrapper{
        margin: 0;
    }
    .footer .ftr_right li, footer .ftr_right li{
        padding: 0 10px;
    }
    .footer, footer{
        padding: 0 0 5px;
    }
    .footer .ftr_left, footer .ftr_left{
        font-size: 13px;
    }
    .footer .ftr_right li a, footer .ftr_right li a{
        font-size: 11px;
    }
    .signup_contentbox{
        padding: 10px;
    }
    .newmember {
        margin: 15px 0 0;
    }
    .newmember > a.nmbtn{
        font-size: 14px;
    }
    .toprow h2 {
        font-size: 20px;
        margin-top: 10px;
    }
    .signup .toprow {
        padding: 10px 0 8px;
    }
    .rememberme{
        padding-top: 10px;
    }
    .su_btn, .loginbtn {
    margin: 10px 0 0;
    }
    .forgotpass{
        margin-top: 15px;
    }
    .location > .outer {
        min-height: 500px;
        padding: 50px 0 0;
        top: 50%;
    }   

}

.swiper-container{
    height: auto;
    width: 220px;
}
#slide-1 .rightcol {
    background:transparent url(../../images/iphone-device.png) top no-repeat scroll;
	
}

#slide-3 .rightcol {
    background:transparent url(../../images/iphone-device.png) top no-repeat scroll;
}

#slide-5 .rightcol {
    background:transparent url(../../images/iphone-device.png) top no-repeat scroll;
    background-position: 0px 0px;
}

#slide-2 .leftcol {
    background:transparent url(../../images/img1.png) top no-repeat scroll;
}

#slide-4 .leftcol {
    background:transparent url(../../images/img3.png) top no-repeat scroll;
    background-position : 0px 0px;
}

#slide-2 .swiper-slide{
    margin-top: 36px;
}

#slide-4 .swiper-slide{
    margin-top: 48px;
}

#slide-1 .swiper-slide, #slide-3 .swiper-slide{
    margin-top: 52px;
}
#slide-5 .swiper-slide{
    margin-top: 51px;
}