@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,800');
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
/*.bg-helper:after{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	background-image: url(../images/mainpage.png);
	background-position: top center;
	background-repeat: no-repeat;
	min-height: 100%;
	width: 100%;
	opacity: 0.5;
	margin-left: -70px;
}*/

html, body{
  padding: 0;
  margin: 0;
}
html{
  height: 100%;
}
body{
  min-height: 100%;
}
body{
	font-family: 'Montserrat', sans-serif;
}
h1{
	font-family: 'Montserrat';
   font-weight: 800;
}
h2{
	font-family: 'Montserrat';
	font-weight: 800;
	font-size: 1em;   	
}
h3,h5{
	font-family: 'Montserrat';
	font-weight: 300;
}
h4{
	font-family: 'Montserrat';
	font-weight: 300;
	font-size: 1.4em; 
	line-height: 1.4em;
	color: #fff;  
}
p{
	font-family: 'Montserrat';
	font-weight: 300;
	color: #fff;
	padding-top: 10px;
	font-size: 1.2em;
}
.top-strip{
	background-color: #fff;
	height: 110px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}
.top-strip .global{
	max-width: 220px;
	display: block;
}
.top-strip .logo-wrapper-white{
	padding: 20px;
	background-color: #FFF;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	height: 110px;
	position: relative;
}
.top-strip .logo-wrapper-black{
	padding: 20px;
	height: 110px;
	position: relative;
}
.width-80{
	width: 80%;
	float: left;
}
.width-20{
	width: 20%;
	float: left;
}
.top-strip .global img{
	width: 100%;
}
.top-strip .u-logo img{
	width: 100%;
}
.align-right-text{
	right: 0;
	text-align: right;
}
.align-left-text{
	left: 0;
	text-align: left;
}
.logo-wrapper-black .vertical-align, .logo-wrapper-white .vertical-align{
	margin-left: 20px;
	margin-right: 20px;
}
.wrapper-bg{
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding-bottom:50px;
}
.wrapper-bg:after{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	content: "";
	z-index: 0;
}
.wrapper-bg .container{
	position: relative;
	z-index: 1;
}
.dvideo{
	height:auto;
	padding-top:30px;
	padding-bottom:0px;
	overflow:hidden;
	background-color: #404040;
}
.ufullscreen-bg video {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -50%); /* keep centered in parent */
	z-index: -100; /* keep video behind other content */
	width: 100%; /* always cover horizontal */
	height: 100%; /* always cover vertical */
  }
  
  .video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0;}
  .video img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; cursor: pointer; }
  .video:after { content: ""; position: absolute; display: block; 
	  top: 45%; left: 45%; width: 46px; height: 36px; z-index: 30; cursor: pointer; } 
  .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  
  /* image poster clicked, player class added using js */
  .video.player img { display: none; }
  .video.player:after { display: none; }

.grey{
	background-color: #404040;
	padding-top: 0px;
	padding-bottom:0px;
}
.grey-dark{
	background-color: #404040;
	padding-top: 40px;
	padding-bottom:0px;
}
.grey-dark-center{
	background-color: #404040;
	padding-top: 40px;
	padding-bottom:0px;
	text-align: center;
}
.grey-light{
	background-color: #4a4a4a;
	padding-bottom:0px;
	padding-top: 40px;
}
hr.orange-line{
	border: 0;
	border-bottom: 4px solid #bb005a;
	background-color: 404040;
	padding-top: 20px;
	margin-bottom: 0;
}
.link{
	color: #fff;
	text-decoration: underline;
}
.link:hover{
	color: #bb005a;
	text-decoration: underline;
}


}
.top-strip h6{
	font-size: 16px;
	line-height: 20px;
	color: #0076a3;
	font-weight: bold;
}
.top-strip h6 strong{
	font-size: 20px;
	line-height: 24px;
	display: block;
}
.header-content{
	padding: 70px 15px 70px 15px;
}
.header-download{
	padding: 70px 15px 70px 15px;
	text-align:center;
	font-size: 50px;
	color: #FFF;
	max-width: 900px;
	margin-top: 32px;
	line-height: 1;
}
.header-content h1{
	font-size: 70px;
	line-height: 1.05;
	color: #FFFFFF;
	max-width: 650px;
	margin-bottom: 153px;
}
.well{
	background-color: #bb005a;
	border-color: #bb005a;
	color: #FFF;
	padding: 30px 150px;
	position: relative;
}
.well label{
	font-size: 18px;
	font-weight: normal;
	max-width: 150px;
}
.form-inline .form-group{
	float: left;
	display: block;
	width: 50%;
	padding: 0 15px;
}
.fl-left{
	left: 15px;
}
.fl-right{
	right: 15px;
}

