@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,700,800);

html,
body{
	-webkit-tap-highlight-color: rgba(0,0,0,0);

	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	/* Other transform properties here */
}

body {
	margin: 0;  
  	font-family: 'Open Sans';
  	font-weight: 300
}

strong{
	font-weight: 700;
}

.clearfix{
	clear: both;
}

.wrapper{
	max-width: 1200px;
	margin: 0 auto;
	width: 	90%;
}

.align-center{
	text-align: center
}

.animate{
  -webkit-transition: all 0.2s linear 0.2s;
  -moz-transition: all 0.2s linear 0.2s;
  transition: all 0.2s linear 0.2s;
}

.hidden{
     opacity:0;
}

.visible{
     opacity:1;
}

.pull-left{
	float: left;
}

.pull-right{
	float: right;
}

h1{
	font-weight: normal
}

h3{
	font-size: 60px;
	font-weight: 300;
	color: #10324b;
	margin: 0 0 30px;
}

ul{
	margin: 0;
}

#fp-nav{
	position: absolute;
	top: 50%;
	left: 10px;
	text-align: left
}

#fp-nav ul{
	list-style: none;
	padding: 0;
}

#fp-nav ul li a{
	width: 10px;
	height: 25px;
	display: block;
	border-left: 2px solid #276690;
	-webkit-transition: all .1s linear .1s;
	-moz-transition: all .1s linear .1s;
	transition: all .1s linear .1s;
}

#fp-nav ul li a:hover,
#fp-nav ul li a.active{
	border-left: 5px solid #d5d5d5;
	margin: 2px 0;
}

header{
	position: fixed;
	z-index: 10;
	top: 0; 
	left: 0;
	display: block;
	width: 100%;
	padding-top: 20px;
	margin-bottom: 5%;
	height: 80px;
}

header .logo{
	margin-left: -10px;
	display: inline-block;
	position: relative;
	z-index: 10;
}

header .menu-toggle{
	float: right;
	display: inline-block;
	position: relative;
	z-index: 10;
}

nav{
	display: block;
	float: right;
}

nav ul{
	list-style: none;
	display: block;
}

nav li{
	display: inline-block;
}

nav li a{
	display: inline-block;	
	text-decoration: none;
	padding: 10px; 
	margin-right: 11px;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 15px;
}
nav li a:hover{
	text-decoration: underline;
}

nav.white-menu li a{
	color: #fff;
}

nav.blue-menu li a{
	color: #262e5e;
}

.mobile-menu{
	position: absolute; 
	z-index: 11; 
	top: 0; 
	left: 0; 
	width: 100%; 
	padding: 70px 0 20px;
	background: #2783c5 url(../images/logo-mobile-menu.png) no-repeat 20px 20px;
}

.mobile-menu .menu-close{
	float: right;
	display: inline-block;
	position: relative;
	z-index: 12;
	position: absolute;
	top: 20px;
	right: 30px;
	width: 30px;
	cursor: pointer;
}

.mobile-menu ul{
	padding: 0;
}

.mobile-menu li{
	width: 100%; 
	background: #2783c5
}

.mobile-menu li a{ 
	padding: 20px 25px;
	font-size: 22px;
	color: #fff!important;
	text-align: right;
	display: block;
	font-weight: 700;
}

.big-logo{
	margin: 5% 0 2%;
	display: inline-block;
}

.section{
	position: relative;	
}

.section .vertical-align{
	padding: 8% 0 0;
}

.homepage .section:nth-child(1){
	background: #74c0d7 url(../images/bg-image.jpg) no-repeat 50% 50%;
	background-size: cover;
	text-align: center;
}

.platform .section:nth-child(1),
.feature .section:nth-child(1){
	background: url(../images/platform-bg.jpg) no-repeat 50% 50%;
	background-size: cover;
	text-align: center;
}

.infrastructure .section:nth-child(1){
	background: url(../images/bg-giantwheel.jpg) no-repeat 50% 50%;
	background-size: cover;
	text-align: center;
}

.overview .section:nth-child(1){
	background: url(../images/bg-overview.jpg) no-repeat 50% 50%;
	background-size: cover;
	text-align: center;
}
.pricing .section:nth-child(1){
	background: url(../images/bg-pricing.jpg) no-repeat 50% 50%;
	background-size: cover;
	text-align: center;
}

.join-program .section:nth-child(1){
	background: url(../images/bg-partner.jpg) no-repeat 50% 50%;
	background-size: cover;
	text-align: center;
}

.contactus .section:nth-child(1){
	background: url(../images/bg-contacts.jpg) no-repeat 50% 50%;
	background-size: cover;
	text-align: center;
}

.contactus .resume{
	width: 440px;
}

