@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	font-family:myriad pro;}
	a{
		text-decoration:none;}
		ul{
			list-style:none;}
	.navigation{
		margin:30px 20px;}

.menu {
	height:13px;
	margin:0px 20px;}
	.menu img{
		max-width:100%;
		max-height:100%;}
		.left{
			display:flex;
			float:left;
			align-items:center;}
			.left select{
				margin:0px;
				outline:none;
				padding:13px 8px;
				background-color:rgba(235,235,235,0.6);
				font-size:11px;
				font-weight:700;
				border:none;}
				.right{
					float:right;
					padding:10px 20px;
					background-color:#f44c52;
					border-radius:10px;}
					.right a{
						color:#fcfcfc;
						font-weight:bold;
						font-size:12px;}
						.logo{
							display:flex;
							justify-content:center;}
							.logo img{
								height:40px;
								}
								.content-container{
									position:relative;
									display:flex;
									align-items:center;
									flex-direction:row-reverse;
									justify-content:flex-end;
									margin:0;}
									.img-container{
									
										width:1027;
										display:flex;
										align-items:center;}
										.img-container img{
											
											max-height:100%;
											max-width:100%;
											
											}
											.text-container{
												display:flex;
												margin-right:auto;
												flex-direction:column;
												flex-wrap:wrap;
												width:600px;}
												h1 {
													font-family: 'Encode Sans Condensed', sans-serif;
													font-size: 45px;
													font-weight: 700;
													color:#00327d;
												 }
												 h2 {
													font-family: 'Encode Sans Condensed', sans-serif;
													font-size: 30px;
													font-weight: 700;
													color:#00327d;
												 }
												 p {
													font-family: 'Encode Sans Condensed', sans-serif;
													font-size: 22px;
													font-weight: 400;
													color:#00327d;
												 }			 
		 
												 .center {
													position: absolute;
													top: 0;
													left: 0;
													right: 0;
													bottom: 0;
													background-color: #ffffff;
													width: 88%;
                                                    height: 100%;
                                                    margin: auto;
												  }
												  
													.center img{
														display:flex;
														margin:auto;}					
																		
															.modal{
																display:none;
																position:fixed;
																z-index:1;
																left:0;
																top:0;
																width:100%;
																height:100%;
																overflow:auto;
																background-color:#fff}			
																		
															.close{
																font-size:35px;
																font-weight:bold;}
						.close:hover,.close:focus{
							color:red;
							cursor:pointer;}	
							button{
								margin-top: 25px;
								background-color:#00327d;
								box-shadow:0px 2px 12px rgba(0,0,0,0.4);
								text-shadow:0px 2px 12px rgba(0,0,0,0.6);
								color:white;
								padding:14px 20px;
								border-radius:10px;
								border:none;
								cursor:pointer;
								width:200px;
								font-size:20px;
								position:absolute;
							
								}
								button:hover{
									opacity:0.8;}		
 
  .info-text{
	font-family: 'Encode Sans Condensed', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color:#c4c4c4 !important;
	text-align: center;
 }	
 
 
 @media only screen and (max-width: 767px) {
    div.rotation{
        width: 200% !important;
        transform: translateX(-25%);
    }
 }