/*-----------------------------------------------------------------------
KeepItSafe Stylesheet

Project:			KeepItSafe 2014 Revamp
Version:			1.0
Primary use:		All web pages' styles
Lead Designer:		Josef Lagunas @ j2 Global, Inc. <josef.lagunas@j2.com>

Table of Contents
[0]  - Unsupported Elements
[1]  - Body
[1A] - Global Class
[2]  - Header
[3]  - Content
[3A] - Aside
[3B]  - Main Content
[4]  - Footer
[5]  - Icons
[6]  - Forms
[7]  - Misc
------------------------------------------------------------------------*/

.small{font-size:10px;}
.medium{font-size:15px;}
.fl{float:left;}
.fr{float:right;}
.grey{color:#777;}
.white{color:#FFF!important;}
.black{color:#222;}


#cookiebox{ padding: 10px; font-size: 15px; background: #f28d1e; color: #FFF; text-align: center; line-height: 120%; min-height: 40px;}

.enterprisebanner{background:#f7f8fa url(../images/pano-enterprise-large.png) right top no-repeat; height:304px; padding:35px 30px;}
	.enterprisebanner h2, .enterprisebanner p{width:890px; float:right;}
	.enterprisebanner h2{font-size:38px; color:#444; line-height:110%;}
	.enterprisebanner p{margin-top:52px; color:#FFF; font-size:16px; line-height:120%; width:440px; margin-right:440px;}
	
#enterprisebanner2{ background: #373737;
background: -moz-radial-gradient(center, ellipse cover,  #373737 0%, #202020 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#373737), color-stop(100%,#202020));
background: -webkit-radial-gradient(center, ellipse cover,  #373737 0%,#202020 100%);
background: -o-radial-gradient(center, ellipse cover,  #373737 0%,#202020 100%);
background: -ms-radial-gradient(center, ellipse cover,  #373737 0%,#202020 100%);
background: radial-gradient(ellipse at center,  #373737 0%,#202020 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#202020',GradientType=1 );
 padding:30px 0 40px; position:relative}
	#enterprisebanner2 h2, #enterprisebanner2 p{ width:62%; margin:0 35px; line-height:120%}
	#enterprisebanner2 h2{ font-size:290%; font-weight:bold; letter-spacing:-1px; line-height:100%;}
	#enterprisebanner2 p{margin-top:15px; font-size:14px; color:#FFF;}
	#enterprisebanner2 img{ float:right; margin-top:-130px;}
	

#enterprisePage iframe{ height:1px!important; visibility:hidden!important; border:0!important;}
	
#benefitsbanner{text-align:center; padding:20px 70px;}
	#benefitsbanner h3{font-size:30px; margin-bottom:10px; line-height:110%; color:#444; font-weight:bold;}
	#benefitsbanner p{font-size:18px; color:#444}

.threecol{padding:20px;}
	.threecol div{ width:28%; margin:0 2.5%; float:left; font-size:14px; margin-bottom:40px; }
	.threecol img{display:block; margin:0 auto;}
	.threecol h4{font-size:22px; line-height:120%; font-weight:bold; margin:15px 0;}
	
.floatbanner{padding:30px 100px; clear:both; margin:0 40px; border-top:solid 1px #DDD;}
	.floatbanner:first-child{border:0;}
	.floatbanner h3{ font-size:22px; font-weight:bold; color:#444; margin-top:50px;}
	.floatbanner  ul{list-style-image:url('../images/icon-checkmark-orange.png'); font-size:14px; line-height:120%}
	.floatbanner img.fl{margin-right:100px;}
	.floatbanner img.fr{margin-left:100px;}
	
#enterpriseformHeader{font-size:24px; font-weight:bold; color:#333; margin-bottom:15px; letter-spacing:-1px;}
	#enterpriseform input,#enterpriseform textarea, #enterpriseform select{padding:5px 10px; margin-bottom:10px; height:auto; color:#666; box-sizing:border-box}

hr.clear{visibility:hidden; height:0; margin:0; clear:both;}

#footerQuote{ text-align:center; font-size:14px; padding:80px;}
	#footerQuote h3{font-size:34px; letter-spacing:-1px; line-height:120%; font-weight:bold; margin-bottom:15px;}
	#footerQuote a{color:#666; text-decoration:none;}

article a {line-height:120%;}

#connectbox h5{color:#333; font-weight:bold; font-size:20px}
#connectbox{line-height:40px}
#linkedinlink{color:#00acce; text-decoration:none;}
	#linkedinlink img{vertical-align:middle;}

#norobots{height: 20px!important; width: 20px; vertical-align: middle; display: inline-block; margin-right: 10px; float: left;}

#homepagenews{ background:#EEE; padding-top:20px;}
#homepagenews div{ margin-bottom:10px;}
h2 a{text-decoration:none!important;}
.code{padding:20px; background:#EEE; border:solid 1px #CCC; font-family:"Courier New", Courier, monospace; color:#555; font-size:10px;}

#greySubFooter{ background: #fff url(../images/box-top-gradient.png) center top repeat-x; background-image: url(../images/box-top-gradient.svg), none; padding:30px; border-top:solid 1px #EEE; margin:30px -30px -30px;}
#phoneicon{ float: left; margin: 0 20px 60px 0; }
.orangeCallout{padding:10px 20px; margin-top:20px; border:solid 3px #f28d1e; color:#f28d1e!important; display:block; font-size:14px; line-height:120%; max-width:250px}

.largePageHead{ font-size:36px; font-weight:bold; color:#222; margin-bottom:40px; line-height:110%;}
/*-----------------------------------------------------------------------
[0] - Sections and headings elements should work in most non-HTML5 browsers.
Though unsupported, they don't need a special DOM interface and they only need
a specific CSS styling as unknown elements are styled as display:inline by default.
------------------------------------------------------------------------*/

section, article, aside, footer, header, nav, hgroup
{
  display: block;
}



/*-----------------------------------------------------------------------
[1] - Body
------------------------------------------------------------------------*/

*
{
	outline-color: #f28d1e;
	-webkit-font-smoothing: antialiased;
}

body, html
{
	font-family: Arial, sans-serif;
	color: #807d7d;
	line-height: 24px;
	word-wrap: break-word;
}

a, a:link, a:active, a:visited
{
	color: #2e2d2d;
	font-weight: bold;
/*	text-decoration: underline; */
}

a:hover
{
	text-decoration: none;
}

p
{
	margin-bottom: 20px;
	line-height: 135%;
}

p:last-child,
p.required
{
	margin-bottom: 0;
}
em {
	font-style: italic;
}
strong
{
	font-weight: bold;
}

ol.numbered,
ul.regular
{
	font-size: 1.4em;
	margin-bottom: 20px;
	margin-left: 40px;
}

ol.numbered.no-bottom-margin,
ul.regular.no-bottom-margin
{
	margin-bottom: 0;
}

	ol.numbered li
	{
		list-style-type: decimal;
		list-style-position: outside;
	}

	ul.regular li
	{
		list-style-type: disc;
	}
	
sup
{
	font-size: 0.3em;
	vertical-align: super;
}



/*-----------------------------------------------------------------------
[1A] - Gobal class
------------------------------------------------------------------------*/

.container
{
}

.box
{
	background: #fff url(../images/box-top-gradient.png) center top repeat-x;
	background-image: url(../images/box-top-gradient.svg), none;
	border-top: 1px solid #eee;
	padding: 35px 30px;
}

.box.gray
{
	background: #f3f3f3;
	
}

.box.dark-gray
{
	background: #333;
	
}

.box.lg-radial-gradient
{
	background: #ebebeb url(../images/box-white-light-gray-radial-gradient.jpg) center center no-repeat;
	background-image: url(../images/box-white-light-gray-radial-gradient.svg), none;
}

.box.page-image
{
	background: none;
	padding: 0;
}

.highlight-box {
	border: 1px solid #807d7d;
	padding: 5px;
	margin-bottom: 20px;
	display: block;
}

.highlight-sentence {
	text-decoration: underline;
}




/*-----------------------------------------------------------------------
[2] - Header
------------------------------------------------------------------------*/

.header
{
	background: #333;
	color: #c0c0c0;
	padding: 0 30px;
	position: relative;
}

	.header .logo
	{
		margin: 25px 30px 0;
	}
	
		.header .logo a
		{
			background: url(../images/logo-kis.png) center center no-repeat;
			background-image: url(../images/logo-kis.svg), none;
			display: block;
			height: 37px;
			width: 200px;
		}
		
			.header .logo a span,
			.header .logo-small a span
			{
				display: none;
			}
		
		.header .logo-small
		{
			margin: 25px 30px 0;
		}
			
		.header .logo-small a
		{
			background: url(../images/logo-kis-small.png) center center no-repeat;
			background-image: url(../images/logo-kis-small.svg), none;
			display: block;
			height: 45px;
			width: 153px;
		}
			
	.header .connect-container
	{
		font-size: 1.2em;
		margin-right: 30px;
		margin-top: 5px;
	}
	
		.header .connect-container .connect-text
		{
			cursor: pointer;
		}
		
		.header .connect-container .connect-form, #login-form
		{
			display: none;
			font-size: 0.8em;
			position: relative;
		}
		#login-text, .connect-text, .close-form{cursor:pointer;}
		.close-form{float:right;}
		.close-form:hover{color:#f28d1e}
		
		.header .connect-container .connect-form .close-form
		{
			cursor: pointer;
			letter-spacing: 0.1em;
			line-height: normal;
			position: absolute;
			right: -20px;
		}
		
			.header .connect-container .connect-form label
			{
				color: #c0c0c0;
				line-height: 24px;
			}
			
			.header .connect-container .connect-form input
			{
			}
			
			.header .connect-container .connect-form input[type=text]
			{
				font-size: 1em;
				letter-spacing: 0.05em;
				line-height: 24px;
				margin: 0 5px;
				text-indent: 0.3em;
				width: 65px;
			}
			
			.header .connect-container .connect-form input[type=submit]
			{
				font-size: 0.8em;
				padding: 5px;
			}
			
			.header .connect-container .connect-form fieldset,
			.header .connect-container .connect-form .submit
			{
				margin: 0;
			}
		
		
		.header .connect-container strong
		{
			font-family: Arial, sans-serif;
		}
	
	.header .choose-country
	{
		background: #5b5958;
		font-size: 1.1em;
		line-height: 24px;
	}
		
		.header .choose-country .choose-country-menu
		{
			position: relative;
		}
		
			.header .choose-country .choose-country-menu .text-container
			{
				cursor: pointer;
			}
			
				.header .choose-country .choose-country-menu .text-container .text
				{
					border-right: 1px solid #494747;
					color: #b0b0b0;
					display: block;
					padding: 3px 10px;
					padding-right: 40px;
					text-decoration: none;
				}
				
				.header .choose-country .choose-country-menu .text-container .text.current-country-ie
				{
					background: url(../images/flag-ireland.png) 105px center no-repeat;
				}
				
				.header .choose-country .choose-country-menu .text-container .text.current-country-uk
				, .header .choose-country .choose-country-menu .text-container .text.current-country-gb
				{
					background: url(../images/flag-uk.png) 105px center no-repeat;
				}
				
				.header .choose-country .choose-country-menu .text-container .text.current-country-us
				{
					background: url(../images/flag-usa.gif) 105px center no-repeat;
				}
				
				.header .choose-country .choose-country-menu .text-container .text.current-country-ca
				{
					background: url(../images/flag-ca.gif) 105px center no-repeat;
				}
				
				.header .choose-country .choose-country-menu .text-container .text.current-country-nl
				{
					background: url(../images/flag-nl.gif) 105px center no-repeat;
				}
				
				.header .choose-country .choose-country-menu .text-container .text.current-country-nz
				{
					background: url(../images/flag-nz.gif) 105px center no-repeat;
				}
				.header .choose-country .choose-country-menu .text-container .text.current-country-is
				{
					background: url(../images/flag-is_IS.gif) 105px center no-repeat;
				}
				.header .choose-country .choose-country-menu .text-container .text.current-country-au
				{
					background: url(../images/flag-au.gif) 105px center no-repeat;
				}
				
				.header .choose-country .choose-country-menu .text-container .dropdown-icon
				{
					background: url(../images/icon-choose-country-dropdown-arrow.png) center center no-repeat;
					border-left: 1px solid #6c6a69;
					display: block;
					height: 30px;
					width: 25px;
				}
			
			.header .choose-country .choose-country-menu .choose-country-dropdown
			{
				background: #444241;
				display: none;
				position: absolute;
				right: 0;
				z-index: 110;
			}
				
				header .choose-country .choose-country-menu .choose-country-dropdown li:hover
				{
					background: #3d3c3b;
				}
				
					.header .choose-country .choose-country-menu .choose-country-dropdown li a
					{
						background-position: 10px center;
						background-repeat: no-repeat;
						border-bottom: 1px solid #2c2c2c;
						border-top: 1px solid #52504f;
						color: #fff;
						display: block;
						padding: 6px 30px;
						padding-left: 34px;
						text-decoration: none;
					}
					
					header .choose-country .choose-country-menu .choose-country-dropdown li.ie a
					{
						background-image: url(../images/flag-ireland.png);
					}
					
					header .choose-country .choose-country-menu .choose-country-dropdown li.uk a
					{
						background-image: url(../images/flag-uk.png);
					}
					
					header .choose-country .choose-country-menu .choose-country-dropdown li.us a
					{
						background-image: url(../images/flag-usa.gif);
					}
					
					header .choose-country .choose-country-menu .choose-country-dropdown li.ca a
					{
						background-image: url(../images/flag-ca.gif);
					}
					
					header .choose-country .choose-country-menu .choose-country-dropdown li.nl a
					{
						background-image: url(../images/flag-nl.gif);
					}
					
					header .choose-country .choose-country-menu .choose-country-dropdown li.nz a
					{
						background-image: url(../images/flag-nz.gif);
					}
					header .choose-country .choose-country-menu .choose-country-dropdown li.is a
					{
						background-image: url(../images/flag-is_IS.gif);
					}
					header .choose-country .choose-country-menu .choose-country-dropdown li.au a
					{
						background-image: url(../images/flag-en_AU.gif);
					}
			
	.header .header-menu
	{
		font-size: 1.5em;
		line-height: 100%;
		margin-top: 25px;
	}
	
		.header .header-menu .mobile-menu-icon
		{
			background: #2c2c2c url(../images/icon-mobile-menu.png) center center no-repeat;
			background-image: url(../images/icon-mobile-menu.svg);
			display: none;
			height: 34px;
			padding: 17px 0;
			width: 100px;
		}
		
		.header .header-menu ul
		{
			background: #2c2c2c;
			display: block;
		}
		
			.header .header-menu ul li
			{
				border-left: 1px solid #3d3d3d;
				border-right: 1px solid #1c1c1c;
				display: block;
				float: left;
			}
			
			.header .header-menu ul li:first-child
			{
				border-left: none;
			}
			
			.header .header-menu ul li:last-child
			{
				border-right: none;
			}
			
				.header .header-menu ul li a
				{
					color: #fff;
					display: block;
					font-weight: normal;
					padding: 15px;
					text-decoration: none;
				}
				
				.header .header-menu ul li a:hover
				{
					background: #f28d1e;
				}
				
				.header .header-menu ul li a.current
				{
					border-bottom: 5px solid #f28d1e;
					padding-bottom: 10px;
				}
				
	.header .contact-us
	{
		margin-right: 30px;
		margin-top: 5px;
	}
	
		.header .contact-us .text,
		.header .contact-us .number
		{
			font-size: 1.4em;
			line-height: 24px;
		}
		
		.header .contact-us .number,
		.header .contact-us .number a
		{
			color: #f28d1e;
			font-weight: bold;
			text-decoration: none;
		}



/*-----------------------------------------------------------------------
[3] - Content
------------------------------------------------------------------------*/

.title
{
	background: #fff url(../images/title-bg-map.png) left center no-repeat;
	background-image: url(../images/title-bg-map.svg), none;
	color: #2e2d2d;
	font-size: 4em;
	letter-spacing: -0.02em;
	line-height: 100%;
}

	.title h1
	{
		font-weight: bold;
	}
	
		.title h1 sup
		{
			font-size: 0.3em;
			line-height: 25px;
		}
		
		.title h1.kis-dr
		{
			background: #fff url(../images/logo-keepitsafe-dr.png) left center no-repeat;
			background-image: url(../images/logo-keepitsafe-dr.svg), none;
			height: 40px;
			width: 259px;
		}
		
		.title h1.kis-online-backup
		{
			background: #fff url(../images/logo-keepitsafe-online-backup.png) left center no-repeat;
			background-image: url(../images/logo-keepitsafe-online-backup.svg), none;
			height: 50px;
			width: 216px;
		}
		.title h1.kis-cloud2cloud
		{
			background: #fff url(/images/logo-keepitsafe-c2c.png) left center no-repeat;
			background-image: url(/images/logo-keepitsafe-c2c.svg), none;
			height: 50px;
			width: 216px;
		}
		.title h1.kis-mobile
		{
			background: #fff url(../images/logo-keepitsafe-mobile.png) left center no-repeat;
			background-image: url(../images/logo-keepitsafe-mobile.svg), none;
			height: 50px;
			width: 216px;
		}
		
			.title h1 span
			{
				display: none;
			}
	
	.title .box
	{
		background: none;
		border: none;
	}

.two-columns .title
{
	padding-left: 31.3%;
}


/* Global Article Clases */
.article
{
	position: relative;
}
	
	.article h2, .box h2
	{
		color: #f28d1e;
		font-size: 2.4em;
		font-weight: bold;
		letter-spacing: -0.02em;
		line-height: 100%;
		margin-bottom: 20px;
	}
	
		.article h2 sup
		{
			font-size: 0.3em;
			line-height: 15px;
			vertical-align: super;
		}
	
	.article h3
	{
		color: #2e2d2d;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 100%;
	}
	
	.article p
	{
		font-size: 1.4em;
	}
	#newscontent p, #newscontent div{font-size: 1.4em;}
	
	.news-events .article {
		margin-bottom: 15px;
	}
	.news-events .article h3 {
		width: 80%;
	}
	
	
	.article.kis-promise
	{
		background: url(../images/bg-kis-promise.png) right bottom no-repeat;
		min-height: 250px;
	}
	
		.article.kis-promise p
		{
			padding-right: 120px;
		}

			

/*-----------------------------------------------------------------------
[3A] - Aisde
------------------------------------------------------------------------*/

.sidebar-bg-container
{
	background: #f9f9f9;
	border-right: 1px solid #eee;
	float: left;
	position: relative;
	right: 68.7%;
	width: 100%;
}

.sidebar
{
	position: relative;
}

.two-columns .sidebar
{
	left: 68.7%;
	width: 31.3%;
}

.sidebar .box
{
	background: url(../images/box-aside-top-white-border.png) 0 0 repeat-x;
}

.sidebar .box.kis-promise
{
	background: url(../images/box-aside-bg-kis-promise.png) right bottom no-repeat;
	min-height: 220px;
}

	.sidebar .box.kis-promise p
	{
		padding-right: 70px;
	}

/* Sidebar Article Clases */
.sidebar .article
{
}

	.sidebar .article h2
	{
		font-size: 1.8em;
	}
	
	.sidebar .article .large-percentage
	{
		font-size: 1.8em;
	}

.sidebar .free-resources
{
}

	.sidebar .free-resources a
	{
		font-size: .9em;
	}

	.sidebar .free-resources .pdf-image
	{
		margin-bottom: 10px;
		text-align: center;
	}
	
		.sidebar .free-resources .pdf-image img
		{
			border: 1px solid #2e2d2d;
		}
		
	.sidebar .free-resources .pdf-links
	{
	}
	
	.sidebar .did-you-know ul.regular li
	{
		margin-bottom: 0;
	}
	
	.sidebar .news-archive,
	.sidebar .support-info
	{
	}
	
		.sidebar .news-archive .news-year
		{
			background: url(../images/icon-orange-arrow-bullet-right.png) 15px center no-repeat;
			background-image: url(../images/icon-orange-arrow-bullet-right.svg), none;
			color: #f28d1e;
			cursor: pointer;
			font-weight: bold;
			margin-bottom: 0;
			outline: none;
			padding: 10px;
			padding-left: 35px;
		}
		
		.sidebar .news-archive .ui-accordion-header-active
		{
			background: url(../images/icon-orange-arrow-bullet-down.png) 15px center no-repeat;
			background-image: url(../images/icon-orange-arrow-bullet-down.svg), none;
		}
		
		.sidebar .news-archive .ui-accordion
		{
			border-bottom: solid 1px #eee;
		}
		.sidebar .news-archive .ui-accordion:last-child
		{
			border-bottom: 0;
		}
		
		.sidebar .news-archive .news-items,
		.sidebar .support-info .support-items
		{
			border-bottom: 1px solid #eee;
			margin-bottom: 20px;
			padding-left: 10px;
		}
		
		.sidebar .news-archive .news-items:last-child,
		.sidebar .support-info .support-items:last-child
		{
			border-bottom: none;
			margin-bottom: 0;
		}
		
			.sidebar .news-archive .news-items li p:first-child,
			.sidebar .support-info .support-items li p:first-child
			{
				margin-bottom: 0;
			}
			
			.sidebar .news-archive .news-items li p:last-child,
			.sidebar .support-info .support-items li p:last-child
			{
				margin-bottom: 20px!important;
			}
			
			.sidebar .news-archive .news-items:last-child li:last-child p:last-child
			{
				margin-bottom: 0!important;
			}
			
	.sidebar .j2-brands
	{
	}
	
		.sidebar .j2-brands ul
		{
			display: block;
		}
		
			.sidebar .j2-brands ul li
			{
				margin-bottom: 5px;
			}
			
			.sidebar .j2-brands ul li .icon,
			.sidebar .j2-brands ul li .text
			{
				display: block;
				float: left;
			}
			
			.sidebar .j2-brands ul li .text
			{
				font-weight: bold;
				line-height: 39px;
			}
			
			.sidebar .j2-brands ul li .icon
			{
				margin-right: 5px;
				width: 109px;
			}
			
				.sidebar .j2-brands ul li .icon a
				{
					background-position: left top;
					background-repeat: no-repeat;
					display: block;
					height: 36px;
				}
			
				.sidebar .j2-brands ul li .icon .efax
				{
					background-image: url(../images/logo-efax-aside.png);
					background-image: url(../images/logo-efax-aside.svg), none;
					width: 57px;
				}
				
				.sidebar .j2-brands ul li .icon .evoice
				{
					background-image: url(../images/logo-evoice-aside.png);
					background-image: url(../images/logo-evoice-aside.svg), none;
					width: 62px;
				}
				
				.sidebar .j2-brands ul li .icon .fusemail
				{
					background-image: url(../images/logo-fusemail-aside.png);
					background-image: url(../images/logo-fusemail-aside.svg), none;
					width: 103px;
				}
				
				.sidebar .j2-brands ul li .icon .campaigner
				{
					background-image: url(../images/logo-campaigner-aside.png);
					background-image: url(../images/logo-campaigner-aside.svg), none;
					width: 109px;
				}
				
				.sidebar .j2-brands ul li .icon .keepitsafe
				{
					background-image: url(../images/logo-keepitsafe-aside.png);
					background-image: url(../images/logo-keepitsafe-aside.svg), none;
					width: 109px;
				}
				
				.sidebar .j2-brands ul li .icon .onebox
				{
					background-image: url(../images/logo-onebox-aside.png);
					background-image: url(../images/logo-onebox-aside.svg), none;
					width: 87px;
				}
				
					.sidebar .j2-brands ul li .icon a span
					{
						display: none;
					}

	.sidebar label
	{
		font-size: 0.8em;
		line-height: 18px;
	}
	
	.sidebar .required
	{
		color: #2e2d2d;
		font-size: 1.1em;
		line-height: 18px;
	}
	




/*-----------------------------------------------------------------------
[3B] - Main Content
------------------------------------------------------------------------*/

.main-content-bg-container
{
	background: #fff;
	float: left;
	width: 100%;
}

.main-content
{
	position: relative;
}

.two-columns .main-content
{
	left: 68.8%;
	width: 68.7%;
}

.home
{
}

	.home .customized-solutions
	{
		font-size: 1.8em;
		float: left;
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	
		.home .customized-solutions ul
		{
			clear: left;
			float: left;
			left: 50%;
			position: relative;
			text-align: center;
		}
		
			.home .customized-solutions ul li
			{
				display: block;
				float: left;
				margin-right: 20px;
				position: relative;
				right: 50%;
			}
			
			.home .customized-solutions ul li:first-child
			{
				
			}
			
			.home .customized-solutions ul li:last-child
			{
				margin-right: 0;
			}
				
				.home .customized-solutions h3
				{
				}
				
				.home .customized-solutions a
				{
					background: url(../images/icon-circle-arrow-mouse-over.png) left top no-repeat;
					background-image: url(../images/icon-circle-arrow-mouse-over.svg), none;
					color: #c0c0c0;
					display: block;
					padding-left: 20px;
					text-decoration: none;
				}
				
				.home .customized-solutions a:hover
				{
					background: url(../images/icon-circle-arrow-mouse-over.png) left bottom no-repeat;
					background-image: url(../images/icon-circle-arrow-mouse-over.svg), none;
					color: #fff;
				}

.main-content.about-us
{
}

	.main-content.about-us .article .text p,
	.main-content.why .article .text p
	{
		margin-bottom: 10px;
	}
	
	.main-content.about-us .article .text p:last-child,
	.main-content.why .article .text p:last-child
	{
		margin-bottom: 0;
	}
	
/* Page Panos */
	.main-content .kis-dudes-about-us
	{
		background: url(../images/kis-dudes-about-us.png) left top no-repeat;
		display: block;
		height: 220px;
	}
	
	.main-content .kis-dudes
	{
		background: url(../images/kis-dudes.png) left top no-repeat;
		display: block;
		height: 220px;
	}
	
	.main-content .kis-dude-pointing
	{
		background: url(../images/kis-dude-pointing.png) center top no-repeat;
		display: block;
		height: 220px;
	}
	
	.main-content .kis-dude-holiding-clouds
	{
		background: url(../images/kis-dude-holiding-clouds.png) center -90px no-repeat;
		display: block;
		height: 220px;
	}
	
	.main-content .server-room
	{
		background: url(../images/server-room.png) left top no-repeat;
		display: block;
	}
	
	.main-content .server-room-center
	{
		background: url(../images/server-room.png) center -135px no-repeat;
		display: block;
	}
	
	.main-content .server-room-2
	{
		background: url(../images/server-room-2.png) center -110px no-repeat;
		display: block;
	}
	
	.main-content .server-rack
	{
		background: url(../images/server-rack.png) center center no-repeat;
		display: block;
	}
	.main-content .datacentre
	{
		background: url(../images/datacentre.png) center center no-repeat;
		display: block;
		height: 220px;
	}
	
	.main-content .partnership
	{
		background: #333 url(../images/page-partnership-desktop.png) center center no-repeat;
		background-image: url(../images/page-partnership-desktop.svg), none;
		display: block;
		height: 220px;
	}
	
	.main-content .clouds
	{
		background: #003f86 url(../images/page-clouds-desktop.png) center center no-repeat;
		display: block;
		height: 220px;
	}
	
	.main-content .vector-clouds
	{
		background: url(../images/page-vector-clouds-desktop.png) center center no-repeat;
		background-image: url(../images/page-vector-clouds-desktop.svg), none;
		display: block;
		height: 220px;
	}
	
	.main-content .vector-clouds-blue-bg-lg
	{
		background: #0076b9 url(../images/page-vector-clouds-blue-bg-lg.png) center center no-repeat;
		background-image: url(../images/page-vector-clouds-blue-bg-lg.svg), none;
		display: block;
		height: 220px;
	}
	
	.main-content .vector-tech-clouds-lg
	{
		background: #0076b9 url(../images/page-vector-tech-clouds-lg.png) center center no-repeat;
		background-image: url(../images/page-vector-tech-clouds-lg.svg), none;
		display: block;
		height: 220px;
	}
	
	.main-content .fully-m-m
	{
		background: #031018 url(../images/page-fully-m-m-desktop.png) -200px center no-repeat;
		display: block;
		height: 220px;
	}
	
	.main-content .security
	{
		background: #031018 url(../images/page-vector-lock-desktop.png) center center no-repeat;
		background-image: url(../images/page-vector-lock-desktop.svg), none;
		display: block;
		height: 220px;
	}
	
	.main-content .tech-pricing
	{
		background: #f28d1e url(../images/page-pricing.png) -440px top no-repeat;
		display: block;
		height: 220px;
	}
	
	.main-content .vault
	{
		background: #828282 url(../images/page-vault-desktop.png) center center no-repeat;
		display: block;
		height: 220px;
	}
	
	.main-content .support
	{
		background: #fff url(../images/page-support-desktop.png) center center no-repeat;
		display: block;
		height: 180px;
	}

/* Main Content Article Clases */
.thirds
{
}

	.thirds li
	{
		display: block;
		float: left;
		width: 33.333333%;
	}
	
.fourth
{
}

	.fourth li
	{
		display: block;
		float: left;
		width: 25%;
	}

.article.half
{
	margin: 0 auto;
	width: 50%;
}

.article.icon-list-full
{
}

.article.icon-list
{
}

.article.orange-icon-list
{
}

.article.inline-list
{
}

	.article.inline-list ul,
	.article.inline-list ul li
	{
		display: block;
		float: left;
	}
	
	.article.inline-list ul li
	{
		margin-right: 20px;
	}

.article.facts
{
}

	.article.list-full ul,
	.article.icon-list-full ul,
	.article.addresses ul,
	.article.icon-list ul,
	.article.orange-icon-list ul,
	.article.facts ul
	{
		width: 100%;
	}
	
		.article.list-full ul li,
		.article.icon-list-full ul li
		{
			margin-bottom: 20px;
			width: 100%;
		}
		
		.article.icon-list ul li,
		.article.orange-icon-list ul li,
		.article.facts ul li
		{
			min-height: 80px;
			margin: 20px 0;
			width: 50%;
		}
		
		.article.addresses ul li
		{
			margin-bottom: 20px;
			margin-right: 3%;
			width: 30%;
		}
		
		.article.addresses.inline-list ul li
		{
			width: auto;
		}
		
		.article.did-you-know ul li
		{
				margin-bottom: 20px;
		}
		
		article.did-you-know ul li:last-child
		{
				margin-bottom: 0;
		}
		
		.article.list-full ul li:last-child,
		.article.icon-list-full ul li:last-child,
		.article.icon-list ul li:last-child,
		.article.icon-list ul li:nth-last-child(2):nth-child(odd),
		.article.orange-icon-list ul li:last-child,
		.article.orange-icon-list ul li:nth-last-child(2):nth-child(odd),
		.article.facts ul li:last-child,
		.article.facts ul li:nth-last-child(2):nth-child(odd)
		{
			margin-bottom: 0;
		}
			
			.article.icon-list-full ul li .icon
			{
				text-align: center;
				width: 15%;
			}
			
			.article.icon-list ul li .icon,
			.article.orange-icon-list ul li .icon,
			.article.facts ul li .icon
			.article.did-you-know ul li .icon
			{
				text-align: center;
				width: 20%;
			}
			
			.article.icon-list-full ul li .text
			{
				width: 85%;
			}
			
			.article.icon-list ul li .text,
			.article.orange-icon-list ul li .text,
			.article.facts ul li .text,
			.article.did-you-know ul li .text
			{
				width: 80%;
			}
			
			.article.addresses ul li .text
			{
				width: 100%!important;
			}
			
			.article.icon-list-full ul li .text p.with-learn-more-link
			{
				float: left;
				margin-bottom: 10px;
				width: 75%;
			}
			
			.article.icon-list-full ul li .text .icon-list-full-learn-more
			{
				float: left;
				font-size: 1.4em;
				text-align: right;
				width: 25%;
			}
			
			.article.facts ul li .large-percentage
			{
				color: #2e2d2d;
				display: block;
				font-size: 3.4em;
				font-weight: bold;
				letter-spacing: -0.02em;
				line-height: 100%;
			}
			
			.article.facts ul li .text
			{
				margin-left: 40px;
			}
			
			.article.did-you-know ul li .icon
			{
				width: 25%;
			}
			
			.article.did-you-know ul li .text
			{
				width: 75%;
			}

	.article .hiw-dr-diagram
	{
		text-align: center;
	}

	.article .social-networking-large
	{
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	
		.article .social-networking-large ul
		{
			clear: left;
			left: 50%;
			position: relative;
			text-align: center;
		}
		
			.article .social-networking-large ul li
			{
				display: block;
				float: left;
				position: relative;
				right: 50%;
			}
			
				.article .social-networking-large ul li a
				{
					display: block;
					height: 72px;
					margin: 0 10px;
					width: 72px;
				}
				
				.article .social-networking-large ul li a.twitter
				{
					background: url(../images/icon-twitter-large.png) center center no-repeat;
					background-image: url(../images/icon-twitter-large.svg), none;
				}
				
				.article .social-networking-large ul li a.linkedin
				{
					background: url(../images/icon-linkedin-large.png) center center no-repeat;
					background-image: url(../images/icon-linkedin-large.svg), none;
				}
				
					.article .social-networking-large ul li a span
					{
						display: none;
					}
	
	.article.addresses .map-us,
	.article.addresses .map-au,
	.article.addresses .map-eu
	{
		height: 132px;
		margin-bottom: 20px;
	}
	
	.article.addresses .map-us
	{
		background: #c8e8f7 url(../images/map-us.png) center -30px no-repeat;
		background-image: url(../images/map-us.svg), none;
	}
	
	.article.addresses .map-au
	{
		background: #c8e8f7 url(../images/map-au.png) center -150px no-repeat;
		background-image: url(../images/map-au.svg), none;
	}
	
	.article.addresses .map-eu
	{
		background: #c8e8f7 url(../images/map-eu.png) center -2px no-repeat;
		background-image: url(../images/map-eu.svg), none;
	}
	
	.article.news
	{
	}
	
		.article.news h3.sub
		{
			margin-bottom: 20px;
		}
		
		.article.news .sharethis
		{
			margin-bottom: 20px;
			margin-left: 30px;
		}
		
	.article.faqs
	{
	}
	
		.article.faqs .faqs-container
		{
			border-bottom: 1px solid #eee;
		}
	
		.article.faqs .q
		{
			background: #f6f6f6 url(../images/icon-orange-arrow-bullet-right.png) 15px center no-repeat;
			background-image: url(../images/icon-orange-arrow-bullet-right.svg), none;
			border: 1px solid #eee;
			border-bottom: none;
			cursor: pointer;
			outline: none;
			padding: 15px;
			padding-left: 35px;
		}
		
		.article.faqs .q:hover
		{
			background-color: #333;
		}
		
			.article.faqs .q:hover h3
			{
				color: #fff;
			}
		
		.article.faqs .q.ui-accordion-header-active
		{
			background: #333 url(../images/icon-orange-arrow-bullet-down.png) 15px center no-repeat;
			background-image: url(../images/icon-orange-arrow-bullet-down.svg), none;
		}
		
			.article.faqs .q.ui-accordion-header-active h3
			{
				color: #fff;
			}
		
		.article.faqs .a
		{
			border: 1px solid #eee;
			border-bottom: none;
			padding: 20px 30px;
		}
		
	.article.customers
	{
	}
	
		.article.customers ul
		{
			width: 100%;
		}
		
			.article.customers ul li
			{
				display: block;
				float: left;
				height: 80px;
				margin-bottom: 20px;
				width: 50%;
			}
			
			.article.customers li.campaigner
			{
				background: url(../images/logo-campaigner.png) center center no-repeat;
				background-image: url(../images/logo-campaigner.svg), none;
			}
			
			.article.customers li.efax
			{
				background: url(../images/logo-efax.png) center center no-repeat;
				background-image: url(../images/logo-efax.svg), none;
			}
			
			.article.customers li.evoice
			{
				background: url(../images/logo-evoice.png) center center no-repeat;
				background-image: url(../images/logo-evoice.svg), none;
			}
			
			.article.customers li.fusemail
			{
				background: url(../images/logo-fusemail.png) center center no-repeat;
				background-image: url(../images/logo-fusemail.svg), none;
			}
			
			.article.customers li.myfax
			{
				background: url(../images/logo-myfax.png) center center no-repeat;
				background-image: url(../images/logo-myfax.svg), none;
			}
			
			.article.customers li.onebox
			{
				background: url(../images/logo-onebox.png) center center no-repeat;
				background-image: url(../images/logo-onebox.svg), none;
			}
			
			.article.customers li.ziff-davis
			{
				background: url(../images/logo-ziff-davis.png) center center no-repeat;
				background-image: url(../images/logo-ziff-davis.svg), none;
			}
			
			.article.customers li.zintel
			{
				background: url(../images/logo-zintel.png) center center no-repeat;
				background-image: url(../images/logo-zintel.svg), none;
			}
			
	.article.certs
	{
	}
	
		.article.certs .cert
		{
			margin-bottom: 20px;
			text-align: center;
		}
		
		.article.certs .cert:last-child
		{
			margin-bottom: 0;
		}
		
		.article.certs .iso-certified-27001
		{
			background: url(../images/iso-certified-27001.png) center top no-repeat;
			background-image: url(../images/iso-certified-27001.svg), none;
			height: 138px;
		}
		
		.article.certs .sas-70-type-ii
		{
			background: url(../images/sas-70-type-ii.png) center top no-repeat;
			background-image: url(../images/sas-70-type-ii.svg), none;
			height: 138px;
		}
		
		.article.certs .ssae-16-completed-audit
		{
			background: url(../images/ssae-16-completed-audit.png) center center no-repeat;
			background-image: url(../images/ssae-16-completed-audit.svg), none;
			height: 151px;
		}
		
		.article.certs .indemnity
		{
			background: url(../images/10k-indemnity.png) center top no-repeat;
			background-image: url(../images/10k-indemnity.svg), none;
			height: 67px;
		}
		
		.article.certs .military-level
		{
			background: url(../images/military-level.png) center top no-repeat;
			background-image: url(../images/military-level.svg), none;
			height: 151px;
		}
		
			.article.certs .cert span
			{
				display: none;
			}
	
.box.become-a-partner
{
	color: #b0b0b0;
	background: #333 url(../images/bg-become-a-partner-desktop.png) left center no-repeat;
	background-image: url(../images/bg-become-a-partner-desktop.svg), none;
}
		
	.box.become-a-partner a
	{
		color: #ccc;
	}
	
	.box.become-a-partner .article
	{
		padding-left: 160px;
	}
	

.why .image
{
	text-align: center;
	width: 400px;
}

.why .text
{
	width: 500px;
}

.why .box.page-image
{
	border-top: 1px solid #eee;
}

.site-map
{ font-size: 1.4em;
}

	.site-map ul
	{
	}
	
		.site-map ul li
		{
		}
		
		.site-map ul li:nth-child(4n)
		{
		}
		
			.site-map ul li ul
			{
				margin-bottom: 10px;
				margin-left: 20px;
			}
			
				.site-map ul li ul li
				{
				}
				
					.site-map ul li ul li ul
					{
					}

.fully-managed-monitored
{
	background: url(../images/page-monitors-desktop.png) left bottom no-repeat;
	height: 250px;
}



/*-----------------------------------------------------------------------
[4] - Footer
------------------------------------------------------------------------*/

.footer
{
}

	.footer .footer-menu
	{
		color: #2e2d2d;
		font-size: 1.4em;
		margin-bottom: 40px;
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	
		.footer .footer-menu ul
		{
			clear: left;
			left: 50%;
			position: relative;
			text-align: center;
		}
		
			.footer .footer-menu ul li
			{
				display: block;
				float: left;
				position: relative;
				right: 50%;
			}
			
			.footer .footer-menu ul li.divider
			{
				padding: 0 10px;
			}
			
			.footer .footer-menu ul li a
			{
				color: #2e2d2d;
				display: block;
				padding: 0 5px;
				text-decoration: none;
			}
			
			.footer .footer-menu ul li a:hover
			{
				text-decoration: underline;
			}
			
	.footer .cross-sell
	{
		margin-bottom: 25px;
		text-align: center;
	}
	
		.footer .cross-sell a
		{
			background: url(../images/cross-sell.png) center center no-repeat;
			background-image: url(../images/cross-sell.svg), none;
			background-size: contain;
			display: block;
			height: 34px;
			margin: 0 auto;
			width: 566px;
		}
		
			.footer .cross-sell a span
			{
				display: none;
			}
		
	.footer .legal
	{
		color: #b4b0b1;
		font-size: 0.9em;
		letter-spacing: 0.07em;
		text-align: center;
	}



/*-----------------------------------------------------------------------
[6] - Icons
------------------------------------------------------------------------*/

.icon.network
{
	background: url(../images/icon-network.png) center top no-repeat;
	background-image: url(../images/icon-network.svg), none;
}

.icon.databases
{
	background: url(../images/icon-databases.png) center top no-repeat;
	background-image: url(../images/icon-databases.svg), none;
}


.icon.checkmark-paper
{
	background: url(../images/icon-checkmark-paper.png) center top no-repeat;
	background-image: url(../images/icon-checkmark-paper.svg), none;
}

.icon.save-to-laptop
{
	background: url(../images/icon-save-to-laptop.png) center top no-repeat;
	background-image: url(../images/icon-save-to-laptop.svg), none;
}

.icon.automate
{
	background: url(../images/icon-automate.png) center top no-repeat;
	background-image: url(../images/icon-automate.svg), none;
}

.icon.security-shield
{
	background: url(../images/icon-security-shield.png) center top no-repeat;
	background-image: url(../images/icon-security-shield.svg), none;
}

.icon.light-bulb
{
	background: url(../images/icon-light-bulb.png) center top no-repeat;
	background-image: url(../images/icon-light-bulb.svg), none;
}

.icon.coins-paper
{
	background: url(../images/icon-coins-paper.png) center top no-repeat;
	background-image: url(../images/icon-coins-paper.svg), none;
}

.icon.access-worldwide
{
	background: url(../images/icon-access-worldwide.png) center top no-repeat;
	background-image: url(../images/icon-access-worldwide.svg), none;
}


.icon.smartphone-kis
{
	background: url(../images/icon-smartphone-kis.png) center top no-repeat;
	background-image: url(../images/icon-smartphone-kis.svg), none;
}

.icon.blog-kis
{
	background: url(../img/KeepItSafe-BLOG-Icon.png) center top no-repeat;
	background-image: url(../img/KeepItSafe-BLOG-Icon.svg), none;
}		

.icon.servers
{
	background: url(../images/icon-servers.png) center top no-repeat;
	background-image: url(../images/icon-servers.svg), none;
}

.icon.magnafiying-clock
{
	background: url(../images/icon-magnafiying-clock.png) center top no-repeat;
	background-image: url(../images/icon-magnafiying-clock.svg), none;
}

.icon.snap-shots
{
	background: url(../images/icon-snap-shots.png) center top no-repeat;
	background-image: url(../images/icon-snap-shots.svg), none;
}

.icon.rollback-server
{
	background: url(../images/icon-rollback-server.png) center top no-repeat;
	background-image: url(../images/icon-rollback-server.svg), none;
}

.icon.multi-options
{
	background: url(../images/icon-multi-options.png) center top no-repeat;
	background-image: url(../images/icon-multi-options.svg), none;
}

.icon.data-deduplication
{
	background: url(../images/icon-data-deduplication.png) center top no-repeat;
	background-image: url(../images/icon-data-deduplication.svg), none;
}

.icon.data
{
	background: url(../images/icon-data.png) center top no-repeat;
}

.icon.checkmark-orange
{
	background: url(../images/icon-checkmark-orange.png) center top no-repeat;
	background-image: url(../images/icon-checkmark-orange.svg), none;
}

.icon.coffee
{
	background: url(../images/icon-coffee.png) center top no-repeat;
	background-image: url(../images/icon-coffee.svg), none;
}

.icon.coins-hand
{
	background: url(../images/icon-coins-hand.png) center top no-repeat;
	background-image: url(../images/icon-coins-hand.svg), none;
}

.icon.person-talk
{
	background: url(../images/icon-person-talk.png) center top no-repeat;
	background-image: url(../images/icon-person-talk.svg), none;
}

.icon.happy
{
	background: url(../images/icon-happy.png) center top no-repeat;
	background-image: url(../images/icon-happy.svg), none;
}

.icon.clock-person
{
	background: url(../images/icon-clock-person.png) center top no-repeat;
	background-image: url(../images/icon-clock-person.svg), none;
}

.icon.cloud-imac
{
	background: url(../images/icon-cloud-imac.png) center top no-repeat;
	background-image: url(../images/icon-cloud-imac.svg), none;
}

.icon.smartphone
{
	background: url(../images/icon-smartphone.png) center top no-repeat;
	background-image: url(../images/icon-smartphone.svg), none;
}

.icon.dynamic-server
{
	background: url(../images/icon-dynamic-server.png) center top no-repeat;
	background-image: url(../images/icon-dynamic-server.svg), none;
}

.icon.dynamic-server-light-gray
{
	background: url(../images/icon-dynamic-server-light-gray.png) center top no-repeat;
	background-image: url(../images/icon-dynamic-server-light-gray.svg), none;
}

.icon.handshake
{
	background: url(../images/icon-handshake.png) center top no-repeat;
	background-image: url(../images/icon-handshake.svg), none;
}

.icon.cloud
{
	background: url(../images/icon-cloud.png) center top no-repeat;
	background-image: url(../images/icon-cloud.svg), none;
}

.icon.document
{
	background: url(../images/icon-document.png) center top no-repeat;
	background-image: url(../images/icon-document.svg), none;
}

.icon.book-heart
{
	background: url(../images/icon-book-heart.png) center top no-repeat;
	background-image: url(../images/icon-book-heart.svg), none;
}

.icon.military
{
	background: url(../images/icon-military.png) center top no-repeat;
	background-image: url(../images/icon-military.svg), none;
}

.icon.certification
{
	background: url(../images/icon-certification.png) center top no-repeat;
	background-image: url(../images/icon-certification.svg), none;
}

.icon.reuse
{
	background: url(../images/icon-reuse.png) center top no-repeat;
	background-image: url(../images/icon-reuse.svg), none;
}

.icon.cd
{
	background: url(../images/icon-cd.png) center top no-repeat;
	background-image: url(../images/icon-cd.svg), none;
}

.icon.tape-backup
{
	background: url(../images/icon-tape-backup.png) center top no-repeat;
	background-image: url(../images/icon-tape-backup.svg), none;
}

.icon.coins
{
	background: url(../images/icon-coins.png) center top no-repeat;
	background-image: url(../images/icon-coins.svg), none;
}

.icon.transparent
{
	background: url(../images/icon-transparent.png) center top no-repeat;
	background-image: url(../images/icon-transparent.svg), none;
}

.icon.clock
{
	background: url(../images/icon-clock.png) center top no-repeat;
	background-image: url(../images/icon-clock.svg), none;
}

.icon.imac
{
	background: url(../images/icon-imac.png) center top no-repeat;
	background-image: url(../images/icon-imac.svg), none;
}

.icon.imac-growth
{
	background: url(../images/icon-imac-growth.png) center top no-repeat;
	background-image: url(../images/icon-imac-growth.svg), none;
}

.icon.alert
{
	background: url(../images/icon-alert.png) center top no-repeat;
	background-image: url(../images/icon-alert.svg), none;
}

.icon.lock
{
	background: url(../images/icon-lock.png) center top no-repeat;
	background-image: url(../images/icon-lock.svg), none;
}

.icon.scalable
{
	background: url(../images/icon-scalable.png) center top no-repeat;
	background-image: url(../images/icon-scalable.svg), none;
}

.icon.male
{
	background: url(../images/icon-male.png) center top no-repeat;
	background-image: url(../images/icon-male.svg), none;
}

.icon.male-gear
{
	background: url(../images/icon-male-gear.png) center top no-repeat;
	background-image: url(../images/icon-male-gear.svg), none;
}

.icon.gear
{
	background: url(../images/icon-gear.png) center top no-repeat;
	background-image: url(../images/icon-gear.svg), none;
}

.icon.multiple-windows
{
	background: url(../images/icon-multiple-windows.png) center top no-repeat;
	background-image: url(../images/icon-multiple-windows.svg), none;
}

.icon.group-male
{
	background: url(../images/icon-group-male.png) center top no-repeat;
	background-image: url(../images/icon-group-male.svg), none;
}

.icon.life-buoy
{
	background: url(../images/icon-life-buoy.png) center top no-repeat;
	background-image: url(../images/icon-life-buoy.svg), none;
}

.icon.life-buoy-orange
{
	background: url(../images/icon-life-buoy-orange.png) center top no-repeat;
	background-image: url(../images/icon-life-buoy-orange.svg), none;
}

.icon.online-backup
{
	background: url(../images/icon-online-backup.png) center top no-repeat;
	background-image: url(../images/icon-online-backup.svg), none;
}
.icon.cloud2cloud
{
	background: url(/images/icon-cloud2cloud.png) center top no-repeat;
	background-image: url(/images/icon-cloud2cloud.svg), none;
}
.icon.onlnbackup
{
	background: url(../images/icon-onlne-backup.png) center top no-repeat;
	background-image: url(../images/icon-onlne-backup.svg), none;
}
.icon.c2ctime
{
	background: url(../images/icon-time.png) center top no-repeat;
	background-image: url(../images/icon-time.svg), none;
}
.icon.c2ccoins
{
	background: url(../images/icon-recovery-time-and-objetives.png) center top no-repeat;
	background-image: url(../images/icon-recovery-time-and-objetives.svg), none;
}
.icon.c2csubs
{
	background: url(../images/icon-subscription.png) center top no-repeat;
	background-image: url(../images/icon-subscription.svg), none;
}
.icon.c2cstored
{
	background: url(../images/icon-data-stored-in-cloud.png) center top no-repeat;
	background-image: url(../images/icon-data-stored-in-cloud.svg), none;
}
.icon.c2crules
{
	background: url(../images/icon-rules.png) center top no-repeat;
	background-image: url(../images/icon-rules.svg), none;
}
.icon.c2csecure
{
	background: url(../images/icon-cloud-based-secure.png) center top no-repeat;
	background-image: url(../images/icon-cloud-based-secure.svg), none;
}
.icon.c2csite
{
	background: url(../images/icon-cloud-based-site.png) center top no-repeat;
	background-image: url(../images/icon-cloud-based-site.svg), none;
}
/*-----------------------------------------------------------------------
[5] - Homepage Panos
------------------------------------------------------------------------*/

.page-image
{
}

	.page-image ul,
	.page-image li
	{
		width: 100%;
	}
	
	.page-image .text
	{
		margin-left: 50%;
		margin-right: 10px;
		padding-top: 60px;
	}
	
		.page-image .text h1
		{
			font-size: 6em;
			font-weight: bold;
			letter-spacing: -0.05em;
			line-height: 80%;
			margin-bottom: 10px;
		}
		
		.page-image .text h2
		{
			font-size: 3.4em;
			font-weight: bold;
			letter-spacing: -0.05em;
			line-height: 80%;
			margin-bottom: 10px;
		}
		
		.page-image .text h3
		{
			font-size: 2.4em;
			font-weight: normal;
			letter-spacing: -0.025em;
			line-height: 95%;
			margin-bottom: 10px;
		}
		
		.page-image .text input
		{
			margin-top: 30px;
		}

	.page-image .chairs-us
	{
		background: url(../images/pano-chairs-us-desktop.png) left top no-repeat;
		height: 380px;
	}
	
	.page-image .chairs-uk
	{
		background: url(../images/pano-chairs-uk-desktop.png) left top no-repeat;
		height: 380px;
	}
	
	.page-image .pyramid
	{
		background: url(../images/pano-pyramid-desktop.png) left top no-repeat;
		height: 380px;
	}
	
	.page-image .partners
	{
		background: url(../images/pano-partners-desktop.png) left top no-repeat;
		height: 380px;
	}
	
	.page-image .mobile
	{
		background: url(../images/pano-mobile-desktop.png) left top no-repeat;
		height: 380px;
	}
	
	.page-image .online-backup
	{
		background: url(../images/pano-server-room-desktop.png) left top no-repeat;
		height: 380px;
	}
	
	.page-image .pano-cloud2cloud
	{
		background: url(/images/pano-cloud2cloud-desktop.png) left top no-repeat;
		height: 380px;
	}
	
	.page-image .life-buoy
	{
		background: url(../images/pano-life-buoy-desktop.png) left top no-repeat;
		height: 380px;
	}
	

	.home-slideshow {
		overflow: hidden;
	}
	
		.home-slideshow .cycle-pager
		{
			bottom: 20px;
			position: absolute;
			right: 20px;
			z-index: 105;
		}
		
			.home-slideshow .cycle-pager span
			{
				background: url(../images/icon-cycle-pager.png) center top no-repeat;
				background-image: url(../images/icon-cycle-pager.png), none;
				cursor: pointer;
				display: block;
				float: left;
				height: 16px;
				margin-left: 5px;
				width: 16px;
			}
			
			.home-slideshow .cycle-pager span:hover
			{
				background-position: center center;
			}
			
			.home-slideshow .cycle-pager span.cycle-pager-active
			{
				background-position: center bottom;
			}
			
				.home-slideshow .cycle-pager span .text
				{
					display: none;
				}
		
		.home-slideshow .cycle-pause-play,
		.home-slideshow .cycle-pause .text,
		.home-slideshow .cycle-play .text
		{
			display: none;
		}
		
		.home-slideshow .cycle-pause,
		.home-slideshow .cycle-play
		{
			cursor: pointer;
			height: 16px;
			position: absolute;
			right: 20px;
			top: 20px;
			width: 16px;
			z-index: 106;
		}
				
		.home-slideshow .cycle-pause
		{
			background: url(../images/icon-cycle-pause.png) center top no-repeat;
			background-image: url(../images/icon-cycle-pause.png), none;
		}
		
		.home-slideshow .cycle-play
		{
			background: url(../images/icon-cycle-play.png) center top no-repeat;
			background-image: url(../images/icon-cycle-play.png), none;
			display: none;
		}



/*-----------------------------------------------------------------------
[5] - Forms
------------------------------------------------------------------------*/
#leadform p {
    font-size: 10px;
	line-height: 130%;
}

#leadform p.legal {
	font-weight: normal;
	margin: 15px auto 5px !important;
	max-width: 340px;
	text-align: center;
}

#leadform p.legal.contact {
	font-style: italic;
  }

#leadform p.legal a {
	color: #1578c5;
	font-weight: normal;
	text-decoration: underline;
}

form
{
	color: #2e2d2d;
	font-size: 1.4em;
	font-weight: bold;
}

label
{
	display: block;
}

fieldset
{
	display: block;
	margin-bottom: 10px;
}

fieldset.half
{
	float: left;
	width: 50%;
}

fieldset.submit
{
	margin-top: 20px;
	text-align: center;
}

fieldset textarea, fieldset input
{
	padding-left: 4px;
}

	fieldset.half input[type=text], 
	fieldset.half input[type=checkbox]
	{
		background: #fff;
		width: 97%;
	}

	fieldset.half select, fieldset.half textarea
	{
		width: 97%;
	}

	fieldset.half:nth-child(odd)
	{
		clear: both;
	}
	
	fieldset.half:nth-child(even) label,
	fieldset.half:nth-child(even) input[type=text],
	fieldset.half:nth-child(even) textarea
	{
		margin-left: 3%;
	}

input,
textarea
{
	-webkit-appearance: none;
	-moz-appearance: none;
}

input[type=checkbox],
input[type=text],
textarea
{
	border: none;
	border-radius: 0;
	box-shadow: inset 0 0 0 1px rgba(198, 198, 198, 1);
	resize: none;
	-webkit-border-radius: 0;
}

select,
input[type=text],
textarea
{
	width: 100%;
}

input[type=submit],
input[type=button]
{
	background: #f28d1e;
	border: 1px solid #b55a00;
	border-radius: 2px;
	box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.2);
	color: #fff;
	cursor: pointer;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: -0.025em;
	line-height: 100%;
	padding: 8px 18px;
	text-shadow: -1px -1px 0px rgba(181, 90, 0, 1);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.2);
	-webkit-border-radius: 2px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.2);
}

input[type=submit]:hover,
input[type=button]:hover
{
	background: #ff9b2e;
	color: #333;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, .2);
}

input[type=button].disabled,
input[type=submit].disabled,
input[type=button].disabled:hover,
input[type=submit].disabled:hover
{
	background: #999;
	border: 1px solid #999;
	color: #777;
	cursor: default;
	text-shadow: none;
}

form .note
{
	font-size: 0.7em;
	font-style: normal;
}

*::selection
{
	background: #333;
	color: #f28d1e;
}

select,
input[type=text],
textarea
{
	line-height: 20px;
}

select,
input[type=text]
{
	height: 24px;
}

select
{
	background: url(../images/bg-select.png) right center no-repeat;
	border: 1px solid #c6c6c6;
	border-radius: 0;
	cursor: pointer;
	font-size: 0.9em;
	
	text-indent: 5px;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

option:hover,
option:focus,
option:active,
option:checked
{
	background: #f28d1e;
}

input[type=checkbox]
{
	height: 12px;
	width: 12px;
}

input[type=checkbox]:checked
{
	-webkit-appearance: checkbox;
}

fieldset.human-detection input#humanDetection,
fieldset.human-detection label
{
	cursor: pointer;
	float: left;
}

fieldset.human-detection label
{
	font-size: 0.8em;
	line-height: 12px;
	margin-left: 4px;
}

label.error
{
	color: #900;
	font-size: 0.8em;
	line-height: 14px;
}



/*-----------------------------------------------------------------------
[6] - Misc
------------------------------------------------------------------------*/

.left
{
	display: block;
	float: left;
}

.right
{
	display: block;
	float: right;
}

.clear
{
	clear: both;
}

.dark-gray
{
	color: #2e2d2d!important;
}

.orange
{
	color: #f28d1e!important;
}

.gray
{
	color: #807d7d!important;
}

.light-gray
{
	color: #c0c0c0!important;
}

.misc-link
{
	font-size: 1.4em;
}

.padding-top-20px
{
	padding-top: 20px;
}

.padding-top-50px
{
	padding-top: 50px;
}

.margin-bottom-20px
{
	margin-bottom: 20px;
}

.margin-right-10px
{
	margin-right: 10px;
}

.note
{
	color: #2e2d2d;
	font-size: 0.7em;
	font-style: italic;
	font-weight: normal;
}

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

.microsoft-dynamics-logo
{
	background: url(../images/logo-microsoft-dynamics.png) center center no-repeat;
	background-image: url(../images/logo-microsoft-dynamics.svg), none;
	display: block;
	height: 63px;
	margin: 0 auto;
	width: 342px;
}

.no-border-top
{
	border: none;
}

#msg{
	font-size: 16px;
}

.closebtn{
	float: right;
	display: inline-block;
	height: 25px;
	width: 25px;
	border: solid 2px #f28d1e;
	color: #f28d1e;
	background: #FFF;
	border-radius: 15px;
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
}
.fr{float:right;}
#leadpop{position:fixed; width:330px; height:530px; left:0; top:50%; margin-top:-260px; display:none; background:#FFF; box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
#leadpopframe{width:100%; height:95%; border:0; margin:0; padding:0; }

#geopop {position: absolute; top:1900px; right:8px; background: #FFF; padding: 10px 15px; font-size:10px; border: solid 4px #EEE; transition:top 2s; z-index:10000; box-shadow:0 0 10px #666}
	#geopop.on{ top:6px;z-index:10000; }
	#geopop a{background: #f28d1e;
    	border: 1px solid #b55a00;
    	border-radius: 2px;
    	box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.2);
    	color: #fff;
    	cursor: pointer;
    	font-weight: bold;
    	letter-spacing: -0.025em;
    	line-height: 100%;
    	padding: 8px 18px;
    	text-shadow: -1px -1px 0px rgba(181, 90, 0, 1);}
	#geopop a:hover{ background-color:#F90;}
	#geopop a.fr{background:#CCC; font-size:12px; padding:2px 6px; line-height:100%; margin:-5px -8px}
	#geopop a.fr:hover{background:#999;}

#cookiepop { position: absolute; top: 1900px; right: 8px; background: #FFF; padding: 10px 15px; font-size: 10px; border: solid 4px #EEE; transition: top 2s; z-index:10000; box-shadow: 0 0 10px #666; width: 200px; }
	#cookiepop.on { top: 110px; z-index: 10000; }
	#cookiepop.ontop { top: 6px; }
	#cookiepop a { text-decoration: underline; }
	#cookiepop a:hover { background-color: #F90; color: #2e2d2d; }
	#cookiepop a.fr { background: #CCC; font-size: 12px; padding: 2px 6px; line-height: 100%; margin: -5px -8px; }
	#cookiepop a.fr:hover { background: #999; }
	#cookiepop input { font-size: 1em; float: right; }

.article.cancellation { margin: 0 auto; width: 600px; }
.profile .image { display: block; float: left; margin-right: 30px; }

/* Video DR page - KISCORP-414 */
.ContentVideo1{
	max-width: 600px;
	display: block;
	margin: auto;
}


.ContentVideo2{
	max-width: 400px;
	display: block;
	margin: auto;
}


.video_wrapper {
	position: relative;
	clear: both;
	padding-bottom: 56.25%;
	height: 0;
	margin-top: 30px;
}

.video_wrapper .video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
