@charset "utf-8";
/* CSS Document */

body {
	background-color:#fff;
	font-family: 'Source Sans Pro', sans-serif;	
	font-size:14px;
	color:#333;
	font-weight:400;
	
	padding-bottom:86px;
}

a {
	outline:none;
	-webkit-transition:all 0.3s ease-in;
	   -moz-transition:all 0.3s ease-in;
			transition:all 0.3s ease-in;
}

a:hover {
	-webkit-transition:all 0.3s ease-out;
	   -moz-transition:all 0.3s ease-out;
			transition:all 0.3s ease-out;
}

a:focus {
	outline:none!important;
}

h1,h2,h3,h4,h5,h6 {	
	font-family: 'Rokkitt', serif!important;
}

/**************************************************
	 TOP BAR 
***************************************************/
.topBar {
	background-color:#4e5457;
	min-height:50px;
}

.topBar ul {
	margin:3px 0px 0px 0px;
	padding:0px;
}

.topBar ul li {
	float:left;
	list-style-type:none;
	margin-left:15px;
	color:#fff;
}

.topBar ul li a.download-app {
	display:inline-block;
	background-color:#ff660a;
	color:#fff;
	border-radius:2px;
	margin-top:5px;	
	padding:6px 12px;
	text-decoration:none;
	text-transform:uppercase;
}

.topBar ul li a.download-app:hover {
	background-color:#f54b00;
}

.topBar ul li.toll-free {
	font-size:2em;	
}

@media (max-width:767px){
	.topBar ul li {
		margin-left:0px;
		
	}
	
	.topBar ul li:last-child {
		margin-left:5px!important;
	}
	
	.topBar ul li.toll-free {
		font-size:1.4em;
	}
	
}



.social-media {
	margin:0px;
	padding:0px;	
}

.social-media li {
	list-style-type:none;
	display:block;
	float:left;
	font-size:1.3em;
		
	border-left:1px #707b80 solid;
}

.social-media li a {
	display:inline-block;
	width:50px;
	padding:7px 0px;
	text-align:center;
	color:#a3aaae;	
			
}

.social-media li a:hover {
	background-color:#a3aaae;
	color:#000;
	
}

.call-us {
	text-align:right;
	color:#fff;
	padding-top:0.4em;
	padding-bottom:0.4em;
	font-size:1.9em;
	font-weight:300;
}

/**************************************************
	 SITE HEADER
***************************************************/
#site-header {
	background-color:#fff;
	
}

.navbar-brand a {
	text-decoration:none!important;		
}

.navbar-brand .tagline {
	font-size:14px;
	margin-bottom:0px;	
}

#primary-navigation {
	font-family: 'Rokkitt', serif;
}

.nav li a {
	text-transform:uppercase;
	text-align:center;
	border-right:1px #EAEAEA solid;
	color:#676767;
}

.nav li.active a, .nav li a:hover, .nav > li.dropdown.open > a  {
	background-color:#33bee5;
	color:#fff;
}

.nav li.dropdown  li  a {
	border-right:0px!important;
	color:#fff;
	text-transform:none;
	text-align:left;
}

.nav li.dropdown  li  a:hover {
	background-color:#33bee5;
}

.nav li a i.fa {
	margin-bottom:5px;
}

.nav li a span {
	display:block;
}

.dropdown-menu li {
	font-family: 'Source Sans Pro', sans-serif;	
	font-size:14px;
	
}

/**************************************************
	 MAIN CONTENT
***************************************************/

#content h2, #content h3 {
	margin:0px;
	padding:0px;
	font-size:2em;
}

#content h3 {	
	font-size:1.6em;				
}

/* About */
#about {
	background-color:#f1f1f1;
	border-left:2px #33bee5 solid;
	padding:1.3em 1.5em 0.8em;
	margin-top:2.5em;
	position:relative;
	-webkit-transition:all 0.5s ease-out;
	   -moz-transition:all 0.5s ease-out;
			transition:all 0.5s ease-out;
}

#about:hover {
	color:#000;
}

