html {
    height: 100%;
    scroll-behavior: smooth;
}
body {
	font-size:18px;
	font-family:'Guardian Sans Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:normal;
	line-height:1.5em;
	background-color: #ffffff;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    height:100%;
	}

hr {
	margin-bottom:3rem;
	}

hr.colored {
 	border: 0;   /* in order to override TWBS stylesheet */\
	margin-top: 1rem;
  	margin-bottom: 1rem;
	border-top: 1px solid rgba(1,179,54, 0.8));
	/* For rainbow line */
  /* background: -moz-linear-gradient(left, rgba(196,222,138,1) 0%, rgba(196,222,138,1) 12.5%, rgba(245,253,212,1) 12.5%, rgba(245,253,212,1) 25%, rgba(255,208,132,1) 25%, rgba(255,208,132,1) 37.5%, rgba(242,122,107,1) 37.5%, rgba(242,122,107,1) 50%, rgba(223,157,185,1) 50%, rgba(223,157,185,1) 62.5%, rgba(192,156,221,1) 62.5%, rgba(192,156,221,1) 75%, rgba(95,156,217,1) 75%, rgba(95,156,217,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 100%);  /* FF3.6+ */
  /* background: -webkit-linear-gradient(left, rgba(196,222,138,1) 0%, rgba(196,222,138,1) 12.5%, rgba(245,253,212,1) 12.5%, rgba(245,253,212,1) 25%, rgba(255,208,132,1) 25%, rgba(255,208,132,1) 37.5%, rgba(242,122,107,1) 37.5%, rgba(242,122,107,1) 50%, rgba(223,157,185,1) 50%, rgba(223,157,185,1) 62.5%, rgba(192,156,221,1) 62.5%, rgba(192,156,221,1) 75%, rgba(95,156,217,1) 75%, rgba(95,156,217,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 100%); /* Chrome10+,Safari5.1+ */
  /* background: -o-linear-gradient(left, rgba(196,222,138,1) 0%, rgba(196,222,138,1) 12.5%, rgba(245,253,212,1) 12.5%, rgba(245,253,212,1) 25%, rgba(255,208,132,1) 25%, rgba(255,208,132,1) 37.5%, rgba(242,122,107,1) 37.5%, rgba(242,122,107,1) 50%, rgba(223,157,185,1) 50%, rgba(223,157,185,1) 62.5%, rgba(192,156,221,1) 62.5%, rgba(192,156,221,1) 75%, rgba(95,156,217,1) 75%, rgba(95,156,217,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 100%); /* Opera 11.10+ */
  /* background: -ms-linear-gradient(left, rgba(196,222,138,1) 0%, rgba(196,222,138,1) 12.5%, rgba(245,253,212,1) 12.5%, rgba(245,253,212,1) 25%, rgba(255,208,132,1) 25%, rgba(255,208,132,1) 37.5%, rgba(242,122,107,1) 37.5%, rgba(242,122,107,1) 50%, rgba(223,157,185,1) 50%, rgba(223,157,185,1) 62.5%, rgba(192,156,221,1) 62.5%, rgba(192,156,221,1) 75%, rgba(95,156,217,1) 75%, rgba(95,156,217,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 100%); /* IE10+ */
  /* background: linear-gradient(to right, rgba(196,222,138,1) 0%, rgba(196,222,138,1) 12.5%, rgba(245,253,212,1) 12.5%, rgba(245,253,212,1) 25%, rgba(255,208,132,1) 25%, rgba(255,208,132,1) 37.5%, rgba(242,122,107,1) 37.5%, rgba(242,122,107,1) 50%, rgba(223,157,185,1) 50%, rgba(223,157,185,1) 62.5%, rgba(192,156,221,1) 62.5%, rgba(192,156,221,1) 75%, rgba(95,156,217,1) 75%, rgba(95,156,217,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 87.5%, rgba(94,190,227,1) 100%); /* W3C */
}

/* -- Typography --- */

