@charset "UTF-8";

@font-face {
  font-family: 'KeepCalm-Medium';
  src: url('../fonts/KeepCalm-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/KeepCalm-Medium.woff') format('woff'), url('../fonts/KeepCalm-Medium.ttf')  format('truetype'), url('../fonts/KeepCalm-Medium.svg#KeepCalm-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'pt_sansregular';
    src: url('../fonts/pts55f-webfont.eot');
    src: url('../fonts/pts55f-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pts55f-webfont.woff2') format('woff2'),
         url('../fonts/pts55f-webfont.woff') format('woff'),
         url('../fonts/pts55f-webfont.ttf') format('truetype'),
         url('../fonts/pts55f-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pt_sansbold';
    src: url('../fonts/pts75f-webfont.eot');
    src: url('../fonts/pts75f-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pts75f-webfont.woff2') format('woff2'),
         url('../fonts/pts75f-webfont.woff') format('woff'),
         url('../fonts/pts75f-webfont.ttf') format('truetype'),
         url('../fonts/pts75f-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { font-family:'pt_sansregular',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.navigation .dropdown-menu a, .box_imp02_nav a, .footer h2 { font-family:'pt_sansbold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.title_box, .nav_in > li > a, .box_imp01 h3, .box_imp02 h2, .box_imp02_price { font-family:'KeepCalm-Medium',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

html {
	font-size:100%;
}
body {
	position:relative;
	font-size:95%;
	color:#4D4D4D;
	line-height:1.7em;
	-webkit-font-smoothing:antialiased;
	background-color:#FFF;
}
body:before {
	position:fixed;
	top:0;
	left:0;
	content:"";
	width:14px;
	height:100%;
	background-color:#30309A;
	z-index:1000;
}
body:after {
	position:fixed;
	top:0;
	right:0;
	content:"";
	width:14px;
	height:100%;
	background-color:#30309A;
	z-index:1000;
}
h1, h2, h3, h4 {
	line-height:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}
a:link, a:visited {
	color:#4D4D4D;
}
a:hover {
	color:#6767C9;
	text-decoration:none;
}

.footer a.hi {
	color:#6767C9;
}

a.nav_next {
	position:relative;
	display:inline-block;
	padding-top:15px;
	color:#FFF;
}
a.nav_next:before {
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:4px;
	background:#FFF;
}
a.nav_next:hover:before {
	width:130%;
}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

/* Base-styles ............................. */

.content {
	position:relative;
	overflow:hidden;
}
@media (min-width: 1400px) {
  .container {
    width:1370px;
  }
}

.box_margin {
	margin-bottom:30px;
}
.box_margin2 {
	margin-bottom:15px;
}
.box_margin3 {
	margin-bottom:60px;
}
.box_margin_top02 { 
	margin-top:-100px;
}

.title_box {
	position:relative;
	color:#000066;
}
.title_box_wht {
	color:#FFF;
}
.title_box > * {
	position:relative;
	line-height:1.2em;
}
.title_box h2 {
	font-size:235%;
}
.title_box small {
	font-size:100%;
	color:inherit;
}

/* Header ............................................................... */

.header {
	position:relative;
	background-color:#000066;
	width:100%;
}
.header a img {
	position:relative;
	left:30px;
	display:inline-block;
	max-width:320px;
	padding-top:15px;
	padding-bottom:15px;
	z-index:200;
}

/* Main-Navigation ............................................................... */

.navigation {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:50px 70px 15px 70px;
}
.navigation  .navbar-collapse {
	padding-left:0;
	padding-right:0;
}
.nav_in {
	position:relative;
	z-index:100;
}
.nav_in_left {
	text-align:left;
}
.nav_in_right {
	text-align:right;
}
.nav_in > li {
	display:inline-block;
}
.nav_in > li > a {
	position:relative;
	display:block;
	font-size:120%;
	color:#FFF;
	line-height:46px;
}
.nav_in_left > li > a {
	margin-right:35px;
}
.nav_in_left > li:last-child > a {
	margin-right:0 !important;
}
.nav_in_right > li > a {
	margin-left:35px;
}
.nav_in_right > li:first-child > a {
	margin-left:0 !important;
}
.nav_in > li > a:before {
	position:absolute;
	left:0;
	bottom:-2px;
	content:"";
	width:100%;
	height:2px;
	background:#FFF;
	opacity:0;
}
.nav_in > li > a:hover:before, .nav_in > li > a.hi:before {
	bottom:0;
	opacity:1;
}
.nav_in > li.dropdown > a:hover:before {
	opacity:0;
}

.navigation .dropdown-menu {
	text-align:left !important;
	background-color:#B8B8B8;
	margin-top:0;
	padding:0 !important;
	border:0 solid #FFF;
	border-radius:0;
}
.navigation .dropdown-menu:before {
	position:absolute;
	top:-9px;
	left:10px;
	content:"";
	width:0;
	height:0;
	display:block;
	border-style:solid;
	border-width:0 10px 10px 9px;
	border-color:transparent transparent #B8B8B8 transparent;
}
.navigation .dropdown-menu li {
	width:100%;
}
.navigation .dropdown-menu a {
	position:relative;
	font-size:100%;
	color:#000;
	text-transform:none !important;
	height:auto;
	margin:0 !important;
	padding:10px 15px !important;
	border-bottom:0 solid transparent !important;
}
.navigation .dropdown-menu a:hover,
.navigation .dropdown-menu a:focus,
.navigation .dropdown-menu a.hi {
	color:#000 !important;
	background-color:#FFF !important;
	border-bottom:0 solid transparent !important;
}

/* Top-Box ............................................................... */

.top_box {
	position:relative;
	color:#FFF;
	background-color:#000066;
	padding-top:40px;
	padding-bottom:170px;
}

/* Container_x1 ............................................................... */

.container_x1 {
	position:relative;
	margin-top:-115px;
	z-index:100;
}

.box_imp01 article {
	margin-bottom:45px;
}
.box_imp01 a {
	display:block;
	color:#4D4D4D;
	overflow: none;
}

.box_imp01 a > div > img {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.box_imp01 a:hover > div > img {
	margin-top: -10px;
}

.box_imp01 a .box_imp01_image {
	position:relative;
	padding-top:20px;
}
.box_imp01 a .box_imp01_image:before {
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:10px;
	background-color:#B8B8B8;
}
.box_imp01 a:hover .box_imp01_image:before {
	background-color:#6767C9;	
}
.box_imp01 h3 {
	font-size:130%;
	color:#000;
	line-height:1.3em;
	margin-top:30px;
	margin-bottom:15px;
}

.box_imp02 {
	padding:0 15px;
	background-size: cover;
}
.box_imp02_in {
	color:#FFF;
	background:rgba(0,0,102,0.75);
	padding:30px 50px;
}
.box_imp02 h2 {
	font-size:250%;
	line-height:1.4em;
}
.box_imp02 h2 small {
	display:block;
	font-size:100%;
	color:inherit;
	text-transform:uppercase;
	line-height:1.4em;
}
.box_imp02_price {
	float:left;
	font-size:470%;
	line-height:1.4em;
}
.box_imp02_nav a {
	float:right;
	display:inline-block;
	font-size:115%;
	color:#000066;
	letter-spacing:2px;
	padding:15px 30px;
 background-color:#FFF;
	margin-top:10px;
	border:3px solid #FFF;
}
.box_imp02_nav a:hover {
	color:#FFF;
	background-color:transparent;
}

/* Container_x3 ............................................................... */

.container_x3 {
	position:relative;
	color:#FFF;
	background:#000066 url("../images/bg_container_x3.jpg") center 50% no-repeat;
	background-size:cover;
	margin-top:205px;
}
.container_x3_in {
	padding-top:60px;
	padding-bottom:60px;
}

/* Footer ............................................................... */

.footer {
	position:relative;
	font-size:90%;
	padding-top:45px;
	padding-bottom:30px;
}
.footer h2 {
	font-size:110%;
	color:#000;
	text-transform:uppercase;
	margin-bottom:15px;
}
.footer > .row > div {
	border-right:1px solid #E6E6E6;
}
.footer > .row > div:last-child {
	border-right:0 solid #FFF;
}
.footer_nav {
	margin-top:15px;
}
.footer_nav li {
	display:inline-block;
}

/* Effects ............................. */

a, a.nav_next:before, .nav_in > li > a:before, .box_imp01 a .box_imp01_image:before {
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	transition:all 300ms linear;
}
::i-block-chrome, div {
	-webkit-transition:initial;
}

/* RESPONSIVE STRUCTURE
--------------------------------------- */

@media screen and (max-width: 1600px) {
	body:before, body:after {	width:10px; }
	.header a img { left:30px;	max-width:270px; padding-top:15px; padding-bottom:15px; }
	.navigation {	padding:45px 50px 15px 50px; }
	.nav_in > li > a {	font-size:110%;	line-height:40px; }

}

@media screen and (max-width: 1366px) {
	body:before, body:after {	width:8px; }
	.box_margin { margin-bottom:15px; }
	.box_margin3 { margin-bottom:30px; }
	.box_margin_top02 { margin-top:-60px; }
	.title_box h2 { font-size:185%; }
	.header a img { left:15px;	max-width:220px; padding-top:15px; padding-bottom:15px; }
	.navigation {	padding:35px 30px 15px 30px; }
	.nav_in > li > a {	font-size:105%;	line-height:36px; }
	.nav_in_left > li > a { margin-right:20px; }
	.nav_in_right > li > a { margin-left:20px; }
	.top_box {	padding-top:30px; padding-bottom:100px; }
	.container_x1 {	margin-top:-70px; }
	.box_imp01 article { margin-bottom:30px; }
	.box_imp01 a .box_imp01_image {	padding-top:14px; }
	.box_imp01 a .box_imp01_image:before { height:7px; }
	.box_imp01 h3 { font-size:105%;	margin-top:15px; }
	.box_imp02_in {	padding:30px 40px; 	}
	.box_imp02 h2 { font-size:200%; }
	.box_imp02_price {	font-size:370%; }
	.box_imp02_nav a {	font-size:110%; letter-spacing:1px; padding:10px 20px; }
	.container_x3 {	margin-top:120px; }
	.container_x3_in { padding-top:30px; padding-bottom:30px; }

}
  
@media screen and (max-width: 1200px) {
	body:before, body:after {	width:6px; }
	a.nav_next {	padding-top:10px; }
	a.nav_next:before {	height:2px; }
	.box_margin_top02 { margin-top:-15px; }
	.title_box h2 { font-size:150%; }
	.header a img { left:15px;	max-width:160px; padding-top:10px; padding-bottom:10px; }
	.navigation {	padding:25px 15px 15px 15px; }
	.nav_in > li > a {	font-size:95%;	line-height:32px; }
	.nav_in_left > li > a { margin-right:12px; }
	.nav_in_right > li > a { margin-left:12px; }
	.navigation .dropdown-menu a {	padding:6px 15px !important; }
	.top_box {	padding-top:15px; padding-bottom:60px; }
	.container_x1 {	margin-top:-40px; }
	.box_imp01 article { margin-bottom:15px; }
	.box_imp01 a .box_imp01_image {	padding-top:10px; }
	.box_imp01 a .box_imp01_image:before { height:5px; }
	.box_imp01 h3 { font-size:100%;	}
	.box_imp02_in {	padding:15px 30px; 	}
	.box_imp02 h2 { font-size:160%; }
	.box_imp02_price {	font-size:300%; }
	.box_imp02_nav a {	font-size:100%; letter-spacing:0; padding:6px 15px; }
	.container_x3 {	margin-top:60px; }
	.container_x3_in { padding-top:15px; padding-bottom:15px; }
	.footer {	font-size:80%; padding-top:30px; padding-bottom:15px; }
	
}

@media screen and (max-width: 991px) {
	.box_margin3 { margin-bottom:15px; }
	.box_margin_top02 { margin-top:15px; }
	.header { min-height:50px; }
	.header a img { position:absolute; top:5px; left:10px;	max-width:100px; padding-top:0; padding-bottom:0; s-webkit-transform:translateZ(0); }
	.navigation { padding:0 15px; z-index:100; background-color:#000066; }
	.nav_in_left, .nav_in_right {	text-align:center; }
	.nav_in_right { padding-bottom:10px; }
	.nav_in > li { width:100%; }
	.nav_in_left > li > a, .nav_in_right > li > a { font-size:100%; display:inline-block; margin-left:0; margin-right:0; }
	.nav_in > li.dropdown > a:hover:before { opacity:1; }
	.navigation .dropdown-menu { position:static; float:none; width:auto; text-align:center !important; line-height:11px; margin-top:10px; border:0; box-shadow:none; }
	.navigation .dropdown-menu:before { display:none; }
	.navigation .dropdown-menu li { margin-bottom:0; }
	.navigation .dropdown-menu a { display:block; white-space:normal; z-index:1000; }
	.navigation .navbar-header { float: none; }
	.navigation .navbar-toggle { position:relative; display: block; z-index:300; }
	.navigation .navbar-collapse { max-height:inherit; overflow:hidden !important; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0); }
	.navigation .navbar-collapse.collapse:not(.in) { display: none!important; }
	.navigation .navbar-default { background-color:transparent !important; }
	.navigation .navbar-default .navbar-toggle { border-color:#FFF; margin-right:0; }
	.navigation .navbar-default .navbar-toggle:hover,
	.navigation .navbar-default .navbar-toggle:focus { background-color:#FFF; }
	.navigation .navbar-default .navbar-toggle .icon-bar { background-color:#6767C9; }
	.navigation .navbar-default .navbar-collapse,
	.navigation .navbar-default .navbar-form { border-color:#FFF; }
	.top_box {	padding-top:15px; padding-bottom:15px; }
	.container_x1 {	margin-top:15px; z-index:0; }
	.box_imp02_price, .box_imp02_nav a { float:none; }
	.container_x3 {	margin-top:30px; }
	.footer > .row > div { border-right:0 solid #FFF; }
	.footer > .row > div:nth-child(1), .footer > .row > div:nth-child(2) { margin-bottom:15px; }
	.footer_nav { text-align:left; margin-top:15px; }
	
}

@media screen and (min-width: 991px) {
	.navigation .dropdown .dropdown-menu { display:block; visibility:hidden; opacity:0; -moz-transition:all 0.3s  ease; -o-transition:all 0.3s  ease; -ms-transition:all 0.3s  ease; transition:all 0.3s  ease; }
	.navigation .dropdown:hover .dropdown-menu { visibility:visible; opacity:1; }
	.navigation .dropdown { display:inline-block; }

}
 
@media screen and (max-width: 767px) {
	.box_margin_top02 { margin-top:0; margin-bottom:15px; }
	.navigation .navbar-default .navbar-toggle { margin-right:15px; }
	.box_imp02 { text-align:center; }
	.box_imp02_in {	padding:15px; 	}
	
}

@media screen and (max-width: 480px) {
	body:before, body:after {	display:none; }
 .box_imp { margin-left:-5px; margin-right:-5px; }
	.box_imp_in { padding-left:5px; padding-right:5px; }
	
}

@media screen and (max-width: 360px) {
	.box_imp { margin-left:-15px; margin-right:-15px; }
	.box_imp_in { width:100%; padding-left:15px; padding-right:15px; }
	.box_imp02 h2 { font-size:130%; }
	.box_imp02_price {	font-size:250%; }
	.footer, .footer_nav { text-align:center; }
	.footer_in { width:100%; }
	.footer > .row > div:nth-child(1) { margin-bottom:0; }
	
}