.section:nth-child(1) h1{
	color: #fff;
  	margin: 0 0 20px;
}

.homepage .section:nth-child(3) h3{
	margin: 1% 0 2%;
}

.platform .section:nth-child(1) h1,
.feature .section:nth-child(1) h1,
.infrastructure .section:nth-child(1) h1,
.pricing .section:nth-child(1) h1,
.join-program .section:nth-child(1) h1,
.contactus .section:nth-child(1) h1,
.overview .section:nth-child(1) h1{
	color: #a6a6a6;
	font-size: 55px;
	text-transform: uppercase;
	margin: 0 auto 2%;
	line-height: 60px;
	display: block;
	text-align: center;
	font-weight: 800;
}

.contactus .section:nth-child(1) strong,
.platform .section:nth-child(1) strong,
.feature .section:nth-child(1) strong,
.infrastructure .section:nth-child(1) strong,
.pricing .section:nth-child(1) strong,
.overview .section:nth-child(1) strong{
	color: #2783c5;
	font-weight: 800
}

.platform .section:nth-child(1) p,
.feature .section:nth-child(1) p,
.infrastructure .section:nth-child(1) p,
.pricing .section:nth-child(1) p,
.contactus .section:nth-child(1) p,
.join-program .section:nth-child(1) p,
.overview .section:nth-child(1) p{
	color: #10324b;
	width: 595px;
	margin: 0 auto 3%;
}

.contactus .section:nth-child(1) p,
.join-program .section:nth-child(1) p{
	width: auto;
}

.platform .section:nth-child(1) .resume p,
.feature .section:nth-child(1) .resume p,
.infrastructure .section:nth-child(1) .resume p,
.pricing .section:nth-child(1) .resume p,
.contactus .section:nth-child(1) .resume p,
.join-program .section:nth-child(1) .resume p,
.overview .section:nth-child(1) .resume p{
	color: #10324b;
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: 400;
	width: 745px;
  	margin-bottom: 3%;
}

.contactus .section:nth-child(1) .resume p,
.join-program .section:nth-child(1) .resume p{
	width: auto;
}

.pricing .section:nth-child(2) h2{
	color: #10324b;
	font-size: 32px;
	line-height: 35px;
	display: block;
	text-align: center;
	margin-bottom: 60px;
	text-transform: none;
	font-weight: normal
}