@font-face {
	font-family: 'Guardian Sans Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Guardian Sans Regular'), url('../fonts/GuardianSansRegular.woff') format('woff');
}
   
@font-face {
	font-family: 'Guardian Sans Regular Italic';
	font-style: italic;
	font-weight: normal;
	src: local('Guardian Sans Regular Italic'), url('../fonts/GuardianSansRegularIt.woff') format('woff');
}

@font-face {
	font-family: 'Guardian Sans Light';
	font-style: normal;
	font-weight: 200;
	src: local('Guardian Sans Light'), url('../fonts/GuardianSansLight.woff') format('woff');
}
    
@font-face {
	font-family: 'Guardian Sans Light Italic';
	font-style: italic;
	font-weight: 200;
	src: local('Guardian Sans Light Italic'), url('../fonts/GuardianSansLightIt.woff') format('woff');
}

@font-face {
	font-family: 'Guardian Sans Semibold';
	font-style: normal;
	font-weight: 600;
	src: local('Guardian Sans Semibold'), url('../fonts/GuardianSansSemibold.woff') format('woff');
}
    
@font-face {
	font-family: 'Guardian Sans Semibold Italic';
	font-style: italic;
	font-weight: 600;
	src: local('Guardian Sans Semibold Italic'), url('../fonts/GuardianSansSemiboldIt.woff') format('woff');
}
    
@font-face {
	font-family: 'Guardian Sans Bold';
	font-style: normal;
	font-weight: 700;
	src: local('Guardian Sans Bold'), url('../fonts/GuardianSansBold.woff') format('woff');
}
    
