/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

   html,
   button,
   input,
   select,
   textarea {
	   color: #636363;
   }
   
   html {
	   font-family: 'Helvetica', arial, sans-serif;
	   font-size: 14px;
	   line-height: 1.4;
   }
   
   ::-moz-selection {
	   background: #b3d4fc;
	   text-shadow: none;
   }
   
   ::selection {
	   background: #b3d4fc;
	   text-shadow: none;
   }
   
   hr {
	   display: block;
	   height: 1px;
	   border: 0;
	   border-top: 1px solid #ccc;
	   margin: 1em 0;
	   padding: 0;
   }
   
   img {
	   vertical-align: middle;
	   max-width: 100%;
   }
   
   .l-left img:not([class]), .l-right img:not([class]), .l-content p > img:not([class]),
   .l-home-left img:not([class]) {
	   height: auto;
   }
   
   fieldset {
	   border: 0;
	   margin: 0;
	   padding: 0;
	   min-width: 0;
   }
   
   textarea {
	   resize: vertical;
   }
   
   .menu,
   .menu ul {
	   list-style: none;
	   padding: 0;
	   margin: 0;
   }
   
   .moduletable .custom > *:last-child  {
	   margin-bottom: 0;
   }
   
   /* ==========================================================================
	  Typography
	  ========================================================================== */
   
   h1 {
	   font-family: 'Helvetica', sans-serif;
	   font-size: 1.4286em; /* 20px */
	   font-weight: bold;
	   color: #000000;
	   margin: 0 0 1em 0;
   }
   
   h2 {
	   font-family: 'Helvetica', sans-serif;
	   font-size: 1.357em; /* 19px */
	   font-weight: bold;
	   color: #41525c;
	   margin: 0 0 1em 0;
   }
   
   h3 {
	   font-family: 'Helvetica', sans-serif;
	   font-size: 1.357em; /* 19px */
	   font-weight: bold;
	   color: #e84643;
	   margin: 0 0 1em 0;
   }
   
   h4 {
	   font-family: 'Helvetica', sans-serif;
	   font-size: 1.286em; /* 18px */
	   font-weight: bold;
	   color: #000000;
	   margin: 0 0 1em 0;
   }
   
   h5 {
	   font-family: 'Helvetica', sans-serif;
	   font-size: 1.214em; /* 17px */
	   font-weight: bold;
	   color: #000000;
	   margin: 0 0 1em 0;
   }
   
   h6 {
	   font-family: 'Helvetica', sans-serif;
	   font-size: 1.143em; /* 16px */
	   font-weight: bold;
	   color: #000000;
	   margin: 0 0 1em 0;
   }
   
   h1 a,
   h2 a,
   h3 a,
   h4 a,
   h5 a,
   h6 a {
	   color: inherit;
	   text-decoration: none;
	   font-weight: inherit;
   }
   
   h1 a:hover,
   h2 a:hover,
   h3 a:hover,
   h4 a:hover,
   h5 a:hover,
   h6 a:hover {
	   text-decoration: none;
   }
   
   p {
	   margin: 0 0 1em 0;
   }
   
   p:empty {
	   margin: 0;
   }
   
   a {
	   font-weight: bold;
	   text-decoration: none;
	   color: #e84643;
   }
   
   a:hover {
	   text-decoration: underline;
   }
   .div-m a:hover{
	color:#004C6F
   }

   ul {
	   padding: 0 0 0 1.286em; /* 18px */
	   margin: 0 0 1em 0;
   }
   
   ol {
	   padding: 0 0 0 1.571em; /* 22px */
	   margin: 0 0 1em 0;
   }
   
   .text-large {
	   font-family: 'Helvetica', sans-serif;
	   font-size: 1.143em; /* 16px */
	   font-weight: 600;
	   color: #636363; /* or 5b526d */
   }
   
   /* ==========================================================================
	  Buttons
	  ========================================================================== */
   
   .button,
   .image-button {
	   position: relative;
	   display: inline-block;
	   box-sizing: border-box;
	   max-width: 100%;
	   border: 0;
	   cursor: pointer;
	   text-align: center;
	   font-family: 'Helvetica', sans-serif;
	   font-weight: bold;
	   font-size: 1.143em; /* 16px */
	   line-height: 140%;
	   color: #fff;
	   background-color: #ddd;
	   padding: 0.94em 1.563em 1em; /* 15px 25 16px */
	   background-repeat: no-repeat;
	   background-position: center center;
	   -webkit-border-radius: 0; /* Prevent iOS 6 safari rounding of corners for HTML elements */
	   border-radius: 0;
   }
   
   .image-button {
	   padding: 0;
	   line-height: 0;
	   color: transparent;
	   text-indent: -9999px;
	   *font-size: 0px;
   }
   
   .button:hover {
	   text-decoration: none;
   }
   .button--fullwidth {
	   width: 100%;
	   padding-left: 0;
	   padding-right: 0;
   }
   
   .button--color1, .button--color2, .bfQuickMode .btn {
	   background-color: #004C6F;
   }
   
   .button--color1:hover, .button--color2:hover, .bfQuickMode .btn:hover {
	   background-color: #e84643;
   }
   
   header .button--color2, footer .button--color2 {
	   background-color: #004C6F;
	   color: #ffffff;
	   font-weight: normal;
   }
   
   header .button--color2:hover, footer .button--color2:hover {
	   background-color: #00385f;
   }
   
   .l-mobile-navigation__top .button--color2{
	   color: #004C6F;
   }
   
   .button--colorless {
	   background-color: transparent;
   }
   
   .button--icon-advanced-search {
	   padding: 0.750em 3.214em 0.750em 1.250em; /*60px right*/
   }
   
   .button--icon-advanced-search:after {
	   position: absolute;
	   content: '';
	   display: block;
	   top: 0;
	   bottom: 0;
	   right: 1em; /*21px*/
	   margin: auto;
	   width: 23px; /*23px*/
	   height: 23px; /*23px*/
	   background: url(images/icon/advanced-search-w.png) no-repeat left center;
	   background-size: 100%;
   }
   
   .no-svg .button--icon-advanced-search:after {
	   background-image: url(images/icon/advanced-search-w.png);
   }
   
   .button.back-to-top {
	   float: right;
	   font-size: 12px;
	   margin-top: 35px;
	   background: #a8aa22;
	   padding-right: 35px;
   }
   
   .button.back-to-top:after {
	   position: absolute;
	   content: '';
	   top: 0;
	   bottom: 0;
	   right: 14px;
	   margin: auto;
	   width: 8px;
	   height: 5px;
	   display: block;
	   background: url(images/icon/back-to-top.png) no-repeat;
	   background-size: contain;
   }
   
   /* ==========================================================================
	  Form elements
	  ========================================================================== */
   
   /* Placeholder attribute */
   
   ::-webkit-input-placeholder {
	   font-family: 'Helvetica', sans-serif;
	   color: #8c9295;
   }
   
   :-moz-placeholder {
	   font-family: 'Helvetica', sans-serif;
	   color: #8c9295;  
   }
   
   ::-moz-placeholder {
	   font-family: 'Helvetica', sans-serif;
	   color: #8c9295;  
   }
   
   :-ms-input-placeholder {  
	   font-family: 'Helvetica', sans-serif;
	   color: #8c9295;  
   }
   