.bootstrap-select .caret{
	border: none;
}
.bootstrap-select .caret:before{
	font-family:FontAwesome;
	content:"\f078";
	font-size: 18px;
}
.bootstrap-select.btn-group .dropdown-toggle .caret{
	height: auto;
	width: auto;
	top: 10px;
	
}
.bootstrap-select.btn-group .btn-default, .form-control{
	height: 45px;
	border: 1px solid #0083ab;
	color: #0083ab;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Montserrat';
	padding: 10px;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover{
	color: #404040;
}
.btn{
	font-size: 18px;
	font-weight: 800;
	font-family: 'Montserrat';
	padding: 15px;
}
.btn-info{
	background: #0084ad; /* Old browsers */
	background: -moz-linear-gradient(top, #25aae1 0%, #0084ad 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #25aae1 0%,#0084ad 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #25aae1 0%,#0084ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25aae1', endColorstr='#0084ad',GradientType=0 ); /* IE6-9 */
	border:none;
	width: 100%;
}
.btn-info:hover{
	background: #25aae1; /* Old browsers */
	background: -moz-linear-gradient(top, #0084ad 0%, #25aae1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0084ad 0%,#25aae1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0084ad 0%,#25aae1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084ad', endColorstr='#25aae1',GradientType=0 ); /* IE6-9 */
}
.well .btn-info{
	max-width: 130px;
}
.img-container{
	border: 10px solid #FFFFFF;
	position: relative;
	margin-bottom: 20px;
}
.move-top-section{
	margin-top: -100px;
}
.img-container img{
	width: 100%;
}
.text-over-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.blue-gradient{
	background: #0085ae; /* Old browsers */
	background: -moz-linear-gradient(left, #0085ae 0%, #24a2d4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0085ae 0%,#24a2d4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0085ae 0%,#24a2d4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0085ae', endColorstr='#24a2d4',GradientType=1 ); /* IE6-9 */
}
.orange-bg{
	background: #bb005a;
}
.green{
	background-color: #00aab5;
}
footer{
	background-color: #292424;
}
.btn-sm{
	height: 30px;
	font-size: 17px;
	border-radius: 0;
	background-color: #bb005a;
	padding: 0 15px;
	line-height: 28px;
}
.btn-sm .fa{
	font-size: 14px;
}
.img-container h3{
	color: #FFF;
	margin: 0;
	margin-bottom: 30px;
}
.img-container h4{
	font-size: 34px;
	color: #FFF;
	margin: 0;
}
.img-container h5{
	font-size: 26px;
	color: #FFF;
	margin: 0;
}
.padding-30{
	padding: 30px;
}
main h2{
	font-size: 50px;
	color: #FFFFFF;
}
main h3{
	font-size: 30px;
	color: #FFFFFF;
}
main form fieldset{
	margin-bottom: 23px;
}
main form fieldset label{
	font-size: 18px;
	color: #FFF;
	font-family: 'Montserrat';
	font-weight:300;
}
main form fieldset .form-control, main form fieldset .bootstrap-select.btn-group .btn-default{
	font-weight: normal;
	color: #292424;
}
.btn-secondary{
	width: auto;
	background-color: #bb005a;
	border: 4px solid #bb005a;
	color: #FFF;
	margin-top: 20px;
}
.btn-secondary:hover{
	background-color: #bb005a;
	border: 4px solid #fff;
	color: #FFF;
}
.btn-long{
	width: 100%;
	background-color: #bb005a;
	border: 4px solid #bb005a;
	color: #FFF;
	margin-top: 20px;
	margin-bottom: 20px;
}
.btn-long:hover{
	background-color: #bb005a;
	border: 4px solid #fff;
	color: #fff;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open >f .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover,.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover{
	background-color: #FFFFFF !important;
	box-shadow: none;
}
.green{
	padding: 90px 0;
}
.green h2{
	margin-top: 0;
}
.green h3{
	margin-top: 35px;
}
main form{
	margin-top: 15px;
}
footer{
	color: #FFF;
	padding: 50px 0;
}
footer h5{
	font-size: 14px;
	text-transform:uppercase;
}
footer ul li{
	display: inline-block;
	margin-right: 15px;
}
footer ul li a{
	font-size: 14px;
	color: #FFF;
}
footer ul li a img{
	max-width: 15px;
	display: inline-block;
	vertical-align: middle;
}
footer p.copy{
	font-size: 12px;
	margin-top: 45px;
}
footer p a{
	color: #FFF;
}
footer a:hover{
	color: #FFF;
}
footer .footer-logos a{
	float: left;
	width: 50%;
	display: block;
	padding: 20px;
}
footer .footer-logos a img{
	width: 100%;
}
.matop-15{
	margin-top: 15px;
}
.bg-header{
	min-height: 100%;
}
.fullscreen{
	min-height: 100%;
	min-height: 100vh;
}
.evolve{
	font-size: 50px;
	color: #FFF;
	margin-top: 10px;
	line-height: 1;
	padding-bottom:50px;
	text-transform:uppercase;
}
.evolve-center{
	font-size: 50px;
	color: #FFF;
	margin-top: 10px;
	line-height: 1;
	padding-bottom:50px;
	text-transform:uppercase;
	text-align: center;
}
.evolve-center, h2{
	font-size: 40px;
	color: #FFF;
	margin-top: 10px;
	line-height: 1;
	padding-bottom:50px;
	text-transform:uppercase;
	text-align: center;
}
.evolve-line{
	border-bottom: 10px solid #bb005a;
}
.wrapper-bg h3{
	font-size: 26px;
	color: #FFF;
	line-height: 1.2;	
	font-weight: 300;
}
.full-screen-header h2{
	font-size: 40px;
	color: #FFF;
	margin-top: 32px;
	line-height: 1.25;
	font-weight:300;
}
.full-screen-header .btn-secondary{
	margin-top: 47px;
	background-color: #1a1a1a;
}
.full-screen-header .btn-secondary:hover{
	background-color: #494848;
}
.steps ul{
	margin: 0;
}
.steps ul li{
	display: inline-block;
	margin: 0 15px;
	position: relative;
	color: #666666;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.2;
}
.steps ul li span{
	border: 2px solid #666666;
	height: 60px;
	width: 60px;
	display: block;
	vertical-align: middle;
	text-align: center;
	border-radius: 100%;
	color: #666666;
	padding-top: 14px;
}
.steps ul li.active span{
	border-color:#00aab5;
	color: #00aab5;
}
.steps ul li.active.current span{
	border-color:#56c5ce;
	color: #56c5ce;
}
.steps ul li.active.current:after{
	color: #56c5ce;
}
.steps ul li:after{
	font-family:FontAwesome;
	content:"\f061";
	font-size: 18px;
	position: absolute;
	top: 19px;
	left: 68px;
}
.steps ul li.active:after{
	color: #00aab5;
}
.steps ul li:last-child:after{
	display: none;
}
.btn-lg{
	padding: 20px 50px;
	font-size: 24px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
}
.btn-lg .fa{
	color: #00aab5;
	margin-left: 10px;
}
h3.blue-over-img{
	color: #0083ab;
}
h3.orange-over-img{
	color: #bb005a;
}
.case-study{
	width: 290px;
	height: 408px;
	background-color: #fff;
	margin-top: 50px;
	margin-bottom: 35px;
	border:2px solid #fff;
}
.mrbot{
	margin-bottom: 35px;
}
.dual-button{
	margin-left:20px;
}
.modal-header{
	padding: 0;
	border: none;
	position: relative;
}
.modal-content{
	border-radius: 0;
}
.over-image{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 50px;
}
.modal-dialog{
	width: 100%;
	max-width: 1200px;
}
.modal-content h1{
	font-size: 70px;
	line-height: 1.05;
	color: #FFF;
	max-width:500px;
}
.modal-header .close{
	position: absolute;
	right: 0;
	top: 0;
	color: #FFF;
	background-color: #000;
	padding: 15px 25px;
	font-size: 55px;
}
.modal-header img{
	min-height: 150px;
}
.modal-body{
	padding: 50px;
}
.modal-body p{
	font-size: 20px;
	line-height: 1.7;
	margin-bottom: 30px;
}
h3.blue-over-img small{
	color: #0083ab;
	font-size: 18px;
	font-weight: bold;
}
.modal-body h3{
	font-size: 30px;
	margin: 30px 0;
}
.rooms{
	margin-top: 10px;
}
.rooms .room{
	border-top:2px solid #605d5d;
}
.rooms .room.last-room{
	border-bottom: 2px solid #605d5d;
}
.error {
	color:#cf80aa;
	font-size: 14px;
	line-height:16px;
	padding-top: 5px;
	padding-bottom:10px
}
input.ng-invalid.ng-dirty {
	background-color: rgb(250, 117, 117);
}

input.ng-valid.ng-dirty {
	background-color: #78FA89;
}
.book-space{
	padding-bottom:100px;
}

.book {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: relative;
  margin: 0 auto;
  border: 5px solid #ecf0f1;
  width: 200px;
  height: 120px;
}

.book__page {
  position: absolute;
  left: 50%;
  top: -5px;
  margin: 0 auto;
  border-top: 5px solid #ecf0f1;
  border-bottom: 5px solid #ecf0f1;
  border-right: 5px solid #ecf0f1;
  background: #3498db;
  width: 100px;
  height: 120px;
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-animation: flip 1.2s infinite linear;
          animation: flip 1.2s infinite linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.book__page:nth-child(1) {
  z-index: -1;
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.book__page:nth-child(2) {
  z-index: -2;
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}
.book__page:nth-child(3) {
  z-index: -3;
  -webkit-animation-delay: 4.2s;
          animation-delay: 4.2s;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(600px) rotateY(0deg);
            transform: perspective(600px) rotateY(0deg);
  }
  20% {
    background: #217dbb;
  }
  29.9% {
    background: #217dbb;
  }
  30% {
    -webkit-transform: perspective(200px) rotateY(-90deg);
            transform: perspective(200px) rotateY(-90deg);
    background: #3498db;
  }
  54.999% {
    opacity: 1;
  }
  55% {
    opacity: 0;
  }
  60% {
    -webkit-transform: perspective(200px) rotateY(-180deg);
            transform: perspective(200px) rotateY(-180deg);
    background: #3498db;
  }
  100% {
    -webkit-transform: perspective(200px) rotateY(-180deg);
            transform: perspective(200px) rotateY(-180deg);
    background: #3498db;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(600px) rotateY(0deg);
            transform: perspective(600px) rotateY(0deg);
  }
  20% {
    background: #217dbb;
  }
  29.9% {
    background: #217dbb;
  }
  30% {
    -webkit-transform: perspective(200px) rotateY(-90deg);
            transform: perspective(200px) rotateY(-90deg);
    background: #3498db;
  }
  54.999% {
    opacity: 1;
  }
  55% {
    opacity: 0;
  }
  60% {
    -webkit-transform: perspective(200px) rotateY(-180deg);
            transform: perspective(200px) rotateY(-180deg);
    background: #3498db;
  }
  100% {
    -webkit-transform: perspective(200px) rotateY(-180deg);
            transform: perspective(200px) rotateY(-180deg);
    background: #3498db;
  }
}


@media (max-width:1199.98px){
	.modal-content h1{
		font-size: 60px;
	}
	.dual-button{
	margin-left:0px;
	}
}
@media (max-width:991.98px){
	.bootstrap-select.btn-group .btn-default, .form-control{
		font-size: 13px;
	}
	.modal-content h1{
		font-size: 50px;
	}
	.over-image{
		padding: 25px 50px;
	}
	.video { margin-top: 20px;}
	
}
@media (max-width:869.98px){
	.modal-content h1{
		font-size: 45px;
	}
	.over-image{
		padding: 0px 50px;
	}
}
@media (max-width:767.98px){
	.top-strip .global{
		max-width: 100%;
		display: block;
	}
	.modal-body h3{
		font-size: 22px !important;
	}
	.modal-content p{
		font-size: 14px;
	}
	.modal-header .close{
		position: absolute;
		right: 0px;
		top: 0;
		color: #FFF;
		background-color: #000;
		padding: 5px 10px;
		font-size: 35px;
	}
	.modal-content h1{
		font-size: 35px;
		max-width: 90%;
	}
	.over-image{
		padding: 0px 50px;
	}
	.width-80, .width-20{
		width: 100%;
		float: none;
		height: auto;
		margin: 0 auto;
	}
	.black-strip-mobile{
		background-color: #292424;
		border-bottom-left-radius: 12px;
		border-bottom-right-radius: 12px;
		height: auto;
	}
	.logo-wrapper-white img, .logo-wrapper-black img{
		max-width: 150px;
		margin: 0 auto;
		display: block;
	}
	.vertical-align{
		position: relative !important;
		left: 0 !important;
		top: 0 !important;
		margin: 0 auto !important;
		text-align: center !important;
		margin-top: 15px !important;
	}
	.logo-wrapper-white, .logo-wrapper-black{
		height: auto !important;
	}
	.header-content{
		padding: 30px 15px 60px 15px;
	}
	.header-content h1{
		font-size: 35px;
		margin-bottom: 40px;
	}
	.well{
		padding: 15px;
	}
	.well label{
		max-width: 100%;
		margin-bottom: 15px !important;
	}
	.form-inline .form-group{
		width: 100%;
		float: none;
	}
	.move-top-section{
		margin-top: -55px;
	}
	.img-container h3{
		font-size: 23px;
	}
	.padding-30{
		padding: 15px;
	}
	.img-container h4{
		font-size: 21px;
		margin-bottom: 10px;
	}
	.img-container h5{
		font-size: 18px;
	}
	main h2{
		font-size: 30px;
	}
	.green{
		padding: 30px 0;
	}
	main h3{
		font-size: 23px;
	}
	footer ul li a{
		font-size: 12px;
	}
	footer ul li{
		margin-right: 13px;
	}
	footer p.copy{
		margin-top: 15px;
	}
	footer .footer-logos a{
		padding: 15px 60px;
	}
	footer{
		text-align: center;
	}
	.full-screen-header h2{
		font-size: 20px;
		margin-top: 0;
	}
	.full-screen-header h1{
		margin-bottom: 14px;
	}
	.btn-lg{
		padding: 8px 19px;
		font-size: 15px;
	}
	.full-screen-header .btn-secondary{
		margin-top: 15px;
	}
	.steps ul li{
		margin: 0 8px;
		font-size: 9px;
	}
	.steps ul li span{
		border-width: 1px;
		height: 35px;
		width: 35px;
		padding-top: 5px;
	}
	.steps ul li:after{
		font-size: 10px;
		left: 40px;
		top:12px;
	}
	.white-strip-mobile{
		height: auto;
		border-bottom-left-radius: 12px;
		border-bottom-right-radius: 12px;
		background-color: #FFFFFF;
	}
	.white-strip-mobile .logo-wrapper-black{
		background-color: #fff;
		border-bottom-left-radius: 12px;
		border-bottom-right-radius: 12px;
		text-align: center;
	}
}
@media (max-width:550px){
	footer .footer-logos a{
		padding: 15px 15px;
	}
	.modal-content h1{
		font-size: 25px;
	}
	.modal-body{
		padding: 15px;
	}
	.over-image{
		padding: 0px 15px;
	}
}