@font-face {
	font-family: 'Guardian Sans Bold Italic';
	font-style: italic;
	font-weight: 700;
	src: local('Guardian Sans Bold Italic'), url('../fonts/GuardianSansBoldIt.woff') format('woff');
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap');


h1,h2,h3,h4,h5,h6,p{
	color:#333333;
	font-style: normal;
	margin-bottom:0.5em;
	line-height:1.25em;
}

h1,h2,h3,h4,h5,h6,p {
	text-align:center;
	}
h1 {
	font-size:48px;
	margin:60px 0px 40px 0px;
}
h1.line-break:after {
	content:'';
	background-image:url('../images/graphic-line-break-mobile.png');
	background-size:100%;
	background-repeat:no-repeat;
	display:block;
	position:relative;
	width:250px;
	margin:0 auto;
	margin-top:40px;
	height:10px;
}
h2 {
	font-size:32px;
	margin:60px 0px 40px 0px;
}
h3 {
	font-size: 24px;
	font-weight:700;
	margin-bottom: 1em;
	}
h4 {
	font-size: 20px;
	font-weight:700;
	margin:0.5em 0 1.5em 0;
	}	
h5 {
	color:#00B336;
	margin-top:16px;
}
h6	{
	font-size:16px;
	font-weight:700;

}
p {
	color:#555555;
	margin-bottom:1.5em;
	font-size:16px;
	line-height: 1.5em;
	}

strong, 
p strong {
	font-weight:700;
	}

p.intro {
	font-size: 1em;
	font-weight:700;
	margin-bottom:2em;
	width:100%;
	}

p.intro span {
	display:inline-block;
	padding-bottom:5px;
	}

a {
	color:#00B336;
	text-decoration:none;
	}

a:hover {
	color:#00DC42;
	text-decoration:underline;	
	}	

.arrow-holder p {
	margin-bottom:0;
	line-height:1em;
	text-align:center;
	}

.arrow-holder{
	position:relative;
	float:left;
	display:inline;
	width:100%;
	margin-top:0px;
	z-index:2;
	}

.arrow-holder p a {
	width:40px;
	height:40px;
	display:inline-block;
	text-indent:-9999px;
	background-size: 40px 40px;	
	z-index:9;
	border-bottom:hidden;
	}

.arrow-holder.down p a {
	background-image:url('../images/down-arrow-blue.svg');
	}
.arrow-holder.down p a:hover {
	background-image:url('../images/down-arrow-blue-hover.svg');
	}
.hero .arrow-holder.down p a {
	background-image:url('../images/down-arrow-white.svg');
	}
.arrow-holder.up p a  {
	background-image:url('../images/up-arrow.svg');
	}
.arrow-holder.up p a:hover {
	background-image:url('../images/up-arrow-hover.svg');
	}

.arrow-holder.absolute {
	position:absolute;
	z-index:9;
	width:100%;
	bottom:5vh;
	margin-top:0;
	}

.floating {
    animation-name: floating;
    animation-duration: 1.8s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-top: 5px;
	}

@keyframes floating {
    from { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
	}

h2.subheader{
	display:inline-block;
	padding:50px 50px 50px 750px;
	margin-left:-750px;
	color:#fff;
	min-height:300px;
	border-radius:150px;
	margin-top:0px;
}
h2.subheader.ingram{
	background: rgb(0,113,188);
	background: linear-gradient(90deg, rgba(0,113,188,1) 30%, rgba(0,179,54,1) 100%);
}

h2.subheader.veeam {
background: rgb(0,179,54);
background: linear-gradient(90deg, rgba(0,179,54,1) 30%, rgba(147,234,32,1) 100%);
	min-height:260px;
	border-radius:130px;
}
img.icon {
	width:80px;
	margin-bottom:30px;
}

/* --- Lists --- */

ul {
	margin:0px;
/*	padding:0px;*/
	}
ul li {
	margin-left:20px;
	margin-bottom:10px;
}

ul.tick-list {
	list-style-image:url('../images/icon-tick.png');
	list-style-position:outside;
}
ul.tick-list li {
	margin-left:0px;
	padding:10px 0px;
}
ul.fa-tick {
  list-style: none;
  padding: 0;
}
li.fa-tick {
  padding-left: 0em;
}
li.fa-tick:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
	color:#01b336;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}


/* --- NAVIGATION COMMON ELEMENTS --- */

ul.navbar-items li a {
	color:#93EA20;
	font-weight:bold;
	border-bottom:none;
	}
ul.navbar-items li a:hover {
	color:#fff;
	}

a.navbar-brand {
	border:hidden;
	}

.logo-row {
	background-color:#232323;
	padding:30px 0px;
	}
.navigation-row {
	background-color:#004550;
	padding: 30px 0 0 30px;
    height: 108px;
	}

/* --- DESKTOP NAV (DN) --- */

.desktop-navigation {
	display:none;
	z-index:2;
	position:relative;
	}

.desktop-navigation nav.navbar {
	padding-left:0em;
	padding-right:0em;
	padding-bottom:0px;
	}

.desktop-navigation nav.navbar a.navbar-brand {
	display:inline-block;
	position:relative;
	float:left;
	}

.desktop-navigation nav.navbar ul.navbar-items{
	display:inline-block;
	position:relative;
	float:left;
	}

.desktop-navigation nav.navbar ul.navbar-items li {
	display:inline-block;
	position:relative;
	float:left;
	margin-left:0;
	}

.desktop-navigation nav.navbar ul.navbar-items li a {
	font-size:16px;
    border-radius: 20px 20px 0 0;
    padding: 8px 20px;
    margin-right: 5px;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	}
.desktop-navigation nav.navbar ul.navbar-items li a:hover, .desktop-navigation nav.navbar ul.navbar-items li a:focus {
    color: #004550;
    background-color: #93EA20;
    border: none;
    padding: 8px 20px 35px 20px;
    text-decoration: none;
    }
.desktop-navigation ul.navbar-items li a.nav-link {
	padding-left:0;
	padding-right:0;
	margin-right:2em;
	}

.desktop-navigation ul.navbar-items li a.nav-link:after {
	height:3px;
	margin-top:0px;
	}

.desktop-navigation ul.navbar-items li a.nav-link:hover:after {
	width:30px;
	}

.desktop-navigation ul.navbar-items li a.nav-link.btn {
	padding:8px 30px;
	}

.desktop-navigation ul.navbar-items li a.nav-link.btn.btn-primary.btn-veeam:hover {
	background-color:#fff;
	border:2px solid #fff;
	color:#004550;
}

.btn-veeam {
	border-radius:20px !important;
	font-weight:bold;
	padding-left:40px;
	padding-right:40px;
	color:#fff;
	z-index:997;
	position:relative;
}

.btn-primary.btn-veeam {
	color:#fff;
	background-color:#00B336;
	border:2px solid #00B336;
}
#veeamon-forum .btn-primary.btn-veeam:hover, #veeamon-forum .btn-primary.btn-veeam:focus, #veeamon-forum .btn-primary.btn-news:hover, #veeamon-forum .btn-primary.btn-news:focus, #cloud-marketplace .btn-primary.btn-veeam:hover, #cloud-marketplace .btn-primary.btn-veeam:focus, #deal-rego-sales-incentives .btn-primary.btn-veeam:hover, #deal-rego-sales-incentives .btn-primary.btn-veeam:focus, .btn-primary.btn-news:hover, .btn-primary.btn-news:focus {
    background-color: #FFF;
    border: 2px solid #FFF;
    color: #004550;
    text-decoration:none;
	cursor:pointer;
}
.btn-primary.btn-veeam:hover, .btn-primary.btn-veeam:focus {
    background-color: #93EA20;
    border: 2px solid #93EA20;
    color: #004550;
    text-decoration:none;
	cursor:pointer;
}
header .btn-primary.btn-veeam {
	color:#004550;
	background-color:#93EA20;
	border:2px solid #93EA20;
}
header .btn-primary.btn-veeam:hover {
	background-color: #fff;
    border: 2px solid #fff;
    color: #004550;
	cursor:pointer;
}

.btn-secondary.btn-veeam {
	border:2px solid #00B336;
	color:#00B336;
	background-color: transparent;
	margin-bottom:30px;
}
.btn-secondary.btn-veeam:hover {
	border:2px solid #00DC42;
	color:#00DC42;
	background-color: transparent;
	text-decoration:none;
		cursor:pointer;
}

.desktop-navigation img.logo {
	width:320px;
	}

/* --- MOBILE NAV (MN) --- */

.mobile-navigation {
	position: fixed;
	display: block;
	width: 100%;
    background-image:url('../images/gradient-slice-bg.png');
    background-repeat:repeat-x;
    top:0;
    z-index:998;
    background-color:#232323;
	}

.mobile-navigation .logo {
	margin:20px 0px 20px 15px;
	z-index:11;
	display:inline-block;
	position:relative;
	}

/* MN - The Hamburger Icon, only appears on mobile view*/
#nav-icon {
	z-index:999;
	position: absolute;
	right:15px;
	top:28px;
	width: 30px;
	height: 25px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	}

