/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-ms-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}

/* bootstrap and resets 
*/		
body, h1, h2, h3{font-family:Open Sans, Helvetica, Arial, sans-serif;}
body {padding-top:80px !important;}
a{text-decoration:none !important;}
.container-fluid{position:relative;max-width:1280px;padding-right:0;padding-left:0;margin-right:auto;margin-left:auto;}
.col-xs-12{padding-left:0px;padding-right:0px;}
#header_wrap {width:100%;position: fixed;left: 0;top: 0;z-index: 1010;background-color:#fff;}
#header_wrap div{height:100px;line-height:100px;}
#header_wrap a.phone{font-family:Open Sans, Helvetica, Arial, sans-serif;font-size:24px;line-height:100px;color:#f38430;}
#header_wrap a.phone:hover{color:#f38430;text-decoration:none;cursor:default;} 
#lpFooter {width:100%;padding:30px 0 25px 0;background-color:#eee;text-align:center;}
#lpFooter .social {width:100%;padding:15px 0 15px 0;}
#lpFooter .social ul{list-style-type:none;margin:0 0 0 0;padding:5px 0 0 0;white-space:nowrap;}
#lpFooter .social ul li{display:inline;margin:0;padding:0;}
#lpFooter .copyRt{padding:0 5px 0 5px;}
#lpFooter .copyRt span{display:block;white-space:nowrap;}
#lpFooter .copyRt span a{color:#777;}
.hideItdesk{display:none;}
.hideItmobile{display:block;}                                              
.heroPkg{
	padding-bottom:10%;  /* slope */
	height:640px;/* start height */
	max-height:640px;
	display:block;
	width:auto;
	z-index:1;                                                               
	font-family:Open Sans; Helvetica, Arial, sans-serif !important;font-size:12px;
	background-repeat:no-repeat;
	background-size: cover;
	-moz-background-size: cover;  /* Firefox 3.6 */
	background-position:center;  /* Internet Explorer 7/8 */
}
#chatapp {background-image: url(../images/appback_1280x550.jpg);background-position:center;}
#chatapp.heroPkg {height:537px;max-height:537px;}
#chatapp .heroTxt {float:right;top:65%;transform: translateY(-50%);width:57%;padding:0 0 0 30px;color:#369;}
#chatapp .heroTxt h1 {padding:0;margin:0;font-family:Open Sans, Helvetica, Arial, sans-serif;font-style:italic;font-weight:400;font-size:65px;}
#chatapp .heroTxt h2 {padding:20px 0 20px 0;margin:0;font-family:Open Sans, Helvetica, Arial, sans-serif;font-style:italic;font-weight:100;font-size:26px;line-height:36px;}
#chatapp .heroTxt strong {font-weight:600;font-size:38px;}
#chatapp .heroTxt a img{margin:5px 5px 5px 0;}
#chatapp .heroTxt a, #chatAppFeatures a, #why-choose-col a {text-decoration:none;}
#chatvideo{background-image:url(../images/video-background-op-1280x470.jpg);background-position:left;padding:0 25px 0 25px;}
#chatvideo.heroPkg {height:470px;max-height:470px;}
#chatvideo .heroTxt{position:relative;padding:0 20px 0 60px;top: 50%;transform: translateY(-50%);}
#chatvideo .heroTxt h1{color:#ffffff;font-family:Open Sans, Helvetica, Arial, sans-serif;font-style:italic;font-weight:600;font-size:42px;text-align:center;}
#chatvideo .heroTxt strong {font-weight:600;}
#chatvideo .heroTxt h1 span{display:block;font-weight:100;}
#chatvideo .vbox{float:right;position: relative;top: 50%;transform: translateY(-50%);max-width: 600px;}
#divVideo img{width:100%;cursor:pointer;}
.imgPkgApp{background: url(../images/icons_530x520.png) 0 0 no-repeat;background-size:265px 125px;}
.footerPkg{background: url(../images/footericons.png) 0 0 no-repeat;background-size:360px 360px;}
.livechat{position:relative;width:60px;height:60px;margin:40px auto 20px auto;background-position:-79px -77px;background-size:500%;}
.message{position:relative;width:60px;height:60px;margin:40px auto 20px auto;background-position:-235px 0;background-size:500%;}
.talk{position:relative;width:60px;height:60px;margin:40px auto 20px auto;background-position:0 0;background-size:500%;}
.interruptions{position:relative;width:60px;height:60px;margin:40px auto 20px auto;background-position:-156px 0;background-size:500%;}
.history{position:relative;width:60px;height:60px;margin:40px auto 20px auto;background-position:0 -77px;background-size:500%;}
.match{position:relative;width:60px;height:60px;margin:40px auto 20px auto;background-position:-79px 0;background-size:500%;}
.karmarewards{position:relative;width:60px;height:60px;margin:40px auto 20px auto;background-position:-156px -77px;background-size:500%;}
.manage{position:relative;width:60px;height:60px;margin:40px auto 20px auto;background-position:-235px -77px;background-size:500%;}
.benefits{position:relative;width:60px;height:60px;margin:40px auto 20px auto;background-position:0 -155px;background-size:500%;}
.videobios{position:relative;width:60px;height:60px;margin:40px auto 20px auto;background-position:-155px -155px;background-size:500%;}
.waittime{position:relative;width:60px;height:60px;margin:40px auto 20px auto;background-position:-235px -155px;background-size:500%;}
.tarot{position:relative;width:60px;height:60px;margin:40px auto 20px auto;background-position:0 -235px;background-size:500%;}
.facebook{display:inline-block;position:relative;width:30px;height:30px;margin:0 3px;background-position:2px 1px;background-size:600%;}
.twitter{display:inline-block;position:relative;width:30px;height:30px;margin:0 2px;background-position:-28px 1px;background-size:600%;}
.google{display:inline-block;position:relative;width:30px;height:30px;margin:0 3px;background-position:-56px 1px;background-size:600%;}
.youtube{display:inline-block;position:relative;width:30px;height:30px;margin:0 3px;background-position:-97px 0;background-size:640%;}
.instagram{display:inline-block;position:relative;width:30px;height:30px;margin:0 3px;background-position:-120px 1px;background-size:600%;}
.apple{display:inline-block;position:relative;width:135px;height:45px;margin:0 3px 0 0;background-position:0 -100px;background-size:268%;}
.android{display:inline-block;position:relative;width:150px;height:45px;margin:0 0 0 3px;background-position:-180px -100px;background-size:240%;}
#chatAppFeatures{max-width:1280px;margin:30px auto 0 auto;padding:0 0 30px 0;font-size:14px;color:#999;text-align:center;}
#chatAppFeatures .row{padding:0 0 0 0 !important;margin:0 0 0 0 !important;}
#chatAppFeatures a img, #why-choose-col a img{margin:0 2px 0 2px;}
#chatAppFeatures h1{padding:30px 0 0 0;border-bottom:solid 1px #f5841f;text-align:center;}
#chatAppFeatures h1 span{display:block;background:#fff;width:250px;margin:-33px auto;color:#f5841f;font-size:48px;font-weight:100;text-align:center;}
#chatAppFeatures h2{padding:0 0 10px 0;margin:0 0 0 0;color:#f5841f;font-size:20px;font-weight:600;}
#chatAppFeatures .btnRow ,#why-choose-container .btnRow{padding:0 0 0 0 !important;margin:30px 0 0 0 !important;}
#closing-container, #openapp {background: #6295bd;color: #fff;padding:10px 10px 25px 10px;font-size: 15px;font-weight:100;text-align:center;}
#openapp h1 {font-size: 44px;font-weight:100;color: #fff;padding:0 0 0 0;}
#openapp strong{font-weight:600;}		
#closing-container h2 {font-size: 22px;font-weight:400;color: #fff;padding:10px 0 0 0;}
#closing-container #closing-col p {color: #fff;font-size: 16px;font-weight:300;}	
#connect-container {background-image: url(../images/brice_1280x470.jpg);background-position:left bottom;}	
#connect-container.heroPkg {height:470px;max-height:470px;}	
#connect-container #connect-row {margin-right: 20px;margin-left:360px;}		
#connect-container #connect-col {color:#888;padding-top: 10px;padding-bottom:30px;font-size:14px;}		
#connect-container h1 {margin: 10px 0 30px 0;color: #6699cc;font-size:34px;font-weight:100}		
#connect-container h2 {margin: 10px 0 5px 0;color: #6699cc;font-size:20px;font-weight:600}		
#why-choose-container {max-width:1280px;margin:0 auto 0 auto;padding:0 0 20px 0;font-family:Open Sans, Helvetica, Arial, sans-serif;font-size:14px;color:#999;text-align:center;}
#why-choose-container .row{padding:0 0 0 0 !important;margin:0 0 0 0 !important;}	
#why-choose-container #why-choose-col {padding-top: 30px;padding-bottom: 30px;color: #818385;}
#why-choose-container #why-choose-col .block {padding: 30px 0 10px 0;}
#why-choose-container #why-choose-col h2 {padding:0 15px 0 15px;margin: 20px 0;color: #6295bd;font-weight: 400;}
#why-choose-container #why-choose-col h3 {padding:0 10px 0 10px;color: #f58420;}
#why-choose-container #why-choose-col p {padding:0 15px 0 15px;margin:0 0 0 0;color: #818385;font-size: 16px;font-weight: 400;line-height: 19px;}

