/* =CSS Reset
--------------------------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}
/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article, section, figure, hgroup { display: block; }  

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
   img,object,embed {max-width: 100%;}

   /* force a vertical scrollbar to prevent a jumpy page */

/* we use a lot of ULs that aren't bulleted. 
don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

/* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active, a:focus {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* Micro Clearfix Hack */
.cf:before, .cf:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.cf:after { clear: both; }  
.cf { zoom: 1; }  

img {
	image-rendering: -webkit-optimize-contrast;
}

body {
    font-family: "Roboto Slab", sans-serif;
}

input, textarea, select, button, input[type="submit"] {
    font-family: "Roboto Slab", sans-serif;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* Start Basic CSS
--------------------------------------------------------------------------------------------------*/
input,
textarea,
button,
select,
a,
span,
div {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

img {
    height: auto;
}

body {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: #333;
	font-family: "Roboto", sans-serif;
}

html {
	height: 100%;
}

body {
	height: 100%;
}

html.canvas-opened {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    overflow-y: scroll;
}

.wrapper {
	position: relative;
	width: 100%;
	min-height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
}

select, input, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.container {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 0px 15px;
}

.container-small {
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
	padding: 0px 15px;
}

.btn {
	display: inline-block;
	outline: none;
	text-decoration: none;
}

.blue-btn {
	margin-top: 30px;
    height: 50px;
    border: 0px;
    padding: 0px 40px;
    border-radius: 10px;
    background: #1a74b5;
    color: #fff;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.blue-btn:hover {
	background: #f47a00;
    color: #fff;
}

.white-btn {
    margin-top: 30px;
    height: 50px;
    border: 0px;
    padding: 0px 40px;
    border-radius: 10px;
    background: #fff;
    color: #f47a00;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.white-btn:hover {
    background: #f47a00;
    color: #fff;
}

.default-pagination {
    margin: 30px 0 60px;
    text-align: center !important;
}

.default-pagination ul li {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 0;
    text-align: center;
}

.default-pagination ul li a {
    display: block;
    border: 1px solid #0A1D6B;
    line-height: 38px;
    text-decoration: none;
    color: #0A1D6B;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.default-pagination ul li a:hover {
    border-color: #f47a00;
    color: #f47a00;
}

.default-pagination ul li span {
    display: block;
    background: #f47a00;
    color: #fff;
    border-color: #f47a00;
}
/* End Basic CSS
--------------------------------------------------------------------------------------------------*/

/* Start header CSS
--------------------------------------------------------------------------------------------------*/
#header {
    position: relative;
    z-index: 2;
    padding: 10px 0px;
}

.alt-page-header {
    margin-bottom: 80px;
    border-bottom: 1px solid #f47a00;
}

.menu-toggle {
    display: none;
}

.header-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-menu li {
    float: left;
    margin-left: 30px;
}

.main-menu li a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #0A1D6B;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.main-menu li a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #f47a00;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.main-menu li a:hover:after {
    width: 100%;
}

.main-menu li a:hover {
    color: #f47a00;
}

.navbar-container {
    display: flex;
    align-items: center;
}

.language-select {
    margin-left: 20px;
    padding: 5px;
    position: relative;
}

.selected-language {
    color: #0A1D6B;
    font-weight: 500;
    display: block;
    cursor: pointer;
    background: #F7F8FB;
    height: 30px;
    line-height: 30px;
    padding: 0px 5px;
}

.selected-language i {
    line-height: 30px;
    font-size: 12px;
    vertical-align: bottom;
}

.language-switcher {
    display: none;
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    text-align: center;
}

.language-switcher.showed {
    display: block;
}

.language-select ul li {
    margin: 0px 5px 0px 5px;
}

.language-select ul li a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #0A1D6B;
    background: #F7F8FB;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.language-select ul li span {
    display: block;
    position: relative;
    text-decoration: none;
    color: #0A1D6B;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
/* End header CSS
--------------------------------------------------------------------------------------------------*/

/* Start footer CSS
--------------------------------------------------------------------------------------------------*/
.logo-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.logo-wrapper a {
    display: block;
    width: 30%;
    margin-right: 10px;
}

.logo-wrapper a.kezdi-logo {
    background: rgba(255, 255, 255, .2);
    padding: 10px;
    box-sizing: border-box;
    border-radius: 10px;
}

#footer {
    position: relative;
    padding: 80px 0 40px;
    background-color: transparent;
    background-image: linear-gradient(90deg, #0a1d6b 0%, #FA9A18 100%);
    width: 100%;
}

#footer:before {
    position: absolute;
    content: '';
    left: 0;
    top: -90px;
    height: 95px;
    width: 100%;
    background: url('../img/bgi/footer-img.png') left top repeat-x;
}