#nav-icon span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #ffffff;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	}

#nav-icon span:nth-child(1) {
	top: 0px;
	}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
	top: 8px;
	}

#nav-icon span:nth-child(4) {
	top: 16px;
	}

#nav-icon.open span:nth-child(1) {
	top: 8px;
	width: 0%;
	left: 50%;
	}

#nav-icon.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	}

#nav-icon.open span:nth-child(3) {	 
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}

#nav-icon.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
	}

/* MN - The navigation itself*/
#navigation {
/*	background-image:url('../images/black-transparent-bg-80.png');
*/	display:none;
	position:fixed;
	width:100%;
	height:100%;
	z-index:10;
	transition: opacity 1s;
  	-webkit-transition: opacity 1s;
  	background-color:#232323;
  	top:0;
	}

#navigation.show-nav {
	display:block;
	}

.mobile-navigation img {
	width:260px;
}

.mobile-navigation nav.navbar {
	width:100%;
	height:100%;
	display:inline-block;
	padding:0;
	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	}

.mobile-navigation ul.navbar-items {
	width:100%;
	height:100%;
	display:inline-block;
	list-style:none;
	margin-left:0;
    padding: 0;
	}

.mobile-navigation ul.navbar-items li {
    margin-left: 0;
}

.mobile-navigation ul.navbar-items li a {
	text-align:center;
	font-size:16px;
	}