#about:hover .btn-primary {
	color:#fff;
	background-color:#4e5457;
	-webkit-transition:all 0.5s ease-in;
	   -moz-transition:all 0.5s ease-in;
}

#about i.fa {
	font-size:1.2em;
	margin-right:10px;
}

#about h1 {
	font-size:2.1em;
	margin:0 0 0.1em 0;
	padding:0;
	font-weight:300;
	font-family: 'Source Sans Pro', sans-serif!important;	
}

#about a {
	position:absolute;
	right:1.5em;
	top:2em;
}

/* Services */
#services {
	padding-top:3.5em;
	padding-bottom:3.5em;
	margin-bottom:1em;
	margin-top:1em;
}


#services article header i.fa {
	width:70px;
	height:70px;
	border-radius:35px;
	text-align:center;
	line-height:70px;
	background-color:#33bee5;
	border:2px #33bee5 solid;
	font-size:1.8em;
	color:#fff;	
	float:left;
	margin-right:15px;
	-webkit-transition:all 0.5s ease-out;
	   -moz-transition:all 0.5s ease-out;
			transition:all 0.5s ease-out;
}

#services article header i.fa.fa-cog {
	font-size:2em;
}

#services article h2 {
	min-height:70px;
	margin-bottom:0.5em;
	padding-top:0.2em;
	color:#676767
}

#services article p {
	color:#8B8B8B;
}

#services article:hover header i.fa {
	border:2px #33bee5 solid;
	background-color:#fff;
	color:#33bee5;
	-webkit-transition:all 0.5s ease-in;
	   -moz-transition:all 0.5s ease-in;
			transition:all 0.5s ease-in;
}

#services article:hover p {
	color:#5D5D5D;
	-webkit-transition:all 0.5s ease-in;
	   -moz-transition:all 0.5s ease-in;
			transition:all 0.5s ease-in;
}


/* How it works */
#how-it-works {
	margin-bottom:2.5em;	
	background-color:#eee;
	box-shadow:inset 0px 0px 3px #DFDFDF;
	padding:2.5em 0 3.5em;
}

#how-it-works header {
	border-top:1px #eee solid;
	border-bottom:1px #eee solid;		
	margin-bottom:1em;	
	text-align:center;
	margin-bottom:1.5em;
}

#how-it-works header h2 {
	margin-bottom:0;
	padding-bottom:0;
	font-size:2.5em;
	color:#595959;	
}

#how-it-works header p {
	margin-bottom:0px;	
	color:#646464;
}

#how-it-works article {
	background-color:#3c728d;	
	padding:20px 25px 20px 35px!important;
	min-height:280px;
	color:#F5F5F5;
}

#how-it-works article {
	
}

#how-it-works article h3 {
	font-family: 'Source Sans Pro', sans-serif!important;	
	font-size:1.6em;
	margin-bottom:0.5em;
	color:#fff;
}

#how-it-works article:first-child {
	background-color:#275e7a!important;
	box-shadow:none!important; 	
}

#how-it-works article:last-child {
	background-color:#619ebc!important;
	box-shadow:none!important; 	
}

#how-it-works article i.fa-caret-right {
	position:absolute;
	top:40.5%;	
	left:-5px;
	color:#275e7a;
	font-size:5em;
}

#how-it-works article:last-child i.fa {
	color:#3c728d;
}

 
/* Testimonials */
#testimonials header {
	background-color:#33bee5;		
	position:relative;
	padding-left:75px;
	min-height:40px;
	padding-right:1em;
	border-radius:25px 0 0 25px;
	margin-bottom:1.7em;
}

#testimonials h2 {
	color:#fff;
	line-height:40px;				
	font-size:1.8em;
}

#testimonials header i.fa {
	border:2px #33bee5 solid;
	background-color:#fff;
	color:#33bee5;
	font-size:1.5em;
	width:60px;
	height:60px;
	border-radius:30px;
	text-align:center;
	line-height:60px;	
	position:absolute;
	top:-10px;
	left:0;
}