.section:nth-child(1) a.slideDown{
	width: 60px; 
	height: 60px;
	position: absolute;
	border: 2px solid #fff;
	border-radius: 60px;
	bottom: 10%;
	left: 50%;
	margin: 0 0 0 -30px;
	text-indent: -9999px;
	color: #fff;
	display: block;
	background: url(../images/slide-down-arrow.png) no-repeat center center;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.section:nth-child(1) a.slideDown:hover{
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}

.section:nth-child(1) a.slideDown-text{
	width: 340px; 
	margin-left: -170px;
	padding: 5px 10px;
	position: absolute;
	bottom: 0;
	left: 50%;
	display: block;
	background: url(../images/trapezoid.png) no-repeat 0 0;
}

.section:nth-child(1) a.slideDown-text span{
	display: inline-block;
	font-size: 12px;
	color: #10324b;
	font-weight: 400;
	text-transform: uppercase;
	padding: 1px 25px 2px 0;
	background: url(../images/icon-arrow-down-sm.png) no-repeat right 0
}

.homepage .section:nth-child(2){
	background: #f4f4f4 url(../images/bg-grey.png) no-repeat 50% top;
}

.platform .section:nth-child(2),
.infrastructure .section:nth-child(2),
.pricing .section:nth-child(2),
.overview .section:nth-child(2),
.feature .section:nth-child(2){
	padding-bottom: 80px
}

.platform .section:nth-child(2) .fp-tableCell,
.infrastructure .section:nth-child(2) .fp-tableCell,
.pricing .section:nth-child(2) .fp-tableCell,
.overview .section:nth-child(2) .fp-tableCell{
	padding-top: 80px
}

.section:nth-child(2) h2{
	font-size: 3em;
	color: #a6a6a6;
	text-transform: uppercase;
	display: block;
	font-weight: 800;
	line-height: 46px;
	margin: 0;
}

.section:nth-child(2) h3{
	color: #2783c5;
	font-size: 3em;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 800;
	margin: 0;
	line-height: 46px;
	margin-bottom: 30px
}

.section:nth-child(2) .two-columns > div{
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

.section:nth-child(2) .resume{
	margin-bottom: 20px;
}

.section:nth-child(2) .resume p{
	font-size: 22px;
}

.section:nth-child(2) p{
	color: #10324b;
	font-size: 16px;
	width: 420px;
	margin: 0 0 20px;
	line-height: 25px;
	display: inline-block;
}	

.section:nth-child(2) p strong{
	color: #10324b;
	font-weight: 400;
	background: #dfdfdf 
}	

.section:nth-child(3){
	position: relative;
}

.columns .item strong{
	color: #4c98ce
}

.positioned{
  position: absolute;
  top: 0px;
  left: 40%;
  z-index: 100;
  margin-left: -468px;
}

.section:nth-child(4) header{
	position: relative;
	z-index: 100
}

.section:nth-child(4) footer{
	position: absolute;
	bottom: 0;
	z-index: 100;
	width: 100%;
}


.how-it-works-steps{
	margin: 0 0 40px;
}

.how-it-works-steps .item{
	width: 257px;
	border: 1px solid #dedede;
	display: inline-block;
	padding: 20px;
	margin: 0 15px;
	position: relative;
  	min-height: 340px;
	vertical-align: top
}

.how-it-works-steps .item.arrow-right:after{
	width: 0px;
	content: '';
	height: 0px;
	display: block;
	position: absolute;
	right: -18px;
	top: 50%;
	margin-top: -10px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #fff;
}

.how-it-works-steps .item.arrow-right:before{
	width: 0px;
	content: '';
	height: 0px;
	display: block;
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -10px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #dedede;
}

.how-it-works-steps .item img{
	margin-bottom: 15px;
	display: inline-block;
}

.how-it-works-steps .item .title{
	display: block;	
	color: #2783c5;
	font-weight: 300;
	font-size: 40px;
	margin-bottom: 20px; 
}

.how-it-works-steps .item .title small{
	font-size: 20px;
	padding: 14px 0 0 15px;
	float: left;
	display: inline-block;
}

.how-it-works-steps .item p{
	font-size: 16px;
	color: #10324b;
 	width: 205px;
 	margin: 0 auto;
}


.outer-flex {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: row;
}
.right-panel {
    width: 50%;
    background: url(../images/bg-people.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    position: relative;
}

.right-panel h2{
	color: #fff;
	margin: 0;
}

.right-panel span{
	color: #8f9aa8;
	font-size: 12px;
	text-transform: uppercase;
	margin: -10px 0 20px 0;
	font-weight: bold;
	display: block
}

.white-ghost-button{
	border: 2px solid #fff;
	border-radius: 2px;
	padding: 10px 20px;
	text-align: center;
	display: inline-block;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	width: 180px;
}
.white-ghost-button:hover{
	color: #000;
	background: #fff;
}

.blue-ghost-button{
	border: 2px solid #276690;
	border-radius: 2px;
	padding: 10px 20px;
	text-align: center;
	display: inline-block;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	color: #276690;
	text-decoration: none;
	cursor: pointer;
	min-width: 150px;
}
.blue-ghost-button:hover{
	color: #fff;
	background: #276690;
}


.flex {
    display: flex;
    flex:1;
    flex-direction: column;
    background-color: #f4f4f4;
    height: 100%;
}

.flex>div{
	position: relative;
}

.outer-flex .content{
  text-align: center;
  position: absolute;
  top: 50%;
  width: 100%;
  margin: -75px 0 10px 0;
}

.outer-flex .content h2{
  font-size: 30px;
  font-weight: 300;
  line-height: 32px;
  width: 100%;
  margin: 0 0 20px 0;
}

.panel{
	border: 1px solid #dedede;
	width: 880px;
	padding: 60px 40px;
	margin: 0 auto 25px;
}

.panel h2{
	color: #10324b;
	font-size: 32px;
	margin-bottom: 60px;
	display: block;
	text-align: center
}

.panel .left{
	width: 390px;
	display: inline-block;
	float: left;
	margin-right: 50px
}

.panel .right{
	width: 390px;
	display: inline-block;
	float: left;
}

.section:nth-child(2) .panel h2{
	color: #10324b;
	margin-bottom: 50px;
	text-transform: none;
	font-weight: 400
}

.panel .title{
	color: #2783c5;
	font-size: 12px;
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 700
}

table{
	width: 958px;
	border: 1px solid #dedede;
	border-radius: 5px;
	margin: 50px auto 80px;
    border-spacing: 0;
    border-collapse: collapse;
}

table thead th{
	font-size: 26px;
	color: #10324b;
	font-weight: 700;
	text-align: left; 
	padding: 40px 20px;
	font-weight: 400
}

table thead th:first-child,
table tbody td:first-child,
table.pricing thead th:last-child,
table.pricing tbody td:last-child{
	background: #f3fdff;
}

table thead th:first-child,
table tbody td:first-child,
table.pricing thead th:last-child,
table.pricing tbody td:last-child{
	background: none;
}

table.pricing tr.odd td{
	background: #f3fdff;
}

table.pricing thead th{
	color: #83ccdd;
}

table tbody td{
	border-top: 1px solid #f2f2f2;
	padding: 20px;
	width: 50%;
	font-size: 18px;
	color: #10324b;
}

table.pricing tbody td{
	width: 33%;
}

table tfoot table{
	width: auto;
	border: 0;
	margin: 0;
	padding: 10px;
}

table tfoot table td{
	font-size: 12px;
	background: none!important;
	vertical-align: top;
	width: 50%
}

table td span{
	background: #c1e5ee;
	padding: 5px 10px;
	border-radius: 5px;
	margin-left: -10px;
}

.horizontal-list{
	list-style: none;
	text-align: center
}

.horizontal-list li{
	display: inline-block;
	margin: 0 15px 4%;
}

.horizontal-list li a{
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #2783c5;
	display: inline-block;
}

.horizontal-list li a:hover{
	text-decoration: underline
}

.advantages{
	background: #2783c5;
	padding: 60px 0 100px;
}

.advantages .text span{
	font-size: 32px;
	line-height: 40px;
	color: #fff;
	margin-bottom: 60px;
	display: block;
}

.advantages .text span strong{
	font-weight: 400
}

.advantages .list span{
	background: #529cd1;
	color: #fff;
	display: inline-block;
	padding: 10px 25px;
	font-size: 14px;
	text-align: center;
	font-weight: 400;
	width: 310px;
	text-transform: uppercase;
	margin: 0 15px 15px 0;
	text-decoration: none
}

.contactus .left-column,
.join-program .left-column{
	width: 490px;
	float: left;
	margin-top: 70px;
	text-align: left 
}

.contactus .left-column{
	margin-top: 20px;
	width: 49%;
}

.contactus .left-column em{
	font-size: 20px;
	font-weight: 700;
	font-style: normal;
	color: #a6a6a6!important;
	text-transform: uppercase;
}

.contactus .left-column a{
	color: #2783c5;
	text-decoration: none;
}

.contactus .section:nth-child(1) .left-column h1,
.join-program .section:nth-child(1) .left-column h1{
	text-align: left
}

.contactus .right-column,
.join-program .right-column{
	width: 545px;
	float: right;
	text-align: left;
	margin-bottom: 40px;
}

.contactus .right-column{
	margin-top: 160px;
	width: 50%;
}

.join-program .blue-ghost-button{
	margin-bottom: 100px;
}

.form-group{
	width: 250px;
	display: inline-block;
	margin: 0 20px 12px 0;
	vertical-align: top
}

.form-group.big{
	width: 531px;
}

.form-group label{
	font-size: 14px;
	color: #10324b;
	display: block;
	margin-bottom: 3px;
	text-align: left;
}

.form-group input[type="text"]{
	border: 1px solid #e1e1e1;
	width: 95%;
	border-radius: 2px;
	padding: 5px;
	font-size: 14px;
	text-align: left; 
	font-style: 'Open Sans'
}

.form-group textarea{
	resize: none;
	border: 1px solid #e1e1e1;
	width: 97%;
	height: 80px;
	font-size: 14px;
	font-style: 'Open Sans'
}

.form-group select{
	border: 1px solid #e1e1e1;
	width: 95%;
	padding: 5px;
}

.form-group span.note{
	font-size: 12px;
	color: #a6a6a6;
	display: block;
	margin: 10px;
}

.form-group span.err{
	font-size: 12px;
	color: #ff0000;
	display: block;
	margin: 10px;
}

.form-group .chosen-container-single .chosen-single{
	border: 1px solid #e1e1e1;
	background: #fff;
	box-shadow: none;
	border-radius: 0;
	overflow: visible;
	height: 35px;
}

.form-group .chosen-container-single .chosen-single span{
	padding: 5px 0;
}

.form-group .chosen-container-single .chosen-single div{
	z-index: 1011
}

.form-group .chosen-container-single .chosen-single div b{
	background: #2783c5 url(../images/arrow-down.gif) no-repeat center center;
	width: 53px;
	height: 53px;
	border: 2px solid #fff;
	border-radius: 53px;
  	margin: -10px;
  	z-index: 9999
}


.section:nth-child(2) .box{
	border: 1px solid #dedede;
	padding: 40px 15px;
	text-align: center;
	margin: 0 0 100px;
}

.section:nth-child(2) .box p,
.section:nth-child(2) .columns p{
	color: #10324b;
	font-size: 16px;
  	width: 28%;
  	margin: 0 20px;
	line-height: 25px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.section:nth-child(2) .box p strong{
	font-size: 12px;
	color: #2783c5;
	text-transform: uppercase;
	display: block;
	background: none
}

em.number{
	border: 1px solid #98bbd4;
	padding: 0px 5px;
	border-radius: 10px;
	display: inline-block;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	float: left;
	margin: 2px 10px 0 0;
}

.overview .section.support-security h2,
.overview .section h2{
	font-size: 42px;
	color: #10324b;
	display: block;
	text-align: center;
	padding: 0 0 20px;
	font-weight: 300;
	text-transform: none
}

.overview p.center{
	display: block;
	text-align: center;
	margin-bottom: 40px;
	width: 100%
}

.overview .support-security{
	background: #f8f8f8;
}

.overview .physical-security{
	background: url(../images/bg-buildings.jpg) no-repeat center center;
	background-size: cover;
	padding: 0;
	text-align: center
}

.overview .physical-security p{
	width: 820px;
	line-height: 32px:;
  	margin: 0 auto;
}

.overview .section:nth-child(5) h2{
	padding-top: 5%;
}

.overview .physical-security .inner-wrapper{
	background: rgba(125, 146, 177, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%	
}

.overview .physical-security .inner-wrapper > p{
	margin-bottom: 40px
}

.overview .physical-security .sm-column{
	background: #e8ecf0;
	padding: 20px;
	border-radius: 5px;
	display: inline-block;
	margin: 0 10px 70px 0;
	width: 17%;
	min-height: 230px;
	vertical-align: top;
	text-align: left;
}

.overview .physical-security .sm-column .title{
	text-transform: uppercase;
	display: block;
	margin-bottom: 5px;
	font-size: 18px;
	color: #2783c5;
	font-weight: bold
}

.overview .physical-security .sm-column p{
	width: auto;
	color: #10324b;
	line-height: 22px;
	font-size: 14px;
}

.overview .columns{
	margin: 20px 0 40px
}

.section:nth-child(2) .columns p strong{
	font-size: 18px;
	font-weight: bold;
	color: #2783c5;
	margin-bottom: 5px;
	text-transform: uppercase;
	display: block;
	background: none
}

.overview .columns .item{
	min-height: 160px;
	padding: 20px 30px 0 30px;
	width: 41%;
	display: inline-block;
  	vertical-align: top;
}

.overview .columns .item strong{
	display: block;
	margin-bottom: 5px;
}

.section.support-security .columns p{
	width: 95%
}

.overview .columns .item:first-child{
	border-right: 1px solid #4c98ce
}

.overview .stars{
	background: url(../images/bg-stars.jpg) no-repeat center center;
	background-size: cover;
	padding: 40px 0 60px;
	text-align: center;
	height: 100%;
}

.overview .stars p{
	width: 865px;	
}

.overview .stars p{
	width: 80%;
	margin: 0 auto;
}

.overview .stars .wrapper{
	height: 100%;
}

.overview .stars .top,
.overview .stars .bottom{
	height: 50%;
}

.overview .stars .bottom p{
	color: #fff!important;
}

.overview .stars h2{
	color: #fff!important;
}

.feature .rich-text h2{
	font-size: 50px;
	color: #10324b;
	text-transform: none;
	margin-bottom: 60px;
	font-weight: 400
}

.feature .rich-text p{
	width: 520px;
}

.feature .rich-text img{
	width: 50%;

}

.feature .section:nth-child(3){
	background: #f1f1f1
}

.feature .section:nth-child(3) img{
	margin-top: -102px;
	display: block
}

.feature .section:nth-child(4){
	background: url(../images/bg-gradient.jpg) no-repeat center center;
	background-size: cover;
}

.feature .section:nth-child(5) h2{
	color: #2783c5;
}

.feature .section:nth-child(5) img{
	/*margin-top: -110px;*/
	display: block
}

.feature .section:nth-child(6){
	background: url(../images/bg-gradient.jpg) no-repeat center center;
	background-size: cover;
	color: #fff;
}

.feature .section:nth-child(6) h2{
	color: #fff;
	margin-bottom: 20px
}

.feature .section:nth-child(6) img{
	margin: 50px 40px 0 0;
}

.feature .section:nth-child(6) p{
	float: left;
}

.feature .section:nth-child(7){
	background: url(../images/bg-grey-gradient.jpg) no-repeat center center;
	background-size: cover;
	color: #fff;
}

.feature .section:nth-child(7) h2{
	color: #fff;
	margin-bottom: 20px
}

.feature .section:nth-child(7) img{
	margin: 50px 0 0 0;
	border-radius: 5px;
	width: 42%
}

.feature .section:nth-child(8) h2{
	margin: 10px 0 40px;
	line-height: 50px;
}

.feature .section:nth-child(8) img{
	width: 42%;
	margin: 40px 20px 0 0;
}

.feature .section:nth-child(8) p strong{
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #2783c5;
	margin-bottom: 5px;
}


.top-box {
    height: 50%;
    border-bottom: 1px solid #c8dcea;
}

.bottom-box {
    flex: 1;
}

.top-box h2,
.bottom-box h2{
	color: #10324b;
}

.mobile{
	display: none!important;
}

.desktop{
	display: inline-block;
}

footer{
	padding: 20px 0;
	background: #10324b;
	font-size: 12px;
}

footer a{
	color: #fff;
	text-decoration: none
}

footer a:hover{
	text-decoration: underline
}

footer img{
	float: left;
	margin: 0 20px 0 0!important;
	display: inline-block;
	max-width: 77px
}

footer span{
	float: left; 	
	display: inline-block;
	color: #fff;
}

footer span strong{
	font-weight: normal;
	color: #257bb9
}

footer nav{
	float: right;
}

footer nav ul{
	list-style: none;
	padding: 0;
	margin: 0
}

footer nav ul li{
	display: inline-block;
}

footer nav ul li a{
	text-transform: uppercase;
	font-size: 12px;
	padding: 0 10px;
	font-weight: 400;
	margin-left: 10px;
}

.overview footer{
	position: absolute;
	bottom: 0;
	width: 100%
}

.contactus footer,
.join-program footer{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9999
}

.fp-slide {
    float: left;
}

.fp-slide .main.intro:nth-child(1){
	float: none;
	width: 88%;
}	

.fp-slide .intro{
	width: 40%;
	float: left;
	margin: -20px 0 0;
	min-height: 380px;
	color: #fff;
}

.fp-slide .intro img{
	margin: 30px 20px 0 0;
	width: 45%;
}

.fp-slide p{
	width: auto!important;
}

.fp-slide.fp-table{
	
}

.fp-slide .intro.align-center p{
	text-align: center;  
	width: 800px;
  	margin: 0 auto
}

.fp-slide .intro img.negative-margin{
	margin-top: -55px;
}



.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}

.fp-slide:nth-child(1) h1{
	font-size: 50px
}

.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}

.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}

.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}

.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}