.copyright-container {
    margin-top: 40px;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

.footer-row {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-col {
    width: calc(100% / 3);
}

.email-footer {
    color: #fff;
    margin-top: 20px;
}

.email-footer a {
    text-decoration: none;
    color: #f47a00;
}

.footer-col h3 {
    margin-bottom: 10px;
    color: #fff;
    font-size: 16px;
}

.footer-col ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
}

.footer-contact li {
    margin-bottom: 10px;
}

.footer-contact li p {
    color: #fff;
}

.footer-social {
    text-align: center;
    margin-bottom: 20px;
}

.footer-social li {
    display: inline-block;
    margin: 0px 10px;
    vertical-align: middle;
}

.footer-social li a {
    font-size: 20px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.footer-social li a svg {
    display: block;
    width: 20px;
    height: 20px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.footer-social li a svg path {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.footer-social li a:hover svg path {
    fill: #1a74b5;
}

.footer-social li a:hover {
    color: #1a74b5;
}

.footer-menu {
    text-align: center;
}

.footer-menu li {
    font-size: 14px;
    margin: 5px 0px;
}

.eu-wrapper {
    display: flex;
    align-items: center;
    max-width: 80%;
    width: 100%;
    margin: 30px auto 0px;
    padding-top: 30px;
    border-top:1px solid #fff;
}

.eu-wrapper img {
    display: block;
    width: 50%;
}

.eu-wrapper-text {
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    text-align: justify;
}

.eu-wrapper-text br {
    display: none;
}

.eu-missions-wrapper img {
    display: block;
    max-width: 80%;
    margin-left: auto;
}

.eu-missions-wrapper-text {
    color: #fff;
    font-size: 14px;
    max-width: 70%;
    margin-left: auto;
    margin-top: 30px;
}
/* End footer CSS
--------------------------------------------------------------------------------------------------*/

/* Start homepage CSS
--------------------------------------------------------------------------------------------------*/
.container-large {
    max-width: 1600px;
    width: 100%;
    margin:0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.slider-section {
	position: relative;
}

.slider-section .slick-dots {
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    text-align: center;
}

.slider-section .slick-dots li {
    display: inline-block;
    margin: 0px 5px;
}

.slider-section .slick-dots button {
    display: block;
    padding: 0;
    border: 2px solid #fff;
    outline: none;
    font-size: 0px;
    width: 15px;
    height: 15px;
    background: transparent;
    border-radius: 15px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.slider-section .slick-dots li.slick-active button {
    width: 30px;
}

.slick-slide > img {
    display: block;
    height: 600px;
    object-fit: none;
}

.risk-section {
    margin: 80px 0px;
}

.risk-section h2 {
    text-align: center;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 80px;
}

.risk-section ul {
    display: flex;
    justify-content: space-between;
}

.risk-section ul li {
    text-align: center;
    width: calc(100% / 3 - 30px);
}

.risk-section ul li figure {
    width: 160px;
    margin: 0 auto 30px;
}

.risk-section ul li h3 {
    font-size: 20px;
    margin-bottom: 20px;
}

.risk-section ul li:first-child h3 {
    color: #1a74b5;
}

.risk-section ul li:nth-child(2) h3 {
    color: #f47a00;
}

.risk-section ul li:last-child h3 {
    color: #f9bc12;
}

.risk-section ul li figure img {
    display: block;
}

.climax-description-home {
    position: relative;
    padding: 80px 0px;
    background: #1a74b5;
    text-align: center;
    color: #fff;
}

.wave-shape {
    position: absolute;
    left: 0;
    height: 40px;
    width: 100%;
}

.white-shape {
    fill: #fff;
}

.gray-shape {
    fill: #F7F8FB;
}

.blue-shape {
    fill: #1a74b5;
}

.shape-top {
    top: 0;
}

.shape-bottom {
    bottom: -40px;
}

.climax-description-home h2 {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 30px;
}

.climax-about-home {
    margin: 120px 0px 80px;
}

.climax-description-home p {
    line-height: 24px;
}

.climax-description-home p strong {
    color: #f47a00;
}

.climax-about-inner-home {
    display: flex;
    align-items: center;
}

.climax-about-inner-home figure {
    width: 50%;
    border-radius: 30px;
    overflow: hidden;
}

.climax-about-inner-home .text-default {
    width: 50%;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.climax-about-inner-home .text-default h2 {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 30px;
}

.climax-about-inner-home .text-default ul li {
    position: relative;
    padding-left: 20px;
    font-size: 18px;
    line-height: 24px;
    margin: 20px 0px;
}

.climax-about-inner-home .text-default ul li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 7;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #f47a00;
}

.press-section {
    padding: 80px 0px;
    background: #F7F8FB;
    text-align: center;
}

.press-section h2 {
    text-align: center;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 30px;
}

.post-list {
    display: flex;
    flex-wrap: wrap;
}

.post-list li {
    width: calc(100% / 3 - 20px);
    margin-right: 30px;
    background: #fff;
    position: relative;
    border-radius: 10px;
    text-align: left;
    overflow: hidden;
}

.post-list li:nth-child(3n) {
    margin-right: 0px;
}

.post-list li a {
    display: block;
    position: absolute;
    bottom: 30px;
    left: 30px;
    text-decoration: none;
    color: #f47a00;
}

.post-list li .post-date {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #adadad;
}

.post-list li h3 {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
}

.post-list li p {
    margin-bottom: 20px;
}

.post-short {
    padding: 30px 30px 50px;
}
/* End homepage CSS
--------------------------------------------------------------------------------------------------*/

/* Start default-text CSS
--------------------------------------------------------------------------------------------------*/
.page-title {
    text-align: center;
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 80px;
}

.default-text {
    text-align: justify;
}

.default-text p,
.default-text ul,
.default-text ol {
    margin-bottom: 30px;
}

.default-text ol {
    list-style-position: inside;
}

.default-text ul li {
    position: relative;
    padding-left: 15px;
}

.default-text ul li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 7;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #f47a00;
}

.default-text h2 {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 10px;
}

.default-text ol { counter-reset: item; }
.default-text ol li { display: block; }
.default-text ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    color: #f47a00;
}

.default-text blockquote {
    margin-bottom: 30px;
    position: relative;
    font-size: 24px;
    line-height: 40px;
    padding: 30px 30px 30px 60px;
    font-style: italic;
    border-left: 2px solid #f47a00;
}

.default-text blockquote p {
    margin-bottom: 0px;
}
/* End default-text CSS
--------------------------------------------------------------------------------------------------*/

/* End about-template-section CSS
--------------------------------------------------------------------------------------------------*/
.about-template-section {
    margin-bottom: 80px;
}

.image-left-content,
.video-left-content {
    display: flex;
    align-items: center;
    padding: 80px 0px;
}

.image-left-content figure,
.video-left-content .video-left {
    width: 50%;
    border-radius: 30px;
    overflow: hidden;
}

.image-right-content,
.video-right-content {
    display: flex;
    align-items: center;
    padding: 80px 0px;
}

.image-right-content figure,
.video-right-content .video-right {
    width: 50%;
    border-radius: 30px;
    overflow: hidden;
}

.image-left-text,
.video-left-text {
    width: 50%;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.image-right-text,
.video-right-text {
    width: 50%;
    padding-right: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.image-left-text ul li,
.image-right-text ul li,
.video-right-text ul li,
.video-left-text ul li {
    position: relative;
    line-height: 24px;
    padding-left: 20px;
    margin: 20px 0px;
}

.image-left-text p,
.image-right-text p,
.video-left-text p,
.video-right-text p {
    line-height: 24px;
}

.title-row {    
    text-align: center;
    font-size: 32px;
    line-height: 38px;
}

.video-row {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    width: 100%;
    margin:0 auto;
    height: 0;
    border-radius: 30px;
    overflow:hidden;
}

.video-row iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container {
    padding:80px 15px;
}
/* End about-template-section CSS
--------------------------------------------------------------------------------------------------*/

/* Start press CSS
--------------------------------------------------------------------------------------------------*/
.press-section-page {
    margin-bottom: 80px;
}

.press-section-page .post-list li {
    margin-bottom: 30px;
    background: #F7F8FB;
}

.img-center {
    margin-bottom: 50px;
}

.img-center img {
    display: block;
    margin: 0 auto;
}
/* End press CSS
--------------------------------------------------------------------------------------------------*/

/* Start gallery CSS
--------------------------------------------------------------------------------------------------*/
.gallery-images {
    margin-bottom: 80px;
}

.gallery-list {
    display: flex;
    flex-wrap: wrap;
}

.gallery-list li {
    width: calc(100% / 3 - 20px);
    margin-right: 30px;
    background: #F7F8FB;
    position: relative;
    border-radius: 10px;
    text-align: left;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.gallery-list li:nth-child(3n) {
    margin-right: 0px;
}

.gallery-list li h3 {
    font-size: 18px;
    line-height: 24px;
}

.gallery-list li a {
    text-decoration: none;
    color: #333;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.gallery-list li a > div {
    padding: 20px;
}

.gallery-list li:hover {
    background: #1a74b5;
}

.gallery-list li:hover a {
    color: #fff;
}

.gallery-grid { 
    width: calc(100% / 3);
}

.gallery-grid {
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.gallery-grid a {
    display: block;
    overflow: hidden;
}

.gallery-grid a img {
    display: block;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.gallery-grid a:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.gallery-sizer { 
    width: calc(100% / 3);
}

.fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
}

.fancybox-thumbs__list {
    margin: 0 auto;
}

.fancybox-bg,
.fancybox-is-open .fancybox-bg {
    opacity: 1;
    background: rgba(0, 0, 0, .5);
}

.fancybox-thumbs__list a:before {
    border: 1px solid #000;
}

.fancybox-infobar {
    font-size: 16px;
    color: #333545;
    opacity: 1;
    visibility: visible;
    mix-blend-mode: unset;
}

.fancybox-toolbar {
    opacity: 1;
    visibility: visible;
}

.fancybox-button.fancybox-button--close {
    background: transparent;
    width: 60px;
    height: 50px;
    color: #666;
    opacity: 1;
    visibility: visible;
}

.fancybox-button.fancybox-button--close:hover {
    color: #000;
}

.fancybox-navigation .fancybox-button {
    opacity: 1;
    visibility: visible;
}


.fancybox-button.fancybox-button--zoom {
    display: none !important;
}

.fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: #fff;
}

.fancybox-button {
    background: #000;
}
/* End gallery CSS
--------------------------------------------------------------------------------------------------*/