.crsl-item {
	background-color:#eee;
	padding:1em;
	-webkit-transition:all 0.3s ease-out;
	   -moz-transition:all 0.3s ease-out;
			transition:all 0.3s ease-out;
}

.crsl-item:hover {
	cursor:pointer;
	background-color:#4e5457;
	color:#fff;
	-webkit-transition:all 0.3s ease-in;
	   -moz-transition:all 0.3s ease-in;
			transition:all 0.3s ease-in;
}

.crsl-item h3 {
	padding-top:5px!important;
}

.crsl-item img {
	float:left;
	margin-right:15px;
	border:3px #4e5457 solid;
	-webkit-transition:all 0.3s ease-out;
	   -moz-transition:all 0.3s ease-out;
			transition:all 0.3s ease-out;
}

.crsl-item:hover img {
	border-color:#33bee5;
	-webkit-transition:all 0.3s ease-in;
	   -moz-transition:all 0.3s ease-in;
			transition:all 0.3s ease-in;
}

.crsl-nav {
	text-align:center;
	margin-top:10px;
}

.crsl-nav .next, .crsl-nav .previous {
	display:inline-block;
	/*padding:2px 5px;*/
	/*background-color:#1592d1;*/
	text-decoration:none!important;
	color:#C3C3C3;
	font-size:26px;

}

.crsl-nav .next:hover, .crsl-nav .previous:hover {
	display:inline-block;
	/*padding:2px 5px;*/
	/*background-color:#1592d1;*/
	text-decoration:none!important;
	color:#1592d1;
	font-size:26px;

}

/**************************************************
	 SITE FOOTER
***************************************************/
#footer {
	background-color:#313b40;
	margin-top:3.5em;
	padding:2.5em 0 0;
	color:#c5d1d7;
}

#footer h4 {
	font-family: 'Source Sans Pro', sans-serif!important;	
	color:#33bee5;
	padding:12px 15px;
	margin-bottom:0px;
}

#footer ul {
	margin:0;
	padding:0;
}

#footer ul li {
	list-style-type:none;
}

#footer ul li a {
	color:#c5d1d7;
	display:block;
	padding:7px 15px;
	text-decoration:none;
}

#footer ul li a i.fa  {
	margin-right:5px;
}

#footer ul li a:hover {
	color:#fff;
	background-color:#33bee5;
}

#footer .contact {
	line-height:2em;
}

.get-in-touch h4 {
	margin-top:25px;
	margin-top:1px #4e5457 dashed;
}

.get-in-touch a {
	background-color:#4e5457;
}


.get-in-touch ul li {
	display:inline-block;
	
}

.copyright {
	background-color:#1b2429;
	color:#4e5457;
	text-align:center;
	font-size:13px;
	margin-top:3.5em;
	padding:1.5em 0;
	-webkit-transition:all 0.3s ease-out;
	   -moz-transition:all 0.3s ease-out;
			transition:all 0.3s ease-out;
}

.copyright:hover {
	color:#fff;
	-webkit-transition:all 0.3s ease-in;
	   -moz-transition:all 0.3s ease-in;
			transition:all 0.3s ease-in;
}


@media (max-width: 767px) {
	h1.navbar-brand {
		font-size:1.5em!important;
		padding-top:8px;
		padding-bottom:8px;	
	}
	
	.navbar-brand img {
		width:210px;
	}
	
	.call-us {
		font-size:1.2em;	
		line-height:2em;
		font-weight:400;
	}
	
	.nav > li > a {
		border-bottom:1px #eee solid!important;
	}

	.nav li.dropdown  li  a {
		color:#333;
		text-align:center;
	}	
	
	.nav li.dropdown  li a:hover {
		color:#fff;
	}
	
	#sidebar {
		margin-top:2.5em;
	}
	
	.price-range {
		text-align:left!important;	
		margin-top:15px!important;
	}
	
} 

@media (max-width: 979px) {
	#about a.pull-right { 
		position:static;
		margin-top:10px;
		right:auto;
		top:auto;
		float:none!important;
	}		
	
	#services article {
		padding-bottom:1.5em;
		padding-top:1.5em;
		border-bottom:1px #eee solid;
	}
}


