@charset "utf-8";
/* CSS Document */
.formLabel{
    width:200px
}
body{font-family: 'Open Sans', sans-serif; color:#666; overflow-x: hidden;}
h1{ font-size:30px;}
h2{font-size:21px;}
h3{font-size:15px;}
h3.title{ background:#eee; font-weight:bold; font-size:12px; text-transform:uppercase; color:#696969; padding:10px !important; border-bottom:#d2d2d2 1px solid;}h4{}
p{ font-size:13px;}
.italic{ font-style:italic; } 
strong { font-weight:700 !important;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.push-up-20{ margin-top:20px;}
.push-down-20{ margin-bottom:20px;}

.bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger{ padding:10px 15px !important;} 
 

#header{ padding-top:20px;}
 
div.gray{background-color:#f1eaea; border-bottom:#dad9d9 1px solid; margin-bottom:30px;}
.border-top-red{ border-top:#cc3333 4px solid; }
.border-top-blue{ border-top:#007ac3 4px solid; }

a.read-more-btn{font-size:11px; text-transform:uppercase; font-weight:700; }
a.read-more-btn span{ font-size:9px; padding-left:5px;}
.no-margins{ margin:0; padding:0;}

ul#top-ul{ font-family:Georgia, "Lucida Bright", "DejaVu Serif", serif; font-style:italic; font-size:12px; list-style:none; text-decoration:underline;}
ul#top-ul li a:hover{ color:#000 !important;}
ul#top-ul .glyphicon { font-size:9px; left:8px;}

img.partner{ float:right;}

#carousel-main{ } 
.carousel-control.right, .carousel-control.left { background-image:none;}
.carousel-indicators { left: 111%;top: 90%;}
.carousel-indicators li {  border: 1px solid #999;  border-radius: 10px;  cursor: pointer;  background-color: #000 \9;  background-color: rgba(0, 0, 0, 0);}
.carousel-indicators .active {  margin: 0;  width: 12px;  height: 12px;  background-color: #ccc;}
#carousel-testimonials .carousel-indicators { left: 90%; top:-50px; }
	.carousel .item {
		left: 0 !important;
		  -webkit-transition: opacity .4s; /*adjust timing here */
			 -moz-transition: opacity .4s;
			   -o-transition: opacity .4s;
				  transition: opacity .4s;
	}
	
	/* Fade controls with items */
	.next.left,
	.prev.right {    opacity: 1;    z-index: 1;}
	.active.left,.active.right {    opacity: 0;    z-index: 2;}

div.separator{ height:10px; background:#e5e5e5; height:12px; margin-top:25px !important; } 

p.testimonial-name{ width:75%; border-bottom:#e5e5e5 1px solid; padding-bottom:15px; font-style:italic; font-weight:400; color:#000000;font-size:14px;}
p.testimonial-content{font-family:Georgia, "Lucida Bright", "DejaVu Serif", serif; font-style:italic; font-size:15px;}
p#connecting{ font-weight:700 !important; text-transform:uppercase; }
h1.connecting-line{ font-weight:300; font-size:40px;}

.welcome {color:#000000;  text-transform:uppercase; margin-bottom:30px;}
.welcome h2{ font-family:Georgia, "DejaVu Serif", serif; font-size:20px;}
.welcome h3{ font-family:"Open Sans"; font-size:13px;}

#steps-holder{ margin:30px 0; padding:0;}
	#steps-holder table{ background:#f6ebeb; width:99.75%; margin-left:1.25%; border-bottom:#D9D9D9 1px solid; height:84px;}
	#steps-holder table td{  font-size:13px; line-height:14px; color: #333}
	#steps-holder table td:nth-child(1){ background:#fff; font-size:12px; line-height:12px; padding-left:10px;}
 	#steps-holder table td.number{ font-size:30px; color:#aeabab; font-weight:100;}
	

.navbar-inverse { border-color: #FFF;
	  background-image: -webkit-linear-gradient(top, #202020 0%, #00000 100%);
	  background-image: linear-gradient(to bottom, #202020 0%, #000000 100%);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#202020', endColorstr='#000000', GradientType=0);
	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		}
.navbar{ border-radius:0; margin:50px 0 10px 0; min-height:30px;}
.navbar .border{ height:5px;}
.navbar-nav{ margin:0px; position:relative; left:-15px;}
.navbar-nav > li > a{ padding: 10px 17px 8px 17px; border-right:#0A0A0A 1px solid;}
.navbar-inverse .navbar-nav > li > a {color: #FFf; text-transform:uppercase; font-weight:bold; font-size:12px;}
.navbar-inverse .navbar-nav > li > a:hover{ background-color:#000000;}
.navbar-inverse .navbar-nav > li > a.active2:hover{ background-color:inherit !important;}
 
.breadcrumb{ font-size:12px; padding:0;}

.btn { font-size:12px; font-weight:bold; padding:7px 15px;/* margin-right:10px;*/}
.btn.btn-xs { font-size:10px;  padding:2px 5px; margin :0 5px;}

.spryte{ background-image:url(../img/spryte.png); display:block; float:left;}
.spryte.icon-user{ width:40px; height:40px; background-position:-19px -13px;}
.spryte.icon-folder{ width:40px; height:40px; background-position:-69px -13px;}
.spryte.icon-reload{ width:40px; height:40px; background-position:-125px -13px;}
.spryte.triangle{ height: 84px;  width: 28px; background-position: -16px -68px; }
.spryte.triangle-2{ height: 84px;  width: 28px; background-position: -72px -68px; }


h4.ifx-list-title{ font-weight:bold; font-size:12px; line-height:40px; margin-bottom:20px; text-transform:uppercase; }
ul.ifx-list{ list-style:none; margin:auto; padding:0 ; height:200px; border:#D8D8D8 1px solid; border-top:none; }
	ul.ifx-list li { padding:12px 2px; border-bottom:dotted #C1C1C1 1px; width:200px; margin:auto; }
	ul.ifx-list li:last-child{ border-bottom:none;}
	ul.ifx-list li .glyphicon{ font-size:8px; margin-right:10px; top:-2px; }
	ul.ifx-list li a{ text-transform:uppercase; font-style:italic; font-weight:400; color:#000000; font-size:12px; }
.ifx-list-border-bottom{ height:3px;}

#accordion{}
	#accordion h4.ifx-list-title{ margin-bottom:0;}
	#accordion .panel-heading{ background:#f1eaea; border-radius:0px;}
	#accordion .panel-heading .glyphicon{ float:right; padding-top:12px;}
	#accordion h4 a{  display:block;}
    	#accordion h4 a{ font-family: Georgia, "DejaVu Serif",serif; font-style:italic;  color:#000000; background:#e6e2e2; padding:20px;  margin: 4px 0px; display:block; border-bottom:#999 1px solid;}
	#accordion h4 a span.second-line{ text-transform:uppercase; font-family: sans-serif; color:#666; font-size:10px;  font-style:normal; margin-top:-5px;}
	#accordion h4 a span.glyphicon{ float:right; font-size:18px; margin-top:-6px; }
	#accordion h4 a:hover { background:#cecece; text-decoration:none;}

	#accordion ul.ifx-list{ border:none; height:auto;}
	
	 
ul#ifx-action{ list-style:none; margin:auto; padding:0 ; margin-top:20px; }
	ul#ifx-action li{ width:100%;}
	ul#ifx-action li a{ font-family: Georgia, "DejaVu Serif",serif; font-style:italic;  color:#000000; background:#e6e2e2; padding:20px;  margin: 4px 0px; display:block; border-bottom:#999 1px solid;}
	ul#ifx-action li a span.second-line{ text-transform:uppercase; font-family: sans-serif; color:#666; font-size:10px;  font-style:normal; margin-top:-5px;}
	ul#ifx-action li a span.glyphicon{ float:right; font-size:18px; margin-top:-6px; }
	ul#ifx-action li a:hover { background:#cecece; text-decoration:none;}

ul.inner-list{ list-style:none; margin:auto; padding:0 ;}
	ul.inner-list li{ padding:5px 0;}
	ul.inner-list li a{ font-style:italic;  color:#000000; font-size:13px; }
	ul.inner-list li .glyphicon{ font-size:8px; margin-right:10px; top:-2px; }

div.widget-3{ margin:15px 0px;}
/*div.widget-3 >div{ margin:auto; }
div.widget-3 >div:nth-child(2){ border:#e5e5e5 1px solid; border-bottom:none; border-top:none;}*/
 
ul#news{ list-style:none; margin:auto; padding:0 ; font-size:13px;}
ul#news li{ border-bottom:
dotted #C1C1C1 1px; padding-bottom:11px; margin-bottom:11px;}
ul#news li:last-child{ border:none;}
ul#news li a{  color:#6E6E6E; }
ul#news li a span.date{ color:#333; text-transform:capitalize; display:block; float:left; border-right:#e5e5e5 1px solid; padding-right:10px;}
ul#news li a span.news-title{  display:block;  width:70%; margin-left:30%; font-weight:700; }

.modal{ margin:auto !important;}
.modal-header, .modal-footer{background: #F1F1F1;}
.modal.large .modal-dialog{ width:80% !important; }

div.main-frame{}
    .main-frame-content{ border:#D8D8D8 1px solid; border-top:none; padding:0px 20px 20px 20px; margin-top:20px;} 
	.main-frame-content h1, .main-frame-content h2{ font-weight:300;} 
	
	.main-frame-content h1, 
	.main-frame-content h2,
	.main-frame-content h3,
	.main-frame-content h4,
	.main-frame-content p,
	.main-frame-content ul,
	.main-frame-content img
	{ margin:0; padding:0; margin-bottom:25px;}


#footer{ background:#f2f1f1; border-top:#b1b0b0 1px solid; margin-top:30px; }
	#footer h4{ text-transform:uppercase;  color:#666; font-size:12px; font-weight:700; margin:25px 0;}
	#footer #links{ border-bottom:#b1b0b0 1px solid; padding-bottom:30px; }
	ul.footer-list{list-style:none; margin:auto; padding:0 ; }
	ul.footer-list li { margin:5px 0;}
	ul.footer-list li a{ color:#999; font-size:12px;}
	ul.footer-list li a:hover{}

	#footer-bottom{ text-align:center; margin-top:30px; padding-top:40px; }
	#footer-bottom img{ width:160px;}
	#footer-bottom p{ font-size:9px; padding:15px;text-transform:uppercase;}
	
#side-bar{}
	#side-bar > div { margin-bottom:20px; padding-bottom:20px; border-bottom:#d2d2d2 1px dotted;}
	#side-bar > div:last-child{ border:none;}




#ifx-tab{ padding:20px 0;} 
	.nav-tabs{ }
	.nav-tabs li { margin:0px; 
				background:#202020 ;
				background-image: -webkit-linear-gradient(top, #202020 0%, #00000 100%);
				background-image: linear-gradient(to bottom, #202020 0%, #000000 100%);
				background-repeat: repeat-x;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#202020', endColorstr='#000000', GradientType=0);
				filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);	
			 }
			 
	.nav-tabs > li a{ text-transform:uppercase; font-size:12px; font-weight:bold; color:#ccc !important; background: none;  border-right:#000 1px solid; margin-right:0px; }
	.nav-tabs > li a:hover{ background:#000; color:#fff; border:#000 1px solid; }
	.nav-tabs > li.active {background:#000;} 
	.nav-tabs > li.active a, .nav-tabs > li.active a:hover{background:#000;  color:#fff !important; }
	.nav-tabs > li > a{border-radius:0px; }
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {  cursor: default;  background-color: #000; border-left:none; border-right:none; border-top:none;}
		.nav-tabs > li.dropdown > a{color:#000;}
		.nav-tabs .dropdown-menu{ background:none; border:none; }
			.nav-tabs .dropdown-menu li{background:none;}
			.nav-tabs .dropdown-menu li a{ padding:10px 20px; color:#ccc; background:#000;  margin:0;}
			.nav-tabs .dropdown-menu li a:hover{color:#fff; background:#000; }
			.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: #000;border-color: #000;}
/*Wizard Progress bar & Menu*/
	ul.wizard{}
		ul.wizard li{ width:33%; margin:0; padding:0; background:#333; text-align:center; }
		ul.wizard.tree-steps li{ width:33%; }
		ul.wizard li a{ }
	ul.wizard.pager{ padding:15px; }	
		 ul.wizard.pager li{ width:auto; background:none;}
		.tab-content.wizard{ padding:25px 25px 0 25px;} 
	.progress{ height:5px;}

	.info.wizzard{ background:#eee; padding:15px; margin:15px 0;} 
		.info.wizzard.info-type-2{background:#fff;}
		.info.wizzard .glyphicon{ font-size:25px; color: #C5C5C5; margin-right:40px;}
		.info.wizzard .info-content{ margin:-33px 5px 0 40px;}
		.info.wizzard .info-content p{ margin:5px 0;}
		.info.wizzard a .glyphicon{  font-size: 18px; padding:10px; position:relative; top:-13px; right:-13px; margin:0;}
		
		.panel-group .panel {overflow: inherit;}
		
		tr.high-light{ background:#EDFCE6; color:#000;}
		/*table#packages tr .glyphicon-ok-sign{ font-size:24px; margin-right:15px; color:#37A810; color:#fff;}
		table#packages tr.high-light .glyphicon-ok-sign{ color:#37A810; }*/
		table#packages thead th{ background:#f9f9f9; font-weight:normal; font-style:italic; color:#999999;}
		
		.multiselect.dropdown-toggle.btn.btn-default{ margin-top:-15px;}
		
		#total-cost p{ margin:0 0 4px 0;}
			
.testimonials p.title{ padding-top:20px;}

.advisor{ font-size:13px; padding-bottom:10px;  border-bottom:#eee 1px solid; }
 	/*.advisor> div{ border-bottom:#eee 1px solid;padding-bottom:20px;}*/
	.advisor> div { padding:10px;}
	.advisor> div:hover{ background-color:#eee;} 
    .advisor> div:nth-child(2n+1){ clear: both; margin-bottom: 30px}
	.advisor img, .modal img, img.advisor{ padding: 8px ; border:#ddd 1px solid; margin:0 15px 8px 0; } 
	.advisor p { clear:left;}
	.name, .what, .where, .partner { margin-bottom:7px; }
 	.partner { }
		.partner i{ font-size: 10px; /* border-radius:4px; */ background-color: #F3F3F3; padding: 3px 8px; color: #ACACAC; font-weight: bold; font-style:normal; border: #DADADA 1px solid;}	
	.city{ color:#333; text-transform:uppercase; margin-top:-7px; margin-bottom:15px;}


.help.question{ background:#eee; padding:10px; border-bottom:#ddd 1px solid; margin-bottom:20px;}
.help.question p.small{ margin:0 0 5px 0;}
.radio , .checkbox{ font-size:13px;}	
.radio +.radio, .checkbox +.checkbox{ margin-top:20px;}

.table > tbody > tr > td{ border-top:#e8e8e8 1px solid;}
.table.no-thead tr:nth-child(1) td{ border-top:none;}
.table.alt tr:nth-child(2n+2){ background:#f5f5f5;}
	#address{}
		#address input, #address select{ margin:5px 0;  }
		#address .code{ width:34%; float:left; margin:0;}
		#address .number{ width:64%; float:right; margin:0;}
.table.center-2-4 tr td:nth-child(2n+2){ text-align:center;}


/*Q&A*/
.table.q-a{}
	.table.q-a tbody tr td{ vertical-align:middle; border:none; padding-top:10px; padding-bottom:10px;}
	.table.q-a tbody tr { border-bottom:#ccc 1px dotted; }
	.table.q-a tbody tr:hover{ background:#f1f1f1;}
	.table.q-a tbody tr td:nth-child(2) div{ margin:15px auto;}
.q-a.attr p{ background: #F5F5F5; border-radius:4px; border: #e2e2e2 1px solid; float:left; margin:3px 3px 3px 0; padding:3px 0 3px 10px; font-size:10px;}
.q-a.attr p strong{background: #EEEEEE;padding:3px 10px 3px 10px; margin-left:10px;}
.q-a.attr .title{ clear:both; padding-top:20px; color:#000000;}
.q-a.attr .quote{ border-left:#E0E0E0 5px solid; padding-left:20px; display:block;}		
.q-a.attr .quote a{ font-size:13px; }

.table.q-a .upcoming-meeting-countdown{ margin-top:-20px !important; display:table; margin-bottom:0 !important; }
	.table.q-a .upcoming-meeting-date { font-size:9px;  margin-top:-11px; padding:5px; border-bottom:#ddd 1px solid; border-top:#ddd 1px solid;}
	.table.q-a .upcoming-meeting-countdown div{ text-align:center; display:table-cell;}
	.table.q-a .upcoming-meeting-countdown > div p:nth-child(1){ background:#f2f2f2; font-size:16px; font-weight:bold; margin:0 0 2px 1px; padding:0 0 2px 0; border:#f1f1f1 1px solid; width:30px;  }
	.table.q-a .upcoming-meeting-countdown > div p:nth-child(2){ background:#f1f1f1; font-size:7px; text-transform: uppercase; margin-left:1px; padding:3px 0;}

.disclamer { font-size:10px; margin:0 10px; padding-top:25px; color:#8B8A8A; border-top:#ccc 1px dotted;}
.disclamer p{ font-size:10px; margin :10px 0;}

/*Map*/
#googleMap{ margin-bottom:30px;}
form#contact-form div { margin-bottom:15px;}

div.subitem a.list-group-item { padding-left: 30px;}

div.date-time-picker{ width:49%;}


/*Online Meeting*/
img.host{  float:right; /**/height:80px;  position:relative; right:20px; top:-70px; margin-bottom:-90px; -webkit-box-shadow: 0 0 9px 0 #030303; box-shadow: 0 0 9px 0 #030303; }

div#meeting-interface{ width:210px; margin:15px auto auto auto; /*border-top:#E7E6E6 1px solid;*/ padding-top:15px;}
	div#meeting-interface > div{ width:70px; height:70px; display:block !important; background:url(../img/spryte-online-meeting.png); padding:0; margin:0; position:relative; }
	div#meeting-interface .volume-down, div#meeting-interface .volume-up{ border-radius:70px;}
	div#meeting-interface .volume-down{background-position:-26px -15px; border-right:#787878 1px solid;}
	div#meeting-interface .volume-up{background-position:-153px -15px; border-left:#787878 1px solid;}
	div#meeting-interface .mic{background-position:-86px -15px;}
		div#meeting-interface .volume-down:hover{background-position:-26px -110px;}
		div#meeting-interface .volume-up:hover{background-position:-153px -110px;}
		div#meeting-interface .mic.muted,div#meeting-interface .mic:hover {background-position:-84px -119px;}
	
	div#meeting-interface .phone, div#meeting-interface .camera{ width:80px; height:50px; margin-top:-35px; border-radius:4px;}
	div#meeting-interface .phone{  background-position:-243px -28px; left:20px;}
	div#meeting-interface .camera{  background-position:-349px -30px; right:20px;}
		div#meeting-interface .phone.green, div#meeting-interface .camera.green{background-color:#00cc33; border:#009933 1px solid;}
		div#meeting-interface .phone.green:hover, div#meeting-interface .camera.green:hover,
		div#meeting-interface .phone.red, div#meeting-interface .camera.red{background-color:#d73135; border:#ab1518 1px solid;}
		div#meeting-interface .phone.red:hover, div#meeting-interface .camera.red:hover{background-color:#B11719;}
		
	div#meeting-interface p#time{ font-size:24px; font-weight:300; margin-top:-15px;}
		
div#meeting-interface.min{ width: 100%;}	
	div#meeting-interface.min .phone, div#meeting-interface.min .camera{ margin-top:3px;  zoom: 80%;}
	div#meeting-interface.min .mic{ margin:-6px 25px -9px 25px; zoom: 80%;}	
	div#meeting-interface.min p#time{ margin:2px 0px -19px 0px}
 
div#chat{ padding:10px; padding-top:20px; background:#F0F0F0; -webkit-box-shadow: 0 0 9px 0 #ADABAB;
  box-shadow: 0 0 9px 0 #CECECE; }
	div#chat .chat-row{ margin-bottom:25px; }
	div#chat p{ font-size:12px; color:#333; margin-bottom:5px;}
	div#chat p.guest, div#chat p.host{ font-weight:bold; font-size:12px;}
	div#chat p.host{ color:#000;}
	div#chat p span{ font-weight:300; color:#333;}
	#chat-textarea .btn{ }

#camera-view{  /*position:fixed; top:25%; right:0;*/ background:#fff; padding:15px; -webkit-box-shadow: 0 0 9px 0 #ADABAB;  box-shadow: 0 0 9px 0 #CECECE;}	
  
.has-feedback .form-control-feedback {top: 0;} 
.has-success .form-control, .has-error .form-control{ font-weight:bold;}
label.has-error{ color:#FF0004;} 
label.has-success{ color:#12861B;}
p.has-error-massage{ color:#fff; size:12px;  margin:10px 0 0 0; background:#EC6D6F; padding:5px 10px;}
p.has-error-massage2 {
	color: #fff;
	size: 12px;
	margin: 10px 0 0 0;
	background: #FFB6C1;
	padding: 5px 10px;
}
p.has-warning-massage {
	color: #000000;
	size: 12px;
	margin: 10px 0 0 0;
	background: #D3D3D3;
	padding: 5px 10px;
}

@media (max-width: 768px) {
	#ifx-logo{ margin-top:-30px;}
 	#ifx-logo img, #logo-partner img{ display:block; margin:0 auto; float:none;}
	ul#top-ul{ text-align:center; margin:30px auto; }
		ul#top-ul li { margin-bottom:30px;}
		ul#top-ul li a{ background:#EDECEC; border:#CFCFCF 1px solid; padding:10px; }
    .navbar{ margin:15px 0;}
	.navbar-nav > li > a{ padding: 10px 10px 8px 10px; border:none; }
	.advisor{ font-size:15px; text-align:center; } 
	.advisor.question .name, 
	.advisor.question .what, 
	.advisor.question .where,
	.advisor.question .city	 { font-size:10px; }
	.q-a.attr .title{ padding-top:0px;}
	form#contact-form{ padding-top:15px;}
	address{ padding-bottom:15px !important; }
}	

@media (min-width: 768px) {
	#ifx-logo{ margin:0px;} 
 	ul#top-ul{  text-align:right; margin:0;}
		ul#top-ul li { margin-bottom:0;}
		ul#top-ul li a{ background:none; border:none !important; padding:0; }

	.navbar{ margin-top:15px ;}
	.navbar-inverse .navbar-nav > li > a {  font-weight:300 !important; font-size:12px;}
	.advisor{ font-size:13px;  text-align:left;}
	form#contact-form{ padding-top:0px;}
 }	
	
@media (min-width: 992px) { 
	.navbar-nav > li > a{ padding: 10px 20px 8px 20px; ;}
	.navbar-inverse .navbar-nav > li > a {  font-weight:bold !important; font-size:12px;}
   }		

	
@media (min-width: 1200px) {

 
}