.mobile-navigation ul.navbar-items li a.nav-link {
	margin-bottom:0.5em
	}

/*--Tables--*/
table.table {
	margin:2em 0em 2em 0em;
	}

table.table tr th {
	font-weight:700;
	background-color:#eeeeee;
	}

table.table tr td {
	border-top:1px solid #ffffff;
	color:#000000;
	}

table.table tr th, table.table tr td {
	padding:1em;
	}
table.table tr.odd td {
	background-color:#fff;
}
table.table tr.even td {
	background-color:#f5f5f5;
	}


/*-- Promotion Panel --*/
.panel {
	background-color:#f6f6f6;
	border-radius:10px;
	padding:30px;
	margin-bottom:30px;
}

#why-ingram-micro .panel {
	min-height:190px;	
}

#resources-page .panel {
	min-height:320px;
}

.reverse h3,
.reverse h4,
.reverse p {
	color: #fff;
}
#veeamon-forum {
    color: #004550;
    min-height: auto;
	background: url("../images/veeamon-forum-bg.jpg") top center no-repeat;
	background-size: cover;
	margin-bottom: 30px;
	border-radius: 10px;
	padding-top:60px;
	padding-bottom:30px ;
}
#cloud-marketplace {
	background-color: #1A5CFF;
	min-height: auto;
	background-image: url(../images/cloud-world-bg.svg);
	background-size: cover;
	margin-bottom: 30px;
	border-radius: 10px;
	padding-top:60px;
	padding-bottom:60px ;
}
#cloud-marketplace p {
    font-size: 20px;
}
#cloud-marketplace h3,
#cloud-marketplace p, #veeamon-forum h3,
#veeamon-forum p {
	text-align: center;
}

#resources-page .panel.reverse#partner-program {
	background: rgb(0,179,54);
	background: linear-gradient(120deg, rgba(0,179,54,1) 0%, rgba(0,69,80,1) 100%);
	padding-top: 60px;
	padding-bottom: 60px;
}
#resources-page .panel.reverse#partner-program h3,
#resources-page .panel.reverse#partner-program p.intro {
	text-align: center;
}

.panel-program {
	position: relative;
	margin-bottom: 30px;
}

.panel-program .btn.btn-secondary.btn-veeam {
	margin-bottom: 0px;
}

.panel-program .head,
.panel-program .content {
	position: relative;
	padding: 30px;
}
.panel-program .head h4,
.panel-program .head p {
	margin: 0;
	width: 100%;
}
.panel-program .head h4 {
	font-family: 'Montserrat', 'helvetica neue', helvetica, arial, sans-serif;
	font-weight: 200;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #d49800;
	text-align: center;
}

.panel-program .head {
background: rgb(0,0,0);
background: linear-gradient(135deg, rgba(0,0,0,1) 0%, rgba(83,83,83,1) 100%);
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.panel-program .content {
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #fff;
}
.panel-program .content h4,
.panel-program .content p {
	color: #000;
	text-align: center;
}

img.program-icon {
	margin-bottom: 20px;
	padding: 20px;
	background-color: #00B336;
	border-radius:5px;
	width: 80px;
}

.flex-container {
    display: flex !important;
    align-items: center;
}




ul.panel-list {
	margin-top:30px;
}

ul.panel-list li {
	list-style-type: none;
	display:inline-block;
	float:left;
	position:relative;
	width:100%;
	margin-left:0px;
}
#current-promotions ul.panel-list li a.panel {
	border:3px solid #f5f5f5;
	display:inline-block;
	float:left;
	position:relative;
	width:100%;
	margin-bottom:30px;
	text-decoration:none;	
	min-height:180px;
}