.bottom-fixed {
	position:fixed;	
	width:100%;
	bottom:0;
	left:0;
	background-color:#1995CF;
	color:#fff;
	padding:1em 0;
	z-index:1100;
	max-height:86px;
}

.bottom-fixed strong {
	color:#E3EE1E;
}

.bottom-fixed p { margin-bottom:0px; }

.other-links {
	text-align:right;
	margin-top:10px;
}

.other-links a {
	display:inline-block;
	color:#fff;
	font-size:1.2em;		
	padding:5px 13px;
	border-radius:2px;
	text-align:left!important;
	background-color:#0b6d9b;
	line-height:1.5em;
	margin-right:5px;
	text-decoration:none;
}

.other-links a:hover {
	background-color:#fff;
	color:#0b6d9b;
}

.other-links a i.fa {
	font-size:1.1em;			
	padding-top:5px;
	margin-right:4px;
}


#page-title {
	background-color:#33BEE5;
	padding:1.8em 0;
	margin-bottom:3em;
	color:#fff;
	-webkit-box-shadow:inset 0px 0px 3px #1B99BD;
	   -moz-box-shadow:inset 0px 0px 3px #1B99BD;
			box-shadow:inset 0px 0px 3px #1B99BD;
}

#page-title h1 {
	margin:0px;
	padding:0px;
	font-size:2.1em;
	text-transform:uppercase;
}

.price-range {
	text-align:right;										
	margin-top:8px;
}

.price-range .btn {
	background-color:#fff;	
	border-radius:3px;
	text-transform:none;
	color:#C8C8C8;
	font-size:1.3em;
	vertical-align:middle;
	
}

.price-range .btn span {
	color:#333;
	display:inline-block;
	margin-left:5px;	
}


.price-range .btn:hover {
	background-color:#333;
}


.price-range .btn:hover span {
	color:#33BEE5;
}

#content main h2 {
	margin-bottom:15px;	
}

#content main p	 {
	line-height:1.6em;
	margin-bottom:15px;
}

#content main figure {
	margin-bottom:15px;
}

#content main ul {
	margin:0px;
	padding:0px;
}

#content main ul li {
	list-style-type:none;
	margin-bottom:8px;
}

#content main ul li i.fa {
	margin-right:5px;
}

/* Sidebar */
#sidebar {
}


#sidebar h2 {
	background-color:#33bee5;		
	position:relative;
	padding-left:63px;
	min-height:40px;
	padding-right:1em;
	border-radius:30px 0 0 30px;
	margin-bottom:0.6em;
	color:#fff;
	line-height:40px;				
	font-size:1.8em;
}

#sidebar h2 i.fa {
	border:2px #33bee5 solid;
	background-color:#fff;
	color:#33bee5;
	font-size:1em;
	width:54px;
	height:54px;
	border-radius:27px;
	text-align:center;
	line-height:54px;	
	position:absolute;
	top:-6px;
	left:0;
}

#sidebar ul {
	margin:0px 0px 0px 0px;
	padding:0px;	
	list-style-type:none;
	font-size:1.2em;
}

#sidebar ul li a {	
	display:block;
	background-color:#f1f1f1;	
	padding:10px 15px;
	text-decoration:none;
	border-bottom:1px #CECECE solid;
	color:#333;
	-webkit-transition:all 0.2s ease;
	   -moz-transition:all 0.2s ease;
			transition:all 0.2s ease;
}

#sidebar ul li a:hover {
	color:#fff;
	background-color:#313B40;
	padding-left:25px;
	-webkit-transition:all 0.2s ease;
	   -moz-transition:all 0.2s ease;
			transition:all 0.2s ease;
}

#sidebar ul li a i.fa  {	
	margin-right:5px;
}

.other-supports {
	margin-bottom:2em;
}


#footer hr.divider {
	border:1px #333536 solid;
	margin-top:2.5em;
}