.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }

.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}

.fp-controlArrow{
	width: 60px; 
	height: 60px;
	position: absolute;
	border: 2px solid #fff;
	border-radius: 60px;
	text-indent: -9999px;
	color: #fff;
	z-index: 100;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.fp-controlArrow:hover{
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}

.fp-prev{
	top: 50%;
	left: 40px;
	margin-top: -30px;
	background-image: url(../images/slide-left-arrow.png);
}

.fp-next{
	top: 50%;
	right: 40px;
	margin-top: -30px;
	background-image: url(../images/slide-right-arrow.png);
}

@media only screen and (min-width : 1281px) {
	.section .vertical-align {
	  padding: 15% 0 0;
	}

	.pricing footer,
	.feature footer{
		position: absolute;
		bottom: 0;
		width: 100%
	}
}

@media only screen and (max-width : 1024px) {
	.contacus .left-column,
	.join-program .left-column{
		width: 35%;
	}

	.fp-slide img,
	.fp-slide .intro {
		margin-left: 2px;
	}

	.img-forms{
		margin-top: 0;
	}

	.feature footer{
		position: absolute;
		bottom: 0;
		width: 100%
	}

	.feature .section:nth-child(3) img{
		margin: 0;
	}

	.platform .section:nth-child(2),
	.infrastructure .section:nth-child(2),
	.overview .section:nth-child(2),
	.pricing .section:nth-child(2){
		padding-bottom: 155px 
	}

	.contactus .right-column,
	.join-program .right-column{
		width: 60%;
		margin: 70px 0 0 
	}

	h1{
		font-size: 40px!important;
		line-height: 43px!important
	}

	.desktop{
		display: none; 
	}

	.mobile{
		display: block!important;
	}

	table{
		width: 93%;
	}

	table th{
		font-size: 16px!important;
	}

	table td{
		font-size: 14px!important;
	}

	
	.vertical-align{
		padding: 15% 0 0 0!important;
		width: 85%;
		margin: 0 auto;
	}

	.section.physical-security .vertical-align.custom{
		padding: 10% 0 0 0!important;
		background: rgba(125, 146, 177, 0.3);
		width: 100%;
	}

	.vertical-align.custom h1{
		margin-bottom: 10px;
	}

	.vertical-align.custom p{
		margin-bottom: 20px;
	}

	p{
		width: 100%!important;
	}

	h2{
		font-size: 19px!important;
		line-height: 30px!important
	}


	.feature .rich-text img {
		width: 95%!important;
		margin-bottom: 30px;
		float: none;
	}

	.fp-slide .intro{
		padding-top: 20px;
  		min-height: 0; 
		width: 100%;
		margin-bottom: 30px;
  	}


	.fp-slide img{
		/*display: none*/
	}

	.contacus .left-column,
	.join-program .left-column{
		margin: 70px auto 60px;
		float: none;
		width: 545px
	}

	.contacus .right-column,
	.join-program .right-column{
		margin: 0 auto 40px;
		float: none;
	}

	.advantages .text span {
		font-size: 26px!important;
		line-height: 33px!important;
	}

	.advantages .list span{
		width: 95%!important;
	}

	.platform .panel{
		width: 90%
	}

	.platform .panel .left{
		width: 100%;
		margin-right: 0;
	}

	.platform .panel .right{
		width: 100%
	}		

	.overview .columns .item{
		width: 41%;
	}

	.overview .physical-security .sm-column{
		width: 80%;
		margin-bottom: 20px;
		min-height: 0
	}

	.positioned{
		display: none
	}

	.homepage .two-columns > div{
		width: 100%!important
	}

	.homepage .two-columns img{
		float: none;
	}

	.homepage .how-it-works-steps .item{
		width: 22%;
		min-height: 265px
	}

	.homepage .how-it-works-steps .item img{
		display: none;
	}

	.outer-flex {
	    position: static;
	    top: auto;
	    bottom: auto;
	    left: auto;
	    right: auto;
	    display: block;
	    flex-direction: row;
	}
	.right-panel {
	    width: 100%;
	    background: url(../images/bg-people.jpg) no-repeat center center;
	    background-size: cover;
	    color: #fff;
	    position: static;
		padding: 60px 0;
	}

	.flex {
	    display: block;
	    /*flex:1;
	    flex-direction: column;*/
	    background-color: #f4f4f4;
	    height: auto
	}

	.flex>div{
		position: static;
		padding: 80px 0;
	}

	.outer-flex .content{
	  text-align: center;
	  position: static;
	  top: auto;
	  width: 100%;
	  margin: 0;
	}


	.form-group{
		width: 100%; 
	}

	.join-program .left-column,
	.contactus .left-column,
	.join-program .right-column,
	.contactus .right-column{
		width: 90%;
		float: none;
	}
}



@media only screen and (max-width : 1009px) {
	footer{
		position: static!important;
		text-align: center
	}

	.feature footer{
		position: static;
		bottom: auto;
		width: auto
	}

	.platform .section:nth-child(2),
	.infrastructure .section:nth-child(2),
	.overview .section:nth-child(2),
	.pricing .section:nth-child(2){
		padding-bottom: 0 
	}

	.section:nth-child(1) h1{
	  font-size: 24px!important;	
	  line-height: 30px!important;
	}

	.feature .section:nth-child(1) h1,
	.pricing .section:nth-child(1) h1,
	.overview .section:nth-child(1) h1,
	.infrastructure .section:nth-child(1) h1,
	.platform .section:nth-child(1) h1{
	  font-size: 35px!important;	
	  line-height: 38px!important;
	}

	.feature .section:nth-child(1) h1 br,
	.overview .section:nth-child(1) h1 br{  
		display: none
	}

	.section .vertical-align{
		padding: 9% 0 0 0!important
	}

	.outer-flex {
	    position: static;
	    top: auto;
	    bottom: auto;
	    left: auto;
	    right: auto;
	    display: block;
	    flex-direction: row;
	}
	.right-panel {
	    width: 100%;
	    background: url(../images/bg-people.jpg) no-repeat center center;
	    background-size: cover;
	    color: #fff;
	    position: static;
		padding: 60px 0;
	}

	.flex {
	    display: block;
	    /*flex:1;
	    flex-direction: column;*/
	    background-color: #f4f4f4;
	    height: auto
	}

	.flex>div{
		position: static;
		padding: 80px 0;
	}

	.outer-flex .content{
	  text-align: center;
	  position: static;
	  top: auto;
	  width: 100%;
	  margin: 0;
	}

	.homepage h1{
		font-size: 30px!important;
		margin-top: 20px;
	}

	.homepage .section:nth-child(2) .two-columns > div{
		width: 100%;
		clear: both;
	}

	.homepage .section:nth-child(2) .two-columns div img,
	.homepage .how-it-works-steps img,
	.positioned{
		display: none
	}

	.how-it-works-steps .item .title small{
		float: none;
	}

	.homepage .how-it-works-steps .item{
		position: static;
		width: 80%;
		border: 0;
		margin: 0 auto;
	}

	.panel{
		width: 80%;
		text-align: center
	}

	.panel > div{
		width: 100%;
		clear: both;
	}

	.fp-next{
		right: 15px;
	}

	.fp-prev{
		left: 15px;
	}

	.horizontal-list{
		padding: 0 0 20px 0;
	}

	.overview h2{
		padding-top: 40px!important
	}

	.overview .box p{
		margin-bottom: 30px!important;
		width: 95%!important;
	}

	.overview .physical-security .sm-column{
		width: 80%;
		min-height: 0;
		margin-bottom: 20px
	}

	.overview .columns .item{
		border: 0!important;
		width: 85%;
		margin: 0 auto 30px;
		min-height: 0;
	}

	.feature .rich-text h2{
		margin-bottom: 20px;
	}

	.platform .panel h2{
		margin-bottom: 30px!important	
	}

	.platform .panel .title{
		margin-bottom: 0!important;
	}

	.panel .left{
		width: 100%;
		margin-right: 0
	}

	.panel .right{
		width: 100%;
	}

	.form-group.big{
		width: 100%;
	}
	
	.form-group textarea{
		width: 96%;
	}

	.feature .section footer img, 
	footer img{
		float: none;
		display: inline-block!important
	}

	footer span{
		float: none;
		clear: both;
		display: block
	}

	footer nav{
		float: none;
		clear: both;
		padding-top: 20px
	}

	footer nav ul li{
		display: block;
		text-align: center;
		padding-bottom: 5px
	}

	.form-group{
		width: 100%;
	}

	h1{
	  font-size: 40px!important;
	  line-height: 42px!important;
	}

	.contactus .left-column,
	.join-program .left-column,
	.contactus .right-column,
	.join-program .right-column{
		width: 90%;
		float: none;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 800px) {
	.section .vertical-align{
		padding: 30% 0 0 0!important
	}

	.feature .section .vertical-align{
		padding: 20% 0 0 0!important	
	}

	.section.support-security .vertical-align{
		padding: 15% 0 0 0!important	
	}
 
	.contactus .section .vertical-align,
	.join-program .section .vertical-align{
		padding: 15% 0 0 0!important
	}

	.overview .section:nth-child(2) .vertical-align {
		padding: 0!important;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 420px) {
    .fp-slide h1 {
	  font-size: 25px!important;
	  line-height: 42px!important;
	}

	.feature .section img{ 
		display: none!important;
	}

    .feature .section:nth-child(1) .resume p,
    .pricing .section:nth-child(1) .resume p,
    .overview .section:nth-child(1) .resume p,
    .platform .section:nth-child(1) .resume p,
    .infrastructure .section:nth-child(1) .resume p,
    .homepage .section:nth-child(1) .resume p,
    .join-program .section:nth-child(1) .resume p,
    .feature .section:nth-child(1) .resume p,
    .contactus .section:nth-child(1) .resume p{
    	font-size: 14px!important;
    	line-height: 15px
    }

    .feature .section:nth-child(1) h1, 
    .pricing .section:nth-child(1) h1, 
    .overview .section:nth-child(1) h1,
    .join-program .section:nth-child(1) h1, 
    .infrastructure .section:nth-child(1) h1,
    .contactus .section:nth-child(1) h1, 
    .platform .section:nth-child(1) h1 {
	  font-size: 26px!important;
	  line-height: 30px!important;
	}

	.section:nth-child(1) h1 {
	  font-size: 23px!important;
	  line-height: 30px!important;
	}
	
    .homepage .section:nth-child(2) .resume p{
	  font-size: 17px!important;
	  line-height: 21px;
	}

    .section .vertical-align p{
    	font-size: 12px;
    	line-height: 15px
    }

    .section:nth-child(1) a.slideDown{
    	width: 45px;
    	height: 45px;
  		margin-left: -22px;
  		bottom: 10px
    }

    .homepage .section:nth-child(2) h3{
  		font-size: 30px;
  		line-height: 28px;
    }

    .homepage .section:nth-child(3) h3{
    	font-size: 40px;
    }

    .how-it-works-steps .item .title{
    	font-size: 35px;
    	margin-bottom: 10px;
    }

    .homepage .how-it-works-steps .item{
    	min-height: 0
    }

    .platform .panel {
	  width: 70%;
	}

	.advantages .list span {
	  width: 82%!important;
	}

	.platform .section:nth-child(2),
	.infrastructure .section:nth-child(2),
	.overview .section:nth-child(2),
	.pricing .section:nth-child(2){
		padding-bottom: 80px 
	}

	table th {
	  font-size: 13px!important;
	}

	table td span {
  		background: none;
  		padding: 0;
  		margin-left: 0;
	}

    .fp-next,
    .fp-prev{
    	width: 35px;
  		height: 35px;
    }
}