@media only screen and (max-width: 768px) {
body {padding-top:90px !important;}
#header_wrap {padding-top:10px;}	#header_wrap div{display:block;height:50px;width:100%;line-height:50px;text-align:center;background-color:#fff;}
#header_wrap a.phone{line-height:27px;}
#chatapp.heroPkg {height:320px;max-height:320px;}
#chatapp .heroTxt {padding:0 0 0 15px;}
#chatapp .heroTxt h1 {font-size:40px;}
#chatapp .heroTxt h2 {padding:10px 0 10px 0;font-size:18px;line-height:21px;}
#chatapp .heroTxt strong {font-weight:600;font-size:22px;}
#chatapp .heroTxt a img{margin:5px 5px 5px 0;}
#chatvideo.heroPkg {height:350px;max-height:350px;}
#chatvideo{padding:0 15px 0 15px;}
#chatvideo .heroTxt{position:relative;top: 50%;transform: translateY(-50%);padding:0 10px 0 10px;margin:0 0 0 0;}
#chatvideo .heroTxt h1{padding:0 0 0 0;margin:0 0 0 0;font-size:28px;line-height:31px;font-weight:600;}
#chatvideo .vbox{float:right;position:relative;top: 50%;transform: translateY(-50%);max-width: 600px;}	
#chatAppFeatures h1{padding:18px 0 0 0;border-bottom:solid 1px #f5841f;text-align:center;}
#chatAppFeatures h1 span{display:block;background:#fff;width:180px;margin:-22px auto;color:#f5841f;font-size:36px;font-weight:100;text-align:center;}	
#connect-container {background-position:-150px bottom;}	
#connect-container.heroPkg {height:420px;max-height:420px;}	
#connect-container #connect-row {margin-right:20px;margin-left:170px;}		
#connect-container #connect-col {color:#888;padding-top:10px;padding-bottom:30px;font-size:14px;}		
#connect-container h1 {margin: 10px 0 10px 0;font-size:24px;}		
#connect-container h2 {margin: 10px 0 5px 0;font-size:16px;}	
#openapp h1 {font-size:28px;}
}