.support-banner { 
	background: url(../images/computer-support.jpg) 50% 0 no-repeat fixed; 
	height: 460px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
	margin-bottom:2.5em;
    /*box-shadow: 0 0 50px rgba(0,0,0,0.8);*/
}

.support-banner h1, .support-banner article { text-align:center;  position: absolute; top: 120px; width: 80%; font-size:2em; text-transform:uppercase; font-weight:300; color:#fff; background-color:#33BEE5; background-color:rgba(51,190,299,0.9);  left:10%; right:10%; padding:10px; line-height:45px; min-height:60px;  }


.support-banner article {
	background-color:#fff;
	background-color:rgba(255,255,255,0.8);
	
	color:#000;
	top:210px;
}

.support-banner article {
	font-size:1.2em;
}

.support-banner article h3 {
	text-transform:none;
}

@media (min-width:768px) {
	.support-banner h1, .support-banner article {
		width:50%;
		left:25%;
		right:25%;
		font-size:2.5em;
	}
	
	 .support-banner article {
	 	font-size:1.5em;
		
	 }
}



/* ScrollSpy */
.scrollSpy {
	opacity:0.8;
	position:fixed;
	bottom:50px;
	right:50px;
	display:none;			
	z-index:9999;
}

.scrollSpy a {
	display:block;
	background:rgba(0,0,0,0.5);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*font-style:italic;*/
	padding:8px 10px;
	color:#FFF;
	font-weight:bold;
	line-height:normal;
	text-align:center;
	opacity:0.8;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-khtml-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}


.scrollSpy a.backToTop {
	background:rgba(11,48,104,0.5);
	color:#fff;
}


.scrollSpy a:hover.backToTop {
	color:#fff;
	background:rgba(11,48,104,1);
}


.scrollSpy a:hover {
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-khtml-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	opacity:1;
	color:#fff;
	text-decoration:none;
}	


#sidebar #testimonials {
	margin-bottom:2em;
}

.plan {
	background-color:#fcfae6;
	padding:20px;
	border:1px #e4dfb4 solid;
	font-size:1.2em;
}

.plan ul {
	margin-bottom:10px;
}

.plan ul li {
	float:left;
	width:48%;
	padding-left:22px;
	background:url(../images/plan-features-indicator.png) no-repeat 0px 5px;
}

.plan a.btn {
	margin-top:10px;
	padding-left:30px;
	padding-right:30px;
}

@media (max-width:767px) {
	.plan ul li {
		width:100%;
	}
}

.send-inquiry p i.fa {
	margin-right:5px;
	font-size:1.4em;
	color:#33bee5;
}

#contact-details h2 {
	margin-bottom:15px;
}

#contact-details ul {
	margin:0px;
	padding:0px;
	list-style-type:none;	
}

#contact-details ul li {
	background-color:#eee;
	margin-bottom:10px;
	padding:15px;
}


/* Make Payment Styles */
#make-payment {
	padding:2em 0;
}

.no-padding {
	padding:0px!important;
}

#make-payment h2 {
	font-family: 'Source Sans Pro', sans-serif!important;	
	font-size:20px;
	padding:10px 15px;
	margin-bottom:0px!important; 
}

#make-payment fieldset {
	margin-bottom:10px;
}

#make-payment fieldset input, #make-payment fieldset select  {
	margin-bottom:20px;
}

#make-payment button {
	margin-top:15px;
	padding-left:30px;	
	padding-right:30px;
}


.product-details {
	border:1px #ccc solid;
	border-radius:3px;
}

.product-details ul {
	margin:0px;
	padding:0px; 
}

.product-details li {
	padding:10px 15px;
	margin-bottom:0px!important; 
}

.product-details li:nth-child(2n+1) {
	background-color:#eee;
}

.product-details li label {
	display:block;
}

.product-details li span {
	font-size:20px;
}

.payment-confirmation, .plan {
	font-size:15px!important;
}

.payment-confirmation fieldset {
	min-height:210px;
}

.payment-confirmation label  {
	margin-bottom:15px;	
}