@font-face {
  font-family: 'Averta';
  src: url('../fonts/Averta-Black.eot');
  src: url('../fonts/Averta-Black.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Averta-Black.woff2') format('woff2'),
      url('../fonts/Averta-Black.woff') format('woff'),
      url('../fonts/Averta-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Averta';
  src: url('../fonts/Averta-Semibold.eot');
  src: url('../fonts/Averta-Semibold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Averta-Semibold.woff2') format('woff2'),
      url('../fonts/Averta-Semibold.woff') format('woff'),
      url('../fonts/Averta-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Averta';
  src: url('../fonts/Averta-Regular.eot');
  src: url('../fonts/Averta-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Averta-Regular.woff2') format('woff2'),
      url('../fonts/Averta-Regular.woff') format('woff'),
      url('../fonts/Averta-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Averta-Extrathin';
  src: url('../fonts/Averta-Extrathin.eot');
  src: url('../fonts/Averta-Extrathin.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Averta-Extrathin.woff2') format('woff2'),
      url('../fonts/Averta-Extrathin.woff') format('woff'),
      url('../fonts/Averta-Extrathin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Averta';
  src: url('../fonts/Averta-Bold.eot');
  src: url('../fonts/Averta-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Averta-Bold.woff2') format('woff2'),
      url('../fonts/Averta-Bold.woff') format('woff'),
      url('../fonts/Averta-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Averta';
  src: url('../fonts/Averta-ExtraBold.eot');
  src: url('../fonts/Averta-ExtraBold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Averta-ExtraBold.woff2') format('woff2'),
      url('../fonts/Averta-ExtraBold.woff') format('woff'),
      url('../fonts/Averta-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Averta';
  src: url('../fonts/Averta-Thin.eot');
  src: url('../fonts/Averta-Thin.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Averta-Thin.woff2') format('woff2'),
      url('../fonts/Averta-Thin.woff') format('woff'),
      url('../fonts/Averta-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Averta';
  src: url('../fonts/Averta-Light.eot');
  src: url('../fonts/Averta-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Averta-Light.woff2') format('woff2'),
      url('../fonts/Averta-Light.woff') format('woff'),
      url('../fonts/Averta-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@import "_colors";
@import "_mixins";
.hamburger:focus { outline: 0; }
.hamburger {
  -webkit-transition: all 300ms linear; 
  -moz-transition: all 300ms linear; 
  -o-transition: all 300ms linear; 
  transition: all 300ms linear;
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  position: fixed;
  right: 35px;
  top: 60px;
  cursor: pointer;
  display: none; }
.hamburger-box { width: 30px; height: 24px; display: inline-block; position: relative; }
.hamburger-inner { display: block; top: 50%; margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 30px;
  height: 3px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }
.hamburger-inner::before { top: -10px; }
.hamburger-inner::after { bottom: -10px; }
.hamburger--spring .hamburger-inner { top: 2px; transition: background-color 0s 0.13s linear; }
.hamburger--spring .hamburger-inner::before { top: 10px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring .hamburger-inner::after { top: 20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring.is-active .hamburger-inner { transition-delay: 0.22s; background-color: transparent; }
.hamburger--spring.is-active .hamburger-inner::before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--spring.is-active .hamburger-inner::after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(-45deg); }
/*K2 general reset*/
/* mg-Popup */
.mfp-content { margin-top: 50px; }
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* overlay at start */
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate in */
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* overlay animate out */
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* content at start */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate it */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* content animate out */
/* mg-Popup */
div.k2ItemsBlock ul li div.moduleItemIntrotext { padding: 0; }
div.k2LatestCommentsBlock ul li, div.k2TopCommentersBlock ul li, div.k2ItemsBlock ul li, div.k2LoginBlock ul li, div.k2UserBlock ul.k2UserBlockActions li, div.k2UserBlock ul.k2UserBlockRenderedMenu li, div.k2ArchivesBlock ul li, div.k2AuthorsListBlock ul li, div.k2CategoriesListBlock ul li, div.k2UsersBlock ul li {
  margin: 0; }
#k2Container { padding: 0; margin: 0; }
#k2Container .clr { display: none; }
div.catItemView { margin: 0; padding: 0; }
div.itemContainer { float: none; }
div.catItemBody { padding: 0; }
div.catItemHeader h3.catItemTitle { padding: 0; margin: 0; }
div.itemBody { padding: 0; margin: 0; }
div.catItemImageBlock { margin: 0; padding: 0; }
div.catItemLinks { margin: 0; }
div.catItemCategory span { padding: 0; }
div.catItemCategory { padding: 0; }
span.catItemImage { margin: 0; padding: 0; }
div.catItemIntroTexFmenut { margin: 0; padding: 0; }
div.itemHeader h2.itemTitle { margin: 0; padding: 0; }
div.itemIntroText { padding: 0; margin: 0; }
div.itemImageBlock { margin: 0; padding: 0; }
div.itemBackToTop { display: none; }
div.itemExtraFields { margin: 0; padding: 0; border: none; }
div.catItemExtraFields, div.genericItemExtraFields { margin: 0; padding: 0; border: none; }
div.itemListCategory { padding: 0; margin: 0; background: none; border: none; }
div.catItemAttachmentsBlock { padding: 0; margin: 0; border: none; }
div.k2LatestCommentsBlock ul, div.k2TopCommentersBlock ul, div.k2ItemsBlock ul, div.k2LoginBlock ul, div.k2UserBlock ul.k2UserBlockActions, div.k2UserBlock ul.k2UserBlockRenderedMenu, div.k2ArchivesBlock ul, div.k2AuthorsListBlock ul, div.k2CategoriesListBlock ul, div.k2UsersBlock ul {
  padding: 0;
  margin: 0; }
.itemContainer { width: 100% !important; }
/*bootstrap general container */
@media (min-width: 1200px) {
  .container {
    width: 100%;
    position: relative; } }
#system-message-container { display: block; }
/*style resets*/
body .container { background-color: transparent; max-width: 1000px; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, label, input {
  font-family: Averta; font-weight: 400; }
nav#hornav ul li { margin: 0; padding: 0; }
header p { margin-bottom: 0; }
div#topinfo div.moduletable { margin: 0; }
.breadcrumb { background: none; margin: 0 0 35px 0; padding: 0; text-align: center; }
.breadcrumb * { color: #60bb46; font-size: 18px; line-height: 18px; }
.breadcrumb .divider { display: none; }
.breadcrumb > li + li:before { content: ">"; }
.breadcrumb > li:nth-child(2):before { display: none; }
hr { border: none; }
h1 { font-size: 48px; }
h1,h2,h3 { margin: 0; padding: 0; font-weight: 300; }
p { color: #5e5e5e; font-size: 20px; line-height: 25px; }
a:hover,a { text-decoration: none; }
ul { padding: 0; }
li { list-style: none; }
/* CUSTOM CSS*/
.inner_container { max-width: 1528px; margin-left: 350px; }
.animate { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.align { display: flex; align-items: center; justify-content: center; }
/************ SLIDER ************/
#slider { height: 100%; width: 100%; float: left; position: relative; overflow: hidden; }
#slider .pull-right { float: right; width: 60%; margin-top: 118px; }
#slider .pull-right .slide_img { height: 100vw; max-height: 708px; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; z-index: 1; }

#slider .pull-left { float: left; width: 40%; margin-top: 118px; position: relative; }
#slider .pull-left .ins { background: #f6f6f6; height: 100%; min-height: 560px; }
#slider .pull-left .ins .slide_info { width: 100%; max-width: 600px; position: absolute; top: 16%; padding-left: 60px; }
#slider .pull-left .ins .slide_info .ttl h1 { color:#008292; font-size: 48px; font-weight: 300; }
#slider .pull-left .ins .slide_info .ttl h1:before { content: none; }
#slider .pull-left .ins .slide_info .ttl h1 strong { font-weight: bold; }
#slider .pull-left .ins .slide_info .txt { margin-top: 19px; }
#slider .pull-left .ins .slide_info .txt p { font-size: 20px; line-height: 24px; }
.mybtn { float: left; width: 26%; margin-top: 40px; cursor: pointer; }
.mybtn a { color: #00498f; font-weight: bold; font-size: 14px; }
.mybtn img { display: inline-block!important; vertical-align: middle; margin-left: 15px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.mybtn:hover img { margin-left: 25px; }
.slick-dots { position: absolute; left: 650px; bottom: 70px; }
.slick-dots li { list-style: none; display: inline-block; padding: 0 10px; cursor: pointer; }
.slick-dots li span.out { color: #cbcacf; font-weight: bold;}
.slick-dots li.slick-active span.out { color: #00498f; }

/************ SLIDER ************/

/***************** HEADER *****************/
header.header.header_container.padd {  }
header { position: fixed; width: 100%; background-color: #f6f6f6; z-index: 9; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header.scroll_down { box-shadow: 0 0 13px rgba(0,0,0,0.31); }
header.scroll_down .logo { padding: 20px 0 20px 60px; }
header.scroll_down .logo img { width: 100%; max-width: 130px; }
header.scroll_down .right .moduletable_menu { padding: 30px 35px 0 0; }
header.scroll_down .mod-languages { padding: 30px 140px 39px 35px; }
header.scroll_down .moduletable_elpe { padding-top: 15px; background-color: #fff; }
header.scroll_down .hamburger { top: 45px; }

header .logo { float: left; padding: 20px 0 10px 60px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .logo img {  -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .right { float: right; display: inline-flex; }
header .right .moduletable_menu { padding: 50px 35px 0 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .right .moduletable_menu > ul > li { padding-right: 30px; position: relative; }
header .right .moduletable_menu > ul > li span img.imag { padding-left: 6px; display: inline-block; vertical-align: baseline; }
header .right .moduletable_menu > ul > li:last-child { padding-right: 0; }
header .right .moduletable_menu > ul > li a,
header .right .moduletable_menu > ul > li span { font-size: 13px; color: #8e8e8e; font-weight: bold; cursor: pointer; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header .right .moduletable_menu > ul > li span:hover,
header .right .moduletable_menu > ul > li a:hover,
header .right .moduletable_menu > ul > li.active > a,
header .right .moduletable_menu > ul > li.active > span { color: #008292; }
header .right .moduletable_menu > ul > li > ul li.active span { color: #008292; }
header .right .moduletable_menu > ul > li > ul { display: none; position: absolute; width: 100%; top: 25px; left: 0; background-color: #fff; padding: 10px; -webkit-box-shadow: 0px 10px 11px -4px rgba(0,0,0,0.35); -moz-box-shadow: 0px 10px 11px -4px rgba(0,0,0,0.35); box-shadow: 0px 10px 11px -4px rgba(0,0,0,0.35); }
header .right .moduletable_menu > ul > li > ul > li { padding-bottom: 10px; }
header .right .moduletable_menu > ul > li > ul > li a,header .right .moduletable_menu > ul > li > ul > li span { font-size: 15px; color: #8e8e8e; }
header .right .moduletable_menu > ul > li > ul > li.current a { color: #008292; }
header .right .moduletable_menu.is-active > ul > li > ul > li.current a { color: #fff; }
header .right .moduletable_menu.is-active > ul > li > ul > li:focus a { color: #fff; }
header .right .moduletable_menu > ul > li > ul > li > ul li { padding-left: 25px; }
header .right .moduletable_menu > ul > li.active > ul > li.active > ul { display: block; }
header .right .moduletable_menu > ul > li > ul > li > ul li.active a { color: #008292; }
header .right .moduletable_menu > ul > li > ul > li span:after { content: '+'; color: #008292; padding-left: 5px; }
header .right .moduletable_menu > ul > li > ul > li span img.imag { display: none; }

.moduletable { background-color: #fff; }
.moduletable .mod-languages { padding: 50px 140px 44px 35px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.moduletable .mod-languages ul li { padding-right: 10px; display: inline-block; }
.moduletable .mod-languages ul li:last-child { padding-right: 0px; }
.moduletable .mod-languages ul li a { color: #00498f; font-weight: bold; font-size: 12px; }
.moduletable .mod-languages ul li.lang-active a { color: #8e8e8e; border-bottom: 1px solid #8e8e8e; }
.moduletable_elpe { padding: 30px 60px 0 0; background-color: #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }

.right .moduletable_menu.is-active::-webkit-scrollbar,.right .moduletable_menu.is-active::-webkit-scrollbar { width: 5px; }
.right .moduletable_menu.is-active::-webkit-scrollbar-track,.right .moduletable_menu.is-active::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #ccc; border-radius: 10px; }
.right .moduletable_menu.is-active::-webkit-scrollbar-thumb,.right .moduletable_menu.is-active::-webkit-scrollbar-thumb { background: #ccc; border-radius: 10px; }
.right .moduletable_menu.is-active::-webkit-scrollbar-thumb:hover,.right .moduletable_menu.is-active::-webkit-scrollbar-thumb:hover { background: #ccc; }
/***************** HEADER *****************/

/***************** FOOTER *****************/
footer { margin-top: 50px; padding-bottom: 50px; }
footer.bord { border-top: 10px solid #008292; }
footer .footer_container.marg { margin-top: 65px; }
footer .footer_container .logo { margin-left: 122px; }
footer .footer_container .col1 { float: left; text-align: left; margin-left: 122px; }
footer .footer_container .col1 ul { margin-top: 40px; }
footer .footer_container .col1 ul li { font-size: 18px; margin: 5px 0; color: #5e5e5e; }
footer .footer_container .col1 ul li a { color: #5e5e5e; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
footer .footer_container .col1 ul li a:hover { color: #008292; }
footer .footer_container .col2 { float: right; text-align: right; margin-right: 95px; padding-top: 70px; }
footer .footer_container .col2 .moduletable_copyrights p { font-size: 18px; }
footer .footer_container .col2 .moduletable_footermenu { margin-top: -10px; float: right; }
footer .footer_container .col2 .moduletable_footermenu ul li:after { color: #5e5e5e; content: "|"; padding: 0 5px; }
footer .footer_container .col2 .moduletable_footermenu ul li:last-child:after { color: #5e5e5e; content: none; }
footer .footer_container .col2 .moduletable_footermenu ul li a { color: #5e5e5e; font-size: 18px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
footer .footer_container .col2 .moduletable_footermenu ul li.active a { color: #008292; }
footer .footer_container .col2 .moduletable_footermenu ul li a:hover { color: #008292; }
footer .footer_container .col2 .moduletable_createdby { margin-top: 80px; }
footer .footer_container .col2 .moduletable_createdby p { color: #5e5e5e; font-size: 18px;  }
footer .footer_container .col2 .moduletable_createdby p a {  color: #5e5e5e; font-size: 18px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
footer .footer_container .col2 .moduletable_createdby p a:hover {  color: #008292; border-bottom: 1px solid #008292; }

#cookie_assistant_wrapper p { font-size: 18px; }
#cookie_assistant_wrapper a { color: #0e817c!important; }
#cookie_assistant_wrapper a.btn-accept:hover { color: #fff!important; border: 1px solid #008292!important; background-color: #008292!important; }
/***************** FOOTER *****************/

/***************** GENERAL TEMPLATE *****************/
.default_container { max-width: 1734px; padding: 0 20px 100px 20px; }
.default_container h1 { color: #008292; font-weight: 400; font-size: 44px; margin: 40px 0 60px -4px; text-indent: -1em;}
.default_container h1:before {content: ""; position: relative; left: -20px; background-color: #008292; height: 1px; width: 100%; max-width: 40px; display: inline-block; vertical-align: middle; }
.default_container h1 strong { font-weight: bold; }
.default_container h2 { color: #008292; font-weight: 400; font-size: 36px; margin: 20px 0; }
.default_container h3 { color: #008292; font-weight: 400; font-size: 26px; }
.default_container .itemFullText { max-width: 1146px; }
.default_container p { color: #5e5e5e; font-size: 20px; line-height: 25px; }
.default_container a { color: #5e5e5e; font-size: 20px; font-weight: bold; line-height: 25px; text-decoration: none; }
.default_container li { list-style: unset; color: #5e5e5e; }
.default_container a:hover { color: #008292; text-decoration: none; }
/***************** GENERAL TEMPLATE *****************/

/***************** HOMEPAGE *****************/
.section_one { counter-reset: section_one; padding: 80px 0; }
.section_one .home01:before { display: block; counter-increment: section_one; content: "0"counter(section_one); color: #e1eceb; font-size: 72px; position: relative; margin-bottom: 14px; text-align: center; }
.section_one .home02:before { display: block; counter-increment: section_one; content: "0"counter(section_one); color: #e1eceb; font-size: 72px; position: relative; margin-bottom: 14px; text-align: left; }
.section_one .home03 .ttl h2:before { display: block; counter-increment: section_one; content: "0"counter(section_one); color: #e1eceb; font-size: 72px; font-weight: 400; position: relative; margin-bottom: 14px; text-align: left; }
.section_one .home04 .ttl:before { counter-increment: section_one; content: "0"counter(section_one); color: #e1eceb; opacity: 0.18; font-size: 72px; font-weight: 400; position: absolute; left: 90px; top : 80px; text-align: left; }

.section_one .home01 .left_content { float: left; width: 44%; }
.section_one .home01 .left_content .imag { width: 100%; max-width: 664px; height: 100vw; max-height: 604px; background-position: center; background-repeat: no-repeat; }
.section_one .home01 .right_content { float: right; width: 56%; padding-left: 38px; margin-top: 32px; }
.section_one .home01 .right_content .ttl { margin: 20px 0 35px 0; }
.section_one .home01 .right_content .ttl h2 { font-size: 48px; color: #008292; font-weight: 300; display: inline-block; }
.section_one .home01 .right_content .ttl h2 strong { font-weight: bold; }
.section_one .home01 .right_content .small_ttl { font-size: 11px; color: #00498f; font-weight: bold; margin-left: -26px; }
.section_one .home01 .right_content .small_ttl:before { content: ""; position: relative; left: -20px; background-color: #008292; height: 1px; width: 100%; max-width: 40px; display: inline-block; vertical-align: middle; }
.section_one .home01 .right_content .txt { width: 100%; max-width: 550px; }
.section_one .home01 .right_content .mybtn { margin-top: 20px; }

.section_one .home02 { margin-top: 60px; }
.section_one .home02 .left_content { float: left; width: 44%; }
.section_one .home02 .left_content .small_ttl { font-size: 11px; color: #00498f; font-weight: bold; text-align: right; margin-right: 20px; position: relative; top: 30px; }
.section_one .home02 .left_content .small_ttl:after { content: ""; position: relative; left: 20px; background-color: #008292; height: 1px; width: 100%; max-width: 40px; display: inline-block; vertical-align: middle; }
.section_one .home02 .left_content .ttl { margin: 0px 0 35px 0; width: 100%; max-width: 400px; }
.section_one .home02 .left_content .ttl h2 { font-size: 48px; color: #008292; font-weight: 300; display: inline-block; }
.section_one .home02 .left_content .ttl h2 strong { font-weight: bold; }
.section_one .home02 .left_content .txt { width: 100%; max-width: 550px; }
.section_one .home02 .left_content .mybtn { margin-top: 20px; }
.section_one .home02 .right_content { float: right; width: 56%; }
.section_one .home02 .right_content .imag { width: 100%; max-width: 690px; height: 100vw; max-height: 460px; background-position: center; background-repeat: no-repeat; }
.section_one .home02 .right_content .caption { width: 100%; max-width: 580px; display: inline-block; vertical-align: top; padding-left: 30px; margin-top: 42px; }
.section_one .home02 .right_content .caption p { color: #00498f; font-size: 18px; }
.section_one .home02 .right_content .icon { width: 56px; height: 56px; display: inline-block; margin-top: 42px; }

.section_one .home03 { margin-top: -35px; }
.section_one .home03 .inner_container { margin-left: 122px; }
.section_one .home03 .left_content { float: left; width: 44%; }
.section_one .home03 .left_content .imag { width: 100%; max-width: 800px; height: 100vw; max-height: 850px; background-position: center; background-repeat: no-repeat; }
.section_one .home03 .right_content { float: right; width: 56%; padding-left: 120px; margin-top: 32px; }
.section_one .home03 .right_content .ttl { margin: 20px 0 35px 0; width: 100%; max-width: 400px;  }
.section_one .home03 .right_content .ttl h2 { font-size: 48px; color: #008292; font-weight: 300; display: inline-block; }
.section_one .home03 .right_content .ttl h2 strong { font-weight: bold; }
.section_one .home03 .right_content .small_ttl { font-size: 11px; color: #00498f; font-weight: bold; margin-left: -26px; }
.section_one .home03 .right_content .small_ttl:before { content: ""; position: relative; left: -20px; background-color: #008292; height: 1px; width: 100%; max-width: 40px; display: inline-block; vertical-align: middle; }
.section_one .home03 .right_content .txt { width: 100%; max-width: 550px; }
.section_one .home03 .right_content .mybtn2 { margin-top: 65px; background-color: #00498f; height: 58px; width: 380px; }
.section_one .home03 .right_content .mybtn2 a { font-weight: bold; font-size: 14px; color: #fff; padding-left: 55px; padding-right: 50px; top: 17px; position: relative; }
.section_one .home03 .right_content .mybtn2 img { top: 17px; position: relative; cursor: pointer; }
.section_one .home03 .right_content .mybtn2:hover img { padding-left: 10px; }

.section_one .home04 { margin-left: 122px; margin-top: 145px; position: relative; }
.section_one .home04 .left_content { background-color: #008292; min-height: 705px; }
.section_one .home04 .left_content .left_content_ins { float: left; width: 44%; padding: 100px 0 0 200px; }
.section_one .home04 .left_content .left_content_ins .small_ttl { font-size: 11px; color: #00498f; font-weight: bold; text-align: right; margin-right: 20px; position: relative; top: 30px; }
.section_one .home04 .left_content .left_content_ins .small_ttl:after { content: ""; position: relative; left: 20px; background-color: #008292; height: 1px; width: 100%; max-width: 40px; display: inline-block; vertical-align: middle; }
.section_one .home04 .left_content .left_content_ins .ttl { margin: 0px 0 42px 0; }
.section_one .home04 .left_content .left_content_ins .ttl h2 { font-size: 48px; color: #fff; font-weight: 300; display: inline-block; }
.section_one .home04 .left_content .left_content_ins .ttl h2 strong { font-weight: bold; }
.section_one .home04 .left_content .left_content_ins .txt { width: 100%; max-width: 480px; }
.section_one .home04 .left_content .left_content_ins .txt p { color: #fff; }
.section_one .home04 .left_content .left_content_ins .mybtn { margin-top: 70px; background-color: #fff; height: 60px; width: 510px; }
.section_one .home04 .left_content .left_content_ins .mybtn a { top: 17px; position: relative; padding-left: 20px; font-weight: 400; }
.section_one .home04 .left_content .left_content_ins .mybtn img { top: 17px; position: relative; cursor: pointer; margin-left: 10px; }
.section_one .home04 .left_content .left_content_ins .mybtn:hover img { padding-left: 8px; }
.section_one .home04 .right_content { position: absolute; right: 52px; top: 150px; }
.section_one .home04 .right_content .imag { width: 100vw; max-width: 960px; height: 100vw; max-height: 640px; background-position: center; background-repeat: no-repeat; }
/***************** HOMEPAGE *****************/

/***************** OIKONOMIKES KATASTASEIS *****************/
.main_container { padding-top: 138px; }
.main_container.padd { padding-top: 118px; }
#phoca-dl-category-box .pd-category h3.pd-ctitle, #phoca-dl-file-box .pd-file h3.pd-ctitle, #phoca-dl-download-box .pd-file h3.pd-ctitle { border: none; background-color: transparent; }
#phoca-dl-category-box .pd-cdesc  { max-width: 700px; margin-bottom: 70px; }
#phoca-dl-category-box .pd-cdesc p { padding-left: 0; }
#phoca-dl-category-box { counter-reset: default_container; padding-top: 70px; padding-left: 175px; }
#phoca-dl-category-box .pd-filebox:before { display: block; counter-increment: default_container; padding-left: 30px; padding-top: 10px; content: "0"counter(default_container); color: rgba(0, 130, 146, 0.18); font-size: 72px; position: relative; margin-bottom: 0; text-align: left; }
#phoca-dl-category-box .pd-filebox:nth-child(odd):before { display: block; counter-increment: default_container; padding-left: 30px; padding-top: 10px; content: "0"counter(default_container); color: rgba(255, 255, 255, 0.18); font-size: 72px; position: relative; margin-bottom: 0; text-align: left; }
#phoca-dl-category-box .pd-filebox { border-bottom: none; float: left; width: 100%; max-width: 350px; margin-right: 65px; background-color: #f6f6f6; margin-top: 0; margin-bottom: 0; padding-bottom: 0; }
#phoca-dl-category-box > div { margin-left: 42px; }
#phoca-dl-category-box .pd-filebox:nth-child(odd) { background-color: #008292; }
#phoca-dl-category-box .pd-filebox:nth-child(odd) .pd-fdesc h2 { color: #fff; font-size: 36px; }
#phoca-dl-category-box .pd-title, #phoca-dl-file-box .pd-title, #phoca-dl-download-box .pd-title { display: none; }
.pd-document16 { float: left; width: 50%; padding-left: 0!important; }
.pd-document16 a { padding: 24px 0; opacity: 0; float: right; margin-top: -23px; }
.pd-fdesc h2 { color: rgba(0, 130, 146, 0.88); font-size: 36px; }
.pd-fdesc h2 strong { font-weight: bold; }
.pd-filebox-ins { padding: 0 30px 20px 30px; margin-top: -5px; }
#overDiv .pd-fdesc, #phoca-dl-category-box .pd-fdesc, #phoca-dl-file-box .pd-fdesc, #phoca-dl-download-box .pd-fdesc { padding: 20px 0 40px 0; }
.phoca-dl-file-box-mod .pd-document16, #phoca-dl-file-box .pd-document16, #phoca-dl-category-box .pd-document16, #phoca-dl-download-box .pd-document16 { height: 48px; position: relative; top: 0; }
#phoca-dl-download-box .pd-filenamebox, #phoca-dl-category-box .pd-filenamebox { float: left; margin: 0; }
.pd-category { padding-bottom: 100px; }


#phoca-dl-category-box h1 { color: #008292; margin-left: -40px; }
#phoca-dl-category-box h1:before { content: ""; position: relative; left: -20px; background-color: #008292; height: 1px; width: 100%; max-width: 40px; display: inline-block; vertical-align: middle; }
#phoca-dl-category-box h1 strong { color: #008292; font-weight: bold; }
/***************** OIKONOMIKES KATASTASEIS *****************/

/***************** ABOUT *****************/
.about_page { padding-top: 100px; padding-bottom: 180px; }
.about_page.inner_container { max-width: 1575px; margin: auto auto; padding-left: 20px; padding-right: 20px; }
h1 { color: #008292; margin-bottom: 30px; }
h1 strong { color: #008292; font-weight: bold; }
h1:before { content: ""; position: relative; left: -10px; background-color: #008292; height: 1px; width: 100%; max-width: 40px; display: inline-block; vertical-align: middle; }
.top_section .left_content { padding-left: 45px; float: left; width: 100%; margin-right: -800px; }
.top_section .left_content .left_content_ins { padding-right: 820px; }
.top_section .left_content .left_content_ins .small_ttl { color: #008292; font-weight: bold; font-size: 20px; margin-bottom: 40px; }
.top_section .left_content .left_content_ins .txt { max-width: 608px; }
.top_section .left_content .left_content_ins .txt p { margin-bottom: 1.3em; }
.top_section .left_content .left_content_ins .txt p:last-child { color: #008292; }
.top_section .right_content { float: right; width: 800px; }
.top_section .right_content .imag { background-repeat: no-repeat; background-position: center center; height: 100vh; max-height: 670px; width: 100%; max-width: 800px; }

.about_page  .bottom_section { margin-top: 30px; }
.about_page  .bottom_section .right_content { float: right; width: 100%; margin-left: -665px; margin-top: 100px; }
.about_page  .bottom_section .right_content .right_content_ins { padding-left: 725px; }
.about_page  .bottom_section .right_content .right_content_ins .txt { max-width: 600px; }
.about_page  .bottom_section .right_content .right_content_ins .txt p { margin-bottom: 0.9em; }
.about_page  .bottom_section .right_content .right_content_ins .txt p:last-child { color: #008292; }
.about_page  .bottom_section .left_content { float: left; width: 665px; }
.about_page  .bottom_section .left_content .imag { background-repeat: no-repeat; background-position: center center; height: 100vh; max-height: 604px; width: 100%; max-width: 665px; }

.services_page { padding: 100px 0; }
.top_section.inner_container { max-width: 1535px; margin: auto auto; }
.services_page .main-ttl { margin-left: -40px; }
.services_page .top_section .right_content { padding-top: 20px; }
.services_page .top_section .right_content .imag { position: relative; top: 20px; }
.services_page .right_content .caption_out { text-align: right; }
.services_page .right_content .caption { width: 100%; max-width: 600px; display: inline-block; vertical-align: baseline; padding-left: 0; padding-right: 20px; }
.services_page .right_content .caption p { color: #288d89; font-size: 18px; text-align: right; }
.services_page .right_content .icon { width: 56px; height: 56px; display: inline-block; }
.services_page .green_bg { background-color: #008292; margin-top: -20px; }
.services_page .green_bg .green_bg_ins { max-width: 1535px; margin: auto auto; padding: 105px 0 135px 0; }
.services_page .green_bg .green_bg_ins .ins { max-width: 1330px; }
.services_page .green_bg .green_bg_ins .left { float: left; width: 50%; border-right: 1px solid #fff; padding: 30px 55px 30px 0; }
.services_page .green_bg .green_bg_ins .left p { color: #fff; }
.services_page .green_bg .green_bg_ins .right { float: right; width: 50%; padding: 30px 0px 30px 70px; }
.services_page .green_bg .green_bg_ins .right p { color: #fff; }
/***************** ABOUT *****************/

/***************** PHOTOGALLERY *****************/
.gallery_page_ins { max-width: 1466px; margin: auto auto; padding-top: 100px; }
.gallery_page .gallery_page_ins .intro h1 { margin-left: -45px; }
.gallery_page .gallery_page_ins .intro .introtext { max-width: 720px;  }
.gallery_page .green_bg { background-color: #008292; padding: 50px 0 50px 0; position: relative; margin-top: 75px; }
.gallery_page .green_bg h2 { padding-left: 225px; color: #fff; font-size: 48px; }
.gallery_page .flexgallery_products { max-width: 1460px; margin: auto auto; padding-top: 30px; }
.gallery_page .flexgallery_products .img_out img { height: 285px; width: 465px; border: 1px solid #fff; position: relative; }
.gallery_page .arrows_ins2 { position: absolute; right: 240px; top: 66px; }
.gallery_page .arrows_ins2 span { cursor: pointer; }
.gallery_page .arrows_ins2 span:first-child { padding-right: 10px; }

.gallery_page .grey_bg { background-color: #e4e4e4; padding: 50px 0 50px 0; position: relative; margin-top: 75px; }
.gallery_page .grey_bg h2 { padding-left: 225px; color: #008292; font-size: 48px; }
.gallery_page .grey_bg ul { max-width: 1460px; margin: auto auto; padding-top: 30px; }
.gallery_page .grey_bg ul li { display: inline-block; padding-right: 50px; }
.gallery_page .grey_bg ul li:last-child { padding-right: 0; }
.wf-mediabox-container iframe { max-width: 1200px!important; }
/***************** PHOTOGALLERY *****************/

/***************** CONTACT *****************/
.contact_page { padding-bottom: 100px; }
.contact_page .pull-right { float: right; width: 60%; margin-top: 0; }
.contact_page .pull-right .slide_img { height: 100vw; max-height: 755px; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; z-index: 1; }

.contact_page .pull-left { float: left; width: 40%; margin-top: 0; position: relative; }
.contact_page .pull-left .ins { background: #f6f6f6; height: 100%; min-height: 560px; }
.contact_page .pull-left .ins .slide_info { width: 100%; max-width: 600px; position: absolute; top: 40%; padding-left: 60px; }
.contact_page .pull-left .ins .slide_info .ttl h1 { color:#008292; font-size: 48px; font-weight: 300; width: 100%; max-width: 300px; }
.contact_page .pull-left .ins .slide_info .ttl h1:before { content: none; }
.contact_page .pull-left .ins .slide_info .ttl h1 strong { font-weight: bold; }
.contact_page .pull-left .ins .slide_info .txt { margin-top: 25px; }
.contact_page .pull-left .ins .slide_info .txt p { font-size: 20px; line-height: 24px; }
.contact_page .pull-left .info { position: absolute; left: 60px; top: 100%; margin-top: 80px; }
.contact_page .pull-left .info p { color: #008292; font-size: 24px; }
.contact_page .pull-left .info a { color: #008292; font-size: 24px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.contact_page .pull-left .info a:hover { border-bottom: 2px solid #008292; }
.contact_page .map { padding-left: 60px; margin-top: 110px; }
.contact_page .map iframe { max-width: 1480px; }

div.cf-container { margin-bottom: 60px; }
div.cf-container div.form { max-width: 900px; padding: 30px 30px 0 0px; }
div.cf-container div.form .fieldType { position: relative; } 
div.cf-container div.form .fieldType.captcha { clear: both; }
div.cf-container div.form .fieldType:nth-child(1) { float: left; width: 50%; } 
div.cf-container div.form .fieldType:nth-child(2) { float: right ;width: 50%; padding-left: 20px; }
div.cf-container div.form .fieldType:nth-child(3) { float: left ;width: 50%; }
div.cf-container div.form .fieldType:nth-child(4) { float: right ;width: 50%; padding-left: 20px; z-index: 2; }
div.cf-container div.form .fieldType.text:nth-child(5) { z-index: 1; }
div.cf-container div.form .fieldType.text { z-index: 2; }
div.cf-container div.form .fieldType.optin { float: left; }
div.cf-container div.form .fieldType.submit { float: right; width: 20%; }
div.cf-container div.form .fieldType.submit input { background: transparent; border: 1px solid #ccc; border-radius: 26px; color: #000; cursor: pointer; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
div.cf-container div.form .fieldType.submit input:hover { background: #008292; border: 1px solid #008292; color: #fff; }
div.cf-container form fieldset input { width: 100%; border: none; border-radius: 0; box-shadow: none; float: left; border: 1px solid #ccc; } 
div.cf-container form fieldset input:focus,div.cf-container form fieldset textarea:focus  { outline: none;  border-radius: 0!important; } 
div.cf-container form fieldset textarea { width: 100%; float: none; border: none; box-shadow: none;  border-radius: 0; border: 1px solid #ccc; }
div.cf-container form fieldset textarea:hover,div.cf-container form fieldset input:hover { box-shadow: none; border-radius: 0!important; }
div.cf-container form fieldset .label { float: none; width: 100%; text-align: left; font-weight: 400; font-size: 16px; color: #000; }
.all-options.optin { display: table; }
.all-options.optin input { display: table-cell; width: 20px; height: 20px; float: none; vertical-align: sub; }
.all-options.optin label { font-weight: 400; font-size: 14px; color: #000; }
.alert { position: absolute; z-index: 3; background-color: #fff; left: 0; border: 1px solid #ccc; right: 0; text-align: center; max-width: 600px; margin: 60px auto 0 auto; box-shadow: 0 0 13px rgba(0,0,0,0.31); }
div.cf-container form label.error { position: absolute; left: 0; bottom: -14px; }
div.cf-container div.form .fieldType:nth-child(2) label.error { left: 20px; }
div.cf-container div.form .fieldType:nth-child(4) label.error { left: 20px; }
input[type="file"] {
    border: 0;
    background-color: #fff;
}

/***************** CONTACT *****************/
table { width: 100%!important; overflow-y: auto; }
table tr { border: 1px solid #ccc; }
table td { border: 1px solid #ccc; }
strong { font-weight: bold; }
/* CUSTOM CSS*/