@media only screen and (max-width:480px) {
#chatapp {clear:both;background-image: url(../images/appback_480X620.jpg);background-position:center;}
#chatapp.heroPkg {height:520px;max-height:520px;}
#chatapp .heroTxt {width:100%;position:relative;top:70px;padding:0 0 0 0;margin:0 0 0 0;text-align:center;}
#chatapp .heroTxt h1 {font-size:30px;}
#chatapp .heroTxt h2 {padding:7px 0 7px 0;font-size:16px;font-weight:400;line-height:19px;}
#chatvideo{position:relative;background-position:left;padding:0 10px 0 10px;}
#chatvideo.heroPkg {height:350px;max-height:350px;}
#chatvideo .heroTxt{width:100%;position:relative;top:12%;transform: translateY(-12%)padding:0 0 0 0;margin:0 0 0 0;text-align:center;}
#chatvideo .heroTxt h1{padding:0 0 0 0;margin:0 0 0 0;font-size:20px;line-height:23px;font-weight:600;}
#chatvideo .vbox{position:absolute;top:85%;left:0;width:100%;margin:auto 0;transform: translateY(-85%);}
#connect-container {background-position:-160px bottom;}	
#connect-container.heroPkg {height:420px;max-height:420px;}	
#connect-container #connect-row {margin-right:0;margin-left:120px;}		
#connect-container #connect-col {color:#666;padding-top:10px;padding-bottom:30px;font-size:14px;}		
#connect-container h1 {margin: 10px 0 10px 0;font-size:20px;}		
#connect-container h2 {margin: 10px 0 5px 0;font-size:14px;}
#openapp h1 {font-size:24px;}
#openapp strong{font-weight:600;}		
#closing-container h2 {padding:10px 0 10px 0;}		
#closing-container{font-size:16px;}	
.hideItdesk{display:block;}  
}

@media only screen and (max-width:375px) {
#chatapp.heroPkg {height:460px;max-height:460px;}
#chatapp .heroTxt {width:100%;position:relative;padding:0 0 0 0;margin:0 0 0 0;text-align:center;}
#chatapp .heroTxt h2 {font-size:20px;}
#chatapp .heroTxt a img{margin:5px 5px 5px 0;}
#chatvideo{position:relative;background-position:left;padding:0 10px 0 10px;}
#chatvideo.heroPkg {height:300px;max-height:300px;}
#chatvideo .heroTxt{width:100%;position:relative;top:4%;transform: translateY(-4%);padding:0 0 0 0;margin:0 0 0 0;text-align:center;}
#chatvideo .heroTxt h1{padding:0 0 0 0;margin:0 0 0 0;font-size:18px;line-height:22px;font-weight:600;}
#chatvideo .vbox{position:absolute;top:85%;left:0;width:100%;margin:auto 0;transform: translateY(-85%);}
.hideItmobile{display:none;}  
}
@media only screen and (max-width:320px) {
#chatvideo.heroPkg {height:270px;max-height:270px;}
}