#current-promotions ul.panel-list li a.panel:hover {
	border:3px solid #93EA20;
	cursor:pointer;
}
.visa-card-img {margin-bottom:30px;}

.white {
	background-color:#ffffff;
}
/*
.calendar,
.details, 
.month,
.day {
	display:inline;
	float:left;
	position:relative;
}
*/
.calendar {
	width:110px;
	text-align:center;
	margin-right:30px;
}

.month {
	border-top-left-radius:5px;
	border-top-right-radius:5px;	
	background-color:#00B336;
	color:#fff;
	font-weight:bold;
	display:block;
	width:100%;
	padding:10px;
	text-transform:uppercase;
}
.day {
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;		
	width:100%;
	background-color:#ffffff;
	padding:10px 10px 15px 10px;
	font-size:46px;
	line-height:46px;
    font-weight: 600;
	color:#000;
}
.details {
	width: 100%;
}
.details h5,
.details p {
	text-align: center;
}
.details h5 {
	margin-top: 30px;
}
a.event {
    border: 3px solid #f6f6f6;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    text-decoration: none;
    min-height: 180px;
    background-color: #f6f6f6;
    padding: 30px;
    border-radius: 8px;
}
a.event:hover {
    border: 3px solid #93EA20;
    cursor: pointer;
}
.event .details {
    width: auto;
}
.event .details h5, .event .details p {
    text-align: left;
}
.event .details h5 {
    margin-top: 0;
}

ul.panelled-list {
	list-style:none;
    padding: 0;
}
ul.panelled-list li {
	margin-left:0;
	margin-bottom:30px;

}
ul.panelled-list li a {
	padding:30px;
	display:inline-block;
	position:relative;
	float:left;
		border:3px solid #f5f5f5;
	background-color:#f5f5f5;
	width:100%;
	border-radius:10px;
	}
ul.panelled-list li a:hover {
	border:3px solid #93EA20;
	cursor:pointer;	
}	

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal-dialog {
	max-width: 720px
}
.modal-body {
	padding:0;
}
.modal-header {
	padding-right:0px;
	border-bottom:none;
}
.modal-content {
	background-color:transparent;
	border:none;
}
/*--Sections--*/

header {
    width: 100%;
    display:inline;
    position:relative;
    background-color:#232323;
	}

.section {
	display:inline-block;
	position:relative;
	float:left;
	width:100%;
	padding:0px 0px 50px 0px;
	min-height:290px;
	}

.section.inverted h1,
.section.inverted h2,
.section.inverted h3,
.section.inverted h4,
.section.inverted h5,
.section.inverted p,
.section.inverted ul li {
	color:#fff;
}
.section.first-child {
	padding-top:77px;
}
.section.first-child h2{
	margin-top:0px;
}
#section-1 {
	background-color:#004550;
}
#section-2 {
	background-color:#F6F6F6;
}


.hero {
    background-color: #004550;
	display:inline-block;
	position:relative;
	width:100%;

	}

.section.hero {
	padding-top:150px;
	padding-bottom:0px;
	overflow:hidden;
	border:0;
	}


.hero h1, 
.hero h2, 
.hero p, 
.form h3, 
.form p {
	color:#ffffff;
	}
.hero h1, 
.hero h2 {
	padding:60px 60px 60px 60px;
}
.hero h1 {
	margin-top:0;
	background: rgb(0,113,188);
	background: linear-gradient(90deg, rgba(0,113,188,1) 50%, rgba(0,179,54,1) 90%);	
	margin-bottom:0px;
	padding-left:1000px;
	margin-left:-1000px;
	padding-top:60px;
	padding-bottom:60px;
	border-radius:120px;	
} 
.hero h2 {
	background: rgb(0,113,188);
	background: linear-gradient(90deg, rgba(0,220,66,1) 0%, rgba(0,95,75,1) 60%);	
	margin-top:-30px;
	padding-right:1000px;
	margin-right:-1000px;
	border-radius:75px;
}
.dots-img {
	margin-top:30px;
}
#deal-rego-sales-incentives{
	background-color:#000;
	padding-top: 50px;
}
#deal-rego-sales-incentives img{
	max-width: 420px;
}
#social-media{
	background-color:#232323;
}
#social-media h2 {
	margin-bottom:1.5em;
	color:#fff;
}