/* img */

/* .swiper-container {
	height:418.75px;
  } */
  
   /* Inputs */
   
   label {
	   font-family: 'Helvetica', sans-serif; /*font-family: 'Helvetica', sans-serif;*/
	   font-size: 1.143em; /* 16px */
	   font-weight: bold;
	   color: #41525c; /* or 000000 */
   }
   
   input[type=text],
   input[type=password],
   input[type=email],
   textarea,
   .selecter .selecter-selected {
	   display: inline-block;
	   box-sizing: border-box;
	   max-width: 100%;
	   border: 3px solid #e1e1e1;
	   background: #fff;
	   padding: 0.750em 1.250em; /* 12px 20px */
	   font-family: 'Helvetica', sans-serif;
	   font-size: 1.143em; /* 16px */
	   line-height: 1.438em; /* 23px */
	   color: #636363;
	   -webkit-border-radius: 0; /* Prevent iOS 6 safari rounding of corners for HTML elements */
	   border-radius: 0;
	   outline: none;
	   -webkit-appearance: none; /* Prevent iOS from adding inset shadow */
   }
   
   .bfQuickMode .control-group {
	   margin-bottom: 20px !important;
   }
   
   /* Check & Radio replacement */
   .custom-check,
   .custom-radio {
	   display: inline-block;
	   cursor: pointer;
	   vertical-align: middle;
	   -webkit-touch-callout: none;
	   -webkit-user-select: none;
	   -khtml-user-select: none;
	   -moz-user-select: none;
	   -ms-user-select: none;
	   user-select: none;
   }
   
   .custom-check {
	   border: 2px solid #e1e1e1;
	   width: 1.571em; /* 22px */
	   height: 1.571em; /* 22px */
   }
   label .custom-check {
	   font-size:0.875em;
   }
   
   .custom-check.checked {
	   background: url(images/checkbox-tick.png) no-repeat center;
   }
   
   .custom-radio {
	   width: 1.857em; /* 26px */
	   height: 1.857em; /* 26px */
	   background: url(images/radio-button.png) no-repeat left top;
	   background-size: cover;
   }
   
   .custom-radio.checked {
	   background-position: left bottom;
   }
   
   /* Select replacement */
   
   .selecter {
	   position: relative;
	   display: inline-block;
	   vertical-align: middle;
	   outline: none;
	   -webkit-touch-callout: none;
	   -webkit-user-select: none;
	   -khtml-user-select: none;
	   -moz-user-select: none;
	   -ms-user-select: none;
	   user-select: none;
   }
   
   .selecter .selecter-element {
	   *left: -999999px;
	   height: 100%;
	   top: 0;
	   left: 0;
	   position: absolute;
	   opacity: 0;
	   width: 100%;
	   z-index: 0;
   }
   
   .selecter .selecter-selected {
	   position: relative;
	   padding-right: 3.375em; /* 54px */
	   cursor: pointer;
	   width: 100%;
	   white-space: nowrap;
	   overflow: hidden;
	   float: left;
   }
   
   .selecter .selecter-selected:after {
	   position: absolute;
	   content: '';
	   top: 0;
	   right: 0;
	   width: 3.375em; /* 54px */
	   height: 100%;
	   background: #fff url(images/select-replacement-arrow.png) no-repeat center center;
	   background-size: 0.938em auto; /*15px 9px*/
   }
   
   .lt-ie9 .selecter .selecter-selected:after {
	   background: transparent;
	   top: 1.250em; /*20px*/
	   right: 1.250em; /*20px*/
	   width: 0;
	   height: 0;
	   border-style: solid;
	   border-width: 9px 7.5px 0 7.5px;
	   border-color: #41525c transparent transparent transparent;
   }
   
   .selecter.open .selecter-selected:after {
	   -webkit-transform: rotateX(180deg);
	   -moz-transform: rotateX(180deg);
	   -ms-transform: rotateX(180deg);
	   -o-transform: rotateX(180deg);
	   transform: rotateX(180deg);
   }
   
   .selecter .selecter-options {
	   display: none;
	   position: absolute;
	   z-index: 99;
	   top: 100%;
	   left: 0;
	   width: 100%;
	   max-height: 18.929em; /* 265px */
	   overflow-y: auto;
	   overflow-x: hidden;
	   padding: 0;
	   margin: 0;
	   list-style: none;
   }
   
   .selecter.open .selecter-options {
	   display: block;
   }
   
   .selecter .selecter-options .selecter-group,
   .selecter .selecter-options .selecter-item  {
	   display: block;
	   font-family: 'Helvetica', sans-serif;
   }
   
   .selecter .selecter-options .selecter-group {
	   font-size: 1em; /* 14px */
	   padding: 0.429em 1.429em; /* 6px 20px */
	   color: #9B9B9B;
	   background: #ccc;
   }
   
   .selecter .selecter-options .selecter-item {
	   padding: 0.938em 1.250em; /* 15px 20px */
	   font-size: 1.143em; /* 16px */
	   line-height: 1.438em; /* 23px */
	   color: #636363;
	   background: #e1e1e1;
	   cursor: pointer;
	   word-wrap: break-word;
   }
   
   .selecter .selecter-options .selecter-item.selected {
	   background: #d1d1d1;
   }
   
   .selecter .selecter-options .selecter-item:hover {
	   background: #c2c2c2;
   }
   
   /* ==========================================================================
	  Layout elements
	  ========================================================================== */
   
   .layout-table {
	   display: table;
	   width: 100%;
   }
   
   .layout-table--vtop .layout-block {
	   vertical-align: top;
   }
   
   .layout-table--vbottom .layout-block {
	   vertical-align: bottom;
   }
   
   .layout-table .layout-block {
	   display: table-cell;
	   float: none !important;
   }
   
   /* Layout set
	  ========================================================================== */
   
   .layout-set .item,
   .layout-set.item,
   .blog.layout-set .item {
	   display: table;
	   width: 100%;
   }
   
   .layout-set .block-1,
   .layout-set .block-2,
   .blog.layout-set .block-1,
   .blog.layout-set .block-2 {
	   display: table-cell;
	   vertical-align: top;
   }
   
   .layout-set--2-8 .block-1,
   .blog.layout-set--2-8 .block-1 {
	   width: 10.929em; /* 153px */
	   padding-right: 2.143em; /* 30px */
   }
   
   .layout-set--4-6 .block-1 {
	   width: 21.714em; /* 304px */
	   padding-right: 3.571em; /*50px*/
   }
   
   /* ==========================================================================
	  MooBlock accordion
	  ========================================================================== */
   
   .mooblock-title {
	   position: relative;
	   cursor: pointer;
	   display: block;
	   width: 100%;
	   padding: 1.000em 5.625em 0.938em 1.875em; /* 16px 90px 15px 30px*/
	   margin-top: 1.250em; /*20px*/
	   margin-bottom: 0;
	   background: #e8e8e8;
	   -moz-box-sizing: border-box;
	   box-sizing: border-box;
	   font-size: 1.143em; /*16px*/
	   font-family: 'Helvetica', sans-serif;
	   font-weight: bold;
	   color: #000;
   }
   
   .mooblock-title .arrow {
	   position: absolute;
	   display: block;
	   top: 0;
	   right: 0;
	   width: 3.750em; /*60px*/
	   height: 100%;
	   background: #5e5969;
   }
   
   .mooblock-title .arrow:after {
	   position: absolute;
	   content: '';
	   top: 0;
	   left: 0;
	   right: 0;
	   bottom: 0;
	   margin: auto;
	   width: 0.625em; /*10px*/
	   height: 0.938em; /*15px*/
	   background: url(images/icon/arrow-right.svg) no-repeat;
	   background-size: auto 100%;
   }
   
   .no-svg .mooblock-title .arrow:after{
	   background-image: url(images/icon/arrow-right.png);
   }
   
   .mooblock-title.expanded .arrow:after {
	   -webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	   -ms-transform: rotate(90deg);
	   -o-transform: rotate(90deg);
	   transform: rotate(90deg);
   }
   
   .mooblock-el {
	   display: none;
   }
   
   .mooblock-el__inner {
	   border: 3px solid #e8e8e8;
	   border-top: 0;
	   padding: 1.786em 1.929em; /*25px 27px*/
   }
   
   .mooblock-el__inner:before,
   .mooblock-el__inner:after {
	   content: " ";
	   display: table;
   }
   
   .mooblock-el__inner:after {
	   clear: both;
   }
   
   .mooblock-el__inner {
	   *zoom: 1;
   }
   
   .mooblock-el__inner > *:last-child {
	   margin-bottom: 0;
   }
   
   /* ==========================================================================
	  Fancybox popup
	  ========================================================================== */
   
   #fancybox-outer {
	   border: 3px solid #e1e1e1;
   }
   
   #fancybox-wrap {
	   height: auto !important;
   }
   
   #fancybox-bg-n { background-image: none; }
   #fancybox-bg-ne { background-image: none; }
   #fancybox-bg-e { background-image: none; }
   #fancybox-bg-se { background-image: none; }
   #fancybox-bg-s { background-image: none; }
   #fancybox-bg-sw { background-image: none; }
   #fancybox-bg-w { background-image: none; }
   #fancybox-bg-nw { background-image: none; }
   
   #fancybox-content > div {
	   overflow: hidden !important;
	   border: 0.714em solid #fff; /*10px*/
	   border-right-width: 1.429em; /*20px*/
   }
   
   #fancybox-content h6 {
	   color: #72838d;
   }
   
   #fancybox-content p {
	   color: #41525c;
   }
   
   #fancybox-content .button {
	   font-size: 1em;
	   margin: 0.5em 0.5em 0 0;
   }
   
   #fancybox-close {
	   top: -3px;
	   right: -3px;
	   width: 30px;
	   height: 30px;
	   background: url(images/fancybox-close-button.png) no-repeat left top;
   }
   
   #fancybox-close:hover {
	   background-position: left bottom;
   }
   
   /* ==========================================================================
	  Tip wrap
	  ========================================================================== */
   
   .tip-wrap {
	   z-index: 999;
   }
   
   .tip {
	   padding: 5px 8px;
	   color: #fff;
	   max-width: 300px;
	   font-size: 11px;
	   background: #41525c;
   }
   
   /* ==========================================================================
	  Helper classes
	  ========================================================================== */
   
   .ir {
	   background-color: transparent;
	   border: 0;
	   overflow: hidden;
	   /* IE 6/7 fallback */
	   *text-indent: -9999px;
   }
   
   .ir:before {
	   content: "";
	   display: block;
	   width: 0;
	   height: 100%;
   }
   
   .hidden {
	   display: none !important;
	   visibility: hidden;
   }
   
   .visuallyhidden {
	   border: 0;
	   clip: rect(0 0 0 0);
	   height: 1px;
	   margin: -1px;
	   overflow: hidden;
	   padding: 0;
	   position: absolute;
	   width: 1px;
   }
   
   .visuallyhidden.focusable:active,
   .visuallyhidden.focusable:focus {
	   clip: auto;
	   height: auto;
	   margin: 0;
	   overflow: visible;
	   position: static;
	   width: auto;
   }
   
   .invisible {
	   visibility: hidden;
   }
   
   .clearfix:before,
   .clearfix:after {
	   content: " ";
	   display: table;
   }
   
   .clearfix:after {
	   clear: both;
   }
   
   .clearfix {
	   *zoom: 1;
   }
   
   .clear,
   .clr {
	   clear: both;
   }
   
   /* ==========================================================================
	  Responsive
	  ========================================================================== */
   
   /* None-Desktop */
   @media screen and (max-width: 1200px) {
	   html {
		   font-size: 12px;
	   }
	   a{
		display: inline-block;
	   }
   }
   
   /* Tablet */
   @media screen and (min-width: 768px) and (max-width: 1200px) {
	   .tableHide,
	   .deesktopOnly {
		   display: none !important;
	   }
   
	   .layout-set--4-6 .block-1 {
		   padding-right: 3em;
	   }
   
	   .button--icon-advanced-search:after {
		   width: 20px;
		   height: 20px;
	   }
   
   }
   
   @media screen and (min-width: 768px) and (max-width: 900px) {
	   .layout-set--4-6 .block-1 {
		   padding-right: 1em;
	   }
   }
   
   /* Non-Mobile */
   @media screen and (min-width: 768px) {
	   .mobileOnly {
		   display: none !important;
	   }
   }
   
   /* Mobile */
   @media screen and (max-width: 767px) {
	   .mobileOnly {
		   display: block !important;
	   }
   
	   .mobileHide,
	   .deesktopOnly {
		   display: none !important;
	   }
	   
	   p, ul, ol {
		   font-size: 1.083em;	
	   }
	   
	   .bfQuickMode .control-group {
		   margin-bottom: 30px !important;
	   }
   
	   .layout-set--2-8 .block-1,
	   .blog.layout-set--2-8 .block-1 {
		   width: 113px;
		   padding-right: 18px;
	   }
   
	   .layout-set--4-6 .block-1,
	   .layout-set--4-6 .block-2 {
		   display: block;
		   width: 100%;
		   padding-right: 0;
	   }
   
	   .layout-set--4-6 .block-1 {
		   margin-bottom: 25px;
	   }
	   
	   .button.back-to-top {
		   font-size: 1.167em;
	   }
   }
   
	@media screen and (max-width: 576px) {
		.item-page a{
			word-break: break-all;
		}
	}

   .lt-ie9 .mobileOnly {
	   display: none !important;
   }
   .ccinfo tr td {
	   padding: 0px;
	   margin: 0px;
   }
   .ccinfo tr td.col2 {
	   padding-left: 10px;
   }
   
   #proopc-payment-form .ccinfo {
	   display: none;
   }