html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 13px;
	vertical-align: baseline;
	font-family: 'Roboto', sans-serif;
}
ul, li{list-style:none}

.fourdiv:after, .padd20x5:after {
    content: '';
    display: table;
    clear: both;
}

a{color:#333; outline: 0;}


.width1200{width:90%; margin:auto}
.font13{font-size:13px;}
.font18{font-size:18px; font-weight:normal}
.font24{font-size:24px;}
small{font-size:12px;}
div{box-sizing:border-box;}
.clear{clear:both}
.lefttxt{ text-align:left}

.topmainmenu{margin-top:35px;}

a.bluelink{ color:#518FCC; text-decoration:none; font-size:14px; font-weight:bold; padding-right:20px; background:url(../images/blue-arrow.png) no-repeat 100% 2px; transition-duration: 0.3s;
  transition-timing-function: ease-out;}
a.bluelink:hover{ color:#8CBEEF; background:url(../images/blue-arrow.png) no-repeat 100% -29px; transition-duration: 0.3s;
  transition-timing-function: ease-out;}
  
ul.disc li{list-style:disc; margin-left:10px; padding:2px 0}

.lightfont{color:#999}
.padd5{ padding:5px}
.padd10{ padding:10px}
.padd10x5{ padding:10px 5px}
.padd20x0{ padding:20px 0}
.padd20x5{ padding:0px 0%; display:block; text-align:left;}
.padd20x5 div{ float:left; font-weight:normal; line-height:23px;}
.padd20x5 .last{padding-left:3%; width: 30%;}
.padd20x5 .form{padding:10px; width: 30%; background:#CAF9FF}
.padd30x10{ padding:30px 10px}
.padd40x10{ padding:40px 10px}
.overflow{overflow:hidden}
.font43{font-size:43px; font-weight:normal; color:#333}
h1{font-size:43px; font-weight:normal; color:#FFF}
h3{font-size:15px; font-weight:bold; color:#333}
h3{ color:#9BC63C; font-size:42px; font-weight:300;  padding:15px 0;}
div > h4, div > a h4{font-size:22px; font-weight:700; margin-bottom:15px;}
.bigbluetxt{ font-size:30px; text-decoration:none; color:#0091EA}
.lineh21{line-height:21px}

.header{width:100%; height:100vh;}


.headermain, .headerbg{width:100%; height:100vh; background: url(../images/slide-bg1.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;}
.contacthead{width:100%; height:100vh; background: url(../images/contact-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;}	
.companyhead{width:100%; height:100vh; background: url(../images/company-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;}	
.careerhead{width:100%; height:100vh; background: url(../images/career-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;}	
.partnerhead{width:100%; height:100vh; background: url(../images/channel-partners-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;}	
	
	
.logohead{font-size:14px; width:100%; clear:both; padding:10px 10%; margin:auto}
.logohead:first-of-type{background:rgba(0,0,0,0.5);}

.logohead:after {
    content: '';
    display: table;
    clear: both;
}
section#pnlTop, .agency-reg{display:none;}
.logohead div{float:left; font-size:12px;  color:#CCCCCC;}
.logohead .logo{width:50%;}
.threeroundnav{width:50%; text-align:right}
.threeroundnav img{ transition:ease .2s; margin-left:10px; border:0; opacity:0.7;}
.threeroundnav a:hover img{ opacity:1; }

.logohead .contactLinks{width:30%;}
.logohead .contactLinks{padding-top: 3px; float:left;}
.logohead .logo br{ margin-bottom:40px;}
.logohead .logo a{ transition:ease .2s; color:#FFF; margin-right:20px; text-decoration:none; font-size:12px; font-weight:bold; text-transform:uppercase; position:relative;}
.logohead .contactLinks a{color:#CCCCCC; text-decoration:none; font-size:12px; position:relative;}
.logohead .logo a:hover, .logohead .contactLinks a:hover{ color:#9bc63c; }



.logohead .topmenu{width:2%; text-align:right}
.logohead .call{width:70%; text-align:right}
.logohead .call img{ transition:ease .2s; margin-left:10px; border:0; opacity:0.7;}
.logohead .call a:hover img{ opacity:1; }

i.callicon, i.emailicon, .smicons i{display:inline-block; text-indent:-9999px; margin-right:5px; background:url(../images/image-sprite.png) no-repeat;}
i.callicon{ background-position:0 -3px;padding:2px 10px;}
i.emailicon{background-position:-31px -3px;padding:2px 10px;}
.smicons{padding: 12px 0px 7px 0; overflow: hidden;  display: inline-block;}
.smicons i{margin-left:10px; float:left}
.smicons i a{ display:block; text-decoration:none;padding:2px 10px;}
.smicons i:nth-child(1){background-position:-73px 0px;}
.smicons i:nth-child(2){background-position:-112px 0px;}
.smicons i:nth-child(3){background-position:-153px 0px;}
.smicons i:nth-child(4){background-position:-191px 0px;}
.smicons i:nth-child(5){background-position:-231px 0px;}

.innerhearerspace{ height:150px;}

.centertxtnrm{ text-align:center; padding:0 17%;}
.centertxt{font-size:50px; text-align:center; color:#FFF; font-weight:bold; margin-top:130px;}
.centertxt small{font-size:15px; font-weight:normal; display:block}
.centertxt p{height: 150px;}

.servicetabsbackimg{ position:relative;}
.servicetabs{ position:absolute; top:0; left:0; background:#999; z-index:1}
	
a.bookbtn, a.ghostbtn{display:inline-block; text-decoration:none;}
a.bookbtn{background:#F9676B; padding:6px 12px;  font-size:13px; color:#FFF; font-weight:bold; transition-duration: 0.5s;
  transition-timing-function: ease-out;}
a.bookbtn:hover{background:#FF3300; transition-duration: 0.5s;
  transition-timing-function: ease-out;}
a.ghostbtn{padding:7px 15px; color:#000; border:#09C solid 1px; font-size:12px; border-radius:2px; }
a.ghostbtn:hover{box-shadow:0px 0px 0px 1px #09C inset}
a.ghostbtnbig{padding:12px 15px; color:#000; border:#ccc solid 1px; font-size:14px; text-decoration:none; text-transform:uppercase; font-weight:bold}
a.ghostbtnbig i{font-size:20px; text-align:right; margin-left:10px;}

a.ghostbtnbig{
  position: relative;
}
a.ghostbtnbig:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background-color:rgba(0, 0, 0, 0.5);
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.ghostbtnbig:hover:before, a.ghostbtnbig:focus:before, a.ghostbtnbig:active:before {
  left: 0;
  right: 0;
}
	
	
.leftflt{float:left}
.rightflt{float:right}
.simpleLI li{ margin-left:15px;}


.div70{
	width:70%;
	margin-right: 4%;
	/* [disabled]float:left; */
}
.div26{
	width: 26%;
}

.highlightdiv{ background:url(../images/content_bg_parallax1.jpg) fixed center #2C374E; -webkit-background-size: cover; -moz-background-size: cover;
 -o-background-size: cover; background-size: cover; font-size:19px; color:#F9F9F9; margin-top:10px;}
.highlightdiv .fourdiv > div{ color:#F9F9F9}

.threediv{ clear:both;}
.threediv > div{ width:33.333%; padding:20px 3%; float:left;  box-sizing:border-box; border-left:#CCC solid 1px; border-bottom:#CCC solid 1px; color:#999; text-align:center}
.threediv > div:nth-child(1),.threediv > div:nth-child(4){border-left:none}
.threediv > div:nth-child(n+7){border-bottom:#CCC solid 0px;}
.threediv > div:nth-child(7){border-left:#CCC solid 0px;}
.threediv  small{ line-height:18px; color:#666; display:table;}
.threediv i{ background:url(../images/image-sprite.png) no-repeat; width:30px; height:33px; display: inline-block; float:left; margin-right:10px;}
.threediv i.first{ background-position:0 -297px;}
.threediv i.sec{background-position:-42px -297px;}
.threediv i.thr{background-position:-80px -297px;}
	

	
	
.twodiv{ clear:both; overflow:hidden}
.twodiv > div{ width:50%; display:table-cell}
.twodiv h5{ font-size:34px; font-weight:normal}

.fourdiv > div{ width:33%; float:left; box-sizing:border-box; padding:30px 2%; text-align:center; color:#666; line-height:22px;}
.fourdiv > div > a, .fourdiv > div > a h4{ color:#666}
.fourdiv > div > a{ display:block; font-size:inherit; text-decoration:none;}
.fourdiv > div > a h4{font-size:22px; font-weight:700; margin-bottom:15px;}
.fourdiv{ clear:both; margin:auto;}


.fourdiv > div:hover{ cursor:pointer}
.fourdiv > div:hover> a h4, .fourdiv > div:hover> h4{color:#039}


.fourdiv > div i{display:inline-block; text-indent:-9999px; background:url(../images/services-sprite.png) no-repeat; padding:67px 60px;}
.fourdiv > div:nth-child(1) i{ background-position:0 0; }
.fourdiv > div:nth-child(2) i{ background-position:-120px 0; }
.fourdiv > div:nth-child(3) i{ background-position:-240px 0; }
.fourdiv > div:nth-child(4) i{ background-position:-360px 0; }
.fourdiv > div:nth-child(5) i{ background-position:-480px 0; }
.fourdiv > div:nth-child(6) i{ background-position:-600px 0; }


.fourdiv h5{ font-size:34px; font-weight:normal}

.fourdivblue > div{ width:25%; float:left; box-sizing:border-box; padding:30px 2%; text-align:center; color:#FFF; line-height:22px; float:left}
.fourdivblue  div  h4 img{ margin-bottom:10px;}
.highlightdiv:after{
    content: '';
    display: table;
    clear: both;
}
.fourdivblue  div a{color:inherit; text-decoration:none}

.comp-logos1{ background:url(../images/companies-logos.jpg) }

.bluediv{display:block; overflow:hidden; background:#00AEFF;}
.bluediv h5{ background:#1F93FF; display:inline-block; padding:10px 30px; color:#FFF; font-size:40px; font-weight:normal}

.fourdivblue > div i{display:block; text-indent:-9999px;}

/* styles copied from old softtix and some temp styles */
.mandatory {color:#f00; font-weight:normal;}
.contactForm {color:#4f4f4f; font-size:12px;}
.contactForm label, .contactForm input, .contactForm select, .contactForm textarea { float:left; width:300px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px}
.contactForm label { padding:5px 0 0 0; color:#666; font-weight:bold; font-size:13px;}
.contactForm input, .contactForm select { border:1px solid #CCC; padding:4px 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.contactForm select { width:314px; padding:3px 5px !important;}
.contactForm input.checkbox { border:none; width:20px; padding:0; margin:0;}
.contactForm textarea { border:1px solid #CCC; width:302px; height:80px; padding:4px 5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.contactForm .button { clear:left; margin:10px 0 0 0; border:none !important; font-weight:bold; font-size:12px; background:#6b1c87; color:#fff; padding:5px 20px; width:auto !important; text-transform:uppercase; cursor:pointer; }





.centertxt_contact{font-size:50px; text-align:center; color:#FFF; font-weight:bold; margin-top:40px; background:rgba(0, 0, 0, 0.6); padding:30px 0;}
.centertxt_contact:after{content:''; display:table; clear:both;}
.heading { color:#00a859 !important; font-weight:bold; font-size:19px;}
.contentLink { color:#FFFFFF; text-decoration:none; font-size:16px }
.contentLink:hover { text-decoration:underline;}
.smoContactList {margin-top: 20px;
overflow: hidden;
float: right;}
.smoContactList a { text-decoration:none; color:#999;}
.smoContactList div { display:block; float:left; height:33px; margin:0 0 10px 0; text-decoration:none; color:#fff; }
.smoContactList div:nth-child(1) { width:90px; }
.smoContactList div:nth-child(2) { width:170px; }
.smoContactList div:nth-child(3) { width:170px; }
.smoContactList div:nth-child(4) { width:120px; }
.smoContactList div:nth-child(5) { width:240px; }
.smoContactList div span { display:block; float:left; margin:0 10px 0 0; width:32px; height:33px; color:#fff; background:url(../images/softtix-sprite.png);}
.smoContactList div strong { display:block; height:26px; padding:7px 0 0 0;}
.smoContactList .gtalk span { background-position:-224px 0;}
.smoContactList .facebook span { background-position:-32px 0;}
.smoContactList .yahoo span { background-position:-256px 0;}
.smoContactList .icq span { background-position:-288px 0;}
.smoContactList .skype span { background-position:-128px 0;}
.fullWidth { width:85%; margin-left:15%; height:255px;}
.fullWidth p { margin:0 0 10px 0; padding:0; line-height:22px; text-align:justify; color:#4f4f4f;}
a.clientList { display:block; width:630px; height:103px; text-align:justify; margin:0 0 10px 0; color:#5C5C5C; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; }
a.clientList span { border:5px solid #efeded; display:block; margin:0 20px 0 0; float:left; width:192px; height:93px;}
.webshot { display:block; margin:0 20px 0 0; text-align:center; text-decoration:none; float:left; width:205px; border:10px solid #fff; }
.webshot span { display:block; height:200px; width:205px; margin:0 0 10px 0; background:url(../images/webshots-sprite.jpg);}
span#caper { background-position:0 0;}
span#hilife { background-position:-205px 0;}
span#easyhols { background-position:-410px 0;}
span#naturoville { background-position:-615px 0;}
.webshot strong { display:block; background:#f2f2f2; color:#666; padding:8px 0;}
.webshot:hover { border:10px solid #f2f2f2;}
.webshot:hover strong { color:#3E86BC;}

div.table-title {
   display: block;
  margin: auto;
  /*max-width: 600px;*/
  padding:5px;
  width: 100%;
}

/*** Table Styles **/

.table-fill {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  /*height: 320px;*/
  margin: auto;
  /*max-width: 600px;*/
  padding:5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}
 
th {
  color:#D5DDE5;;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:16px;
  font-weight: bold;
  padding:14px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

th:first-child {
  border-top-left-radius:3px;
}
 
th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
tr {
  border-top: 1px solid #C1C3D1;
  border-bottom-: 1px solid #C1C3D1;
  color:#666B85;
  font-size:14px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
tr:hover td {
  background:#4E5066;
  color:#FFFFFF;
  border-top: 1px solid #22262e;
  border-bottom: 1px solid #22262e;
}
 
tr:first-child {
  border-top:none;
}

tr:last-child {
  border-bottom:none;
}
 
tr:nth-child(odd) td {
  background:#EBEBEB;
}
 
tr:nth-child(odd):hover td {
  background:#4E5066;
}

tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
td {
  background:#FFFFFF;
  padding:10px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:14px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
}

td:last-child {
  border-right: 0px;
}

th.text-left {
  text-align: left;
}

th.text-center {
  text-align: center;
}

th.text-right {
  text-align: right;
}

td.text-left {
  text-align: left;
}

td.text-center {
  text-align: center;
}

td.text-right {
  text-align: right;
}


.agency-reg form div{width:50%; float:left; padding:5px 10px;}
.agency-reg form div div{padding:0px;}

.agency-reg form div input, .agency-reg form div textarea{width:100%; padding:5px; border:#ccc solid 1px; margin-top:5px; box-sizing:border-box;}


@media all and (min-width:20px) and (max-width:1100px){
	.logohead .logo, .threeroundnav{width: 100%; padding:10px 0;}
	.logohead .contactLinks {width:50%;}

.innerhearerspace{display: none}

.topmainmenu {
    margin-top: 35px;
    line-height: 28px;
}
	.logohead .call {
    width: 100%;
    text-align: center;
	
}
	.logohead .call img{
    width: 15%;
    text-align: center;
	margin-left:0;
}
.logohead .call img:nth-child(2){ margin:0 3%}
.centertxt {
    font-size: 17px;
	margin-top: 0px;}
	
	.logohead {
    padding: 10px 5%;}
	.logohead div {float:none; text-align:center}
	
	.logohead .logo a {
    font-size: 18px; white-space: nowrap; text-decoration:underline;}
	
	.headermain{width:100%; height:100vh; background: url(../images/slide-bg1.jpg) ;
    background-size: auto;
    background-repeat: no-repeat;}
	
	.clientslogo{display: flex;  flex-wrap: wrap; text-align:center}
	.clientslogo img{width:50%; margin:auto}
	.clientslogo div{display: flex;
flex-direction: column;
justify-content: space-between;}
.fourdiv > div {
    width: 50%;
	padding: 5px 2%;
	
}
div > h4, .fourdiv > div > a h4, div > a h4 { 
    font-size: 16px;
	
}
.fourdivblue > div { width:50%}

.font43 {
    font-size: 23px;}
	
	h3 {
    font-size: 30px;
    font-weight: bold;
}

.centertxt p{height:30px;}

#languageBar{display:none;}

}

@media all and (min-width:700px) and (max-width:1100px){
	.logohead .call img{
    width: 10%;}
}

@media all and (min-width:20px) and (max-width:650px){
	.logohead .contactLinks {width: 100%; border-bottom:1px solid #666;}
	.logohead .call section{float:none !important;}
	.pnlGlobalLogin{top: 70px !important;}
	
}
@media all and (min-width:10px) and (max-width:400px){
	.logohead .call img{
    width: 22%;
    text-align: center;
	margin-left:0;
}
	.clientslogo img{width:100%}
	.fourdivblue > div { width: 100%;}
	.fourdiv > div {width: 100%;}
	div > h4 {
    font-size: 16px;
	
}
.div70{
	width:100%;
	margin-right: 0%;
	/* [disabled]float:left; */
}
.div26{
	width: 100%; padding-top:35px;
}
}