#leaderboard {
	background-color:#F6F6F6;
	padding-top: 40px;	
}

.leaderboard-wrapper {
	position:relative;
	display:inline;
	float:left;
	width:100%;
}
.leaderboard-wrapper a {
	font-size:1.5em;
	position:absolute;
	z-index:999;
	top:0;
	left:0;
	bottom:0;
	right:0;
	text-align:center;
	padding-top:175px;
}

.leaderboard-wrapper a:hover {
	border:3px solid #00B336;
	padding-top:172px;
	background-image:url('../images/white-transparent-bg-20.png');

}

.leaderboard-overlay {
	position:absolute;
	background-image:url('../images/white-transparent-bg-75.png');
	background-repeat:repeat;
	border:z-index:998;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
#become-a-partner {
	background-color:#004550;
}

.avatar-img {
	max-width:165px;
	margin-left:auto;
	margin-right:auto;
	display: block;
	margin-bottom: 20px;
}
/*Forms*/

form {
	padding:40px;
	background-color:#065F6D;
	border-radius:10px;
}
form.register-form {
	background-color:#f5f5f5;
}
form h2 {
	margin-top:0.5em;
}
form h3 {
	margin-bottom:1.5em;
}
label {
	color:#fff;
	clear:both;
	}

form.register-form label {
	color:#000;
}

input[type=text],
input[type=number],
input[type=email],
select {
	width:100%;
	padding:5px 10px;
	background-color:#fff;
	border-style: none;
	border:none;
	border-radius:0px;
	font-weight:500;
	margin-top:10px;
	margin-bottom:30px;
	border-radius:3px;
	}

input:hover,
input:focus{
	background-color: #fff
	}

input[type=checkbox],
.inline-box {
	display:inline;
	float:left;
	position:relative;
	}

.terms-group {
	margin-bottom:2em;
	}

.checker {
	margin-top:4px;
	margin-right:10px;
	}

.terms {
	width:90%;
	}

label.fine-print {
	font-weight:500;
	font-size:12px;
	line-height:16px;
	color:#907878;
	}

/*---Buttons---*/

.btn.btn-brand {
	border:1px solid #306EB5;
	background-color:#306EB5;
	font-weight:700;
	padding:15px 0;
	}
.btn.btn-brand:hover {
	border:1px solid #ffffff;
	background-color:#ffffff;	
	color:#0F7EFF;
}
.btn.btn-secondary.btn-block.btn-brand.on-white {
	background-color:#fff;
	border:3px solid #306EB5;
	color:#306EB5;
	margin-bottom:0;
}
.btn.btn-brand.on-white:hover {
	background-color:#000000;
	color:#ffffff;
}
.btn.btn-secondary.btn-block.btn-brand.on-white:hover {
	background-color:#306EB5;
	color:#ffffff;
}



/*Footer*/
.footer {
	background-color:#0072CE;
	display: flex;
	justify-content: center;
	align-items: center;
	}
.footer p {
	color:#fff;
	margin-bottom:0;
	text-align:center;
}
.section.footer {
	padding:3vh 0;
	min-height:auto;
	}
.footer img {
	margin-right:auto;
	margin-left:auto;
	margin-bottom:30px;
	display:block;
}


/*If device is greater than or equal to 768px, then do*/
@media only screen and (min-width: 768px) {	
	.mobile-navigation ul.navbar-items li a.nav-link {
		margin-bottom:1.5em
	}
	h1,h2,h3,h4,h5,h6,p {
		text-align:left;
	}
	h1.line-break:after {
		background-image:url('../images/graphic-line-break.png');
		width:500px;
		height:15px;
		margin-left:0px;
	}
	.avatar-img {
		/* max-width:100%; */
		margin-bottom: 20px;
	}
	.footer p {
		text-align:right;
	}
	.footer img {
		float:left;
		margin-bottom:0;
	}
	h2.subheader.ingram{
		min-height:250px;
		border-radius:125px;
	}
	h2.subheader.veeam{
		min-height:200px;
		border-radius:110px;
	}
	.mobile-navigation ul.navbar-items li a {
		text-align:center;
		font-size:24px;
		}

	.mobile-navigation ul.navbar-items li a.nav-link {
		margin-bottom:1em
		}
}


/*If device is greater than or equal to 992px, then do*/
@media only screen and (min-width: 992px) {
	.section.hero {
		padding-top:0px;
	}
	.section.first-child {
		margin-top:0;
	}
	p.intro span {
		padding-bottom:10px;
		}
	.desktop-navigation img.logo {
		}
	.mobile-navigation {
		display:none;
		}
	.desktop-navigation {
		display:block;
		}
	.arrow-holder p {
		text-align:left;
		}	
	body.child-page h1,
	body.child-page h2,
	body.child-page p.intro {
		text-align:left;
		}
	body.child-page h1 {
		}
	h1.line-break:after {
		background-image:url('../images/graphic-line-break.png');
		width:700px;
		height:20px;
	}		
	.section.first-child {
		padding-top:0px;
	}
	h2.subheader.ingram{
		min-height:220px;
		border-radius:110px;
	}
	h2.subheader.veeam{
		min-height:180px;
		border-radius:90px;
	}	
	img.program-icon {
		width: auto;
		padding: 10px;
	}
	.panel-program .content h4,
	.panel-program .content p {
		text-align: left;
	}
	.panel-program .content {
		min-height: 500px;
	}
}


/*--PHONES--*/
/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	
	h2.subheader.veeam,
	h2.subheader.ingram {
		min-height: 180px;
		border-radius: 0px;
		margin-left: 0px;
		margin-right: 0px;
		padding: 30px;
		width:100%;
	}
	.avatar-img {
		margin-bottom: 20px;
	}

}

/* Portrait */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
      
    .calendar {
        width: 90px;
    }
    h1 {
        font-size: 38px;
        margin: 40px 0px 20px 0px;
    }
    h1.line-break:after {
        margin-top: 25px;
    }
    #cloud-marketplace {
        padding: 50px 30px 30px;
    }
}

/* Landscape */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
 }

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) {

 
}

/* Portrait */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  
 
}

/* Landscape */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
 
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-width: 414px) 
  and (max-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) {
 
}

/* Portrait */
@media only screen 
  and (min-width: 414px) 
  and (max-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {
 
}

/* Landscape */
@media only screen 
  and (min-width: 414px) 
  and (max-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
 
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
}

/* Portrait */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
}

/* Landscape */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
}

/*--TABLETS--*/
/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
 
}

/* Portrait */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
 
}

/* Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
 
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-width: 834px) 
  and (max-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-width: 1112px) 
  and (max-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
 
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-width: 1024px) 
  and (max-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
 
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-width: 1366px) 
  and (max-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {


}

/*--DESKTOP--*/
@media only screen 
  and (min-width: 1200px) 
  and (-webkit-min-device-pixel-ratio: 1) {
 
}

/*If device is greater than or equal to 1200px, then do*/
@media only screen and (min-width: 1200px) {	
	.dots-img {
		margin-top:60px;
	}
	h1.line-break:after {
	}		
	img.program-icon {
		padding: 15px;
	}
    .panel-program .btn.btn-secondary.btn-veeam {
        position: absolute;
        bottom: 36px;
        left: 30px;
        right: 30px;
    }
}