/*
Theme Name: Mahart Cruises
Theme URI: https://mahart.info
Description: Mahart Cruses WordPress theme
Version: 2.0
Author: Attila Bacso
Author URI: https://bacsoattila.hu
*/
@charset "utf-8";

* {padding:0; margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body, html {background: #FFF;font-size:16px;color:#000;font-family: 'Source Sans Pro', sans-serif;max-width: 100%;margin: auto;}
body.noscroll, body.overlay_active {overflow:hidden;}
body {position: relative;}

input, textarea, button, .nutgraf, select {outline:0; font-family: 'Source Sans Pro', sans-serif;}
.noborder {border:0 none;}
img {border:0;}
svg {height:auto;}
ul, ol, li {list-style-type:none;}
ul.ul-default, ul.ul-default li {list-style-type:disc;list-style-position:outside;padding-left:1em;padding-right:1em;}
ol.ol-default, ol.ol-default li {list-style-type:decimal;list-style-position:outside;padding-left:1em;padding-right:1em;}
table {border-collapse:collapse; border-spacing:0;}
a {color:#000;} a:hover {color:#0a1165;} a.underline {text-decoration:underline;}

.mandatory {color:#F15857 !important;}
input.mandatory:-ms-input-placeholder {color:#F15857 !important;}
input.mandatory::-ms-input-placeholder {color:#F15857 !important;}
input.mandatory:placeholder {color:#F15857 !important;opacity:1;}
input.mandatory::-webkit-input-placeholder {color:#F15857 !important;}
input.mandatory::-moz-placeholder {color:#F15857 !important;}
input.mandatory::-ms-input-placeholder {color:#F15857 !important;}
input#autocomplete.mandatory {border-bottom:1px solid #F15857;}

a.atop:hover {background:#00adf1;color:#FFF;}
a, a:hover, a:focus{text-decoration:none; outline:0;}
a.under {text-decoration:underline;}
a:hover{text-decoration:none;}
a.color-transition {transition: color .3s ease-in-out;}

input,textarea, select {color:#000;border:1px solid #000;padding:3px;}

.sm {font-size:0.8em;}
.cl {clear:both; height:0; line-height:0; font-size:0;}
.cle {clear:both;}

/* DISPLAY */

.bl  {display:block;}
.df  {display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;/*-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;*/}
.dfc {flex-direction: column;}
.ib {display: inline-block;zoom: 1;*display: inline;} .il {display:inline;} .ta {display:table;} .tc {display:table-cell;}
.dn {display:none;} .dnone {display:none !important;}
.ai {align-items:center;}

.oh {overflow:hidden;} .cp {cursor:pointer;}

.l0 {left:0;} .l10 {left:10px;} .l15 {left:15px;} .l20 {left:20px;} .l25 {left:25px;} .l30 {left:30px;}
.t0 {top:0;} .t10 {top:10px;} .t15 {top:15px;} .t20 {top:20px;} .t25 {top:25px;}
.b0 {bottom:0;} .b10 {bottom:10px;} .b15 {bottom:15px;} .b20 {bottom:20px;} .b25 {bottom:25px;} .b30 {bottom:30px;}
.r0 {right:0;} .r10 {right:10px;} .r15 {right:15px;} .r30 {right:30px;}

/* ROTATE */

.rot90 {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);float:left;transform-origin:100% 0;}
.rot90m {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);float:left;transform-origin: 0 0;}

/* WIDTH */

.n1 {width: 1%;} .n2 {width: 2%;} .n3 {width: 3%;} .n4 {width: 4%;} .n5 {width: 5%;} .n6 {width: 6%;} .n7 {width: 7%;} .n8 {width: 8%;} .n9 {width: 9%;} .n10 {width: 10%;}
.n11 {width: 11%;} .n12 {width: 12%;} .n13 {width: 13%;} .n14 {width: 14%;} .n15 {width: 15%;} .n16 {width: 16%;} .n17 {width: 17%;} .n18 {width: 18%;} .n19 {width: 19%;} .n20 {width: 20%;}
.n21 {width: 21%;} .n22 {width: 22%;} .n23 {width: 23%;} .n24 {width: 24%;} .n25 {width: 25%;} .n26 {width: 26%;} .n27 {width: 27%;} .n28 {width: 28%;} .n29 {width: 29%;} .n30 {width: 30%;}
.n31 {width: 31%;} .n32 {width: 32%;} .n33 {width: 33.33%;} .n34 {width: 34%;} .n35 {width: 35%;} .n36 {width: 36%;} .n37 {width: 37%;} .n38 {width: 38%;} .n39 {width: 39%;} .n40 {width: 40%;}
.n41 {width: 41%;} .n42 {width: 42%;} .n43 {width: 43%;} .n44 {width: 44%;} .n45 {width: 45%;} .n46 {width: 46%;} .n47 {width: 47%;} .n48 {width: 48%;} .n49 {width: 49%;} .n50 {width: 50%;}
.n51 {width: 51%;} .n52 {width: 52%;} .n53 {width: 53%;} .n54 {width: 54%;} .n55 {width: 55%;} .n56 {width: 56%;} .n57 {width: 57%;} .n58 {width: 58%;} .n59 {width: 59%;} .n60 {width: 60%;}
.n61 {width: 61%;} .n62 {width: 62%;} .n63 {width: 63%;} .n64 {width: 64%;} .n65 {width: 65%;} .n66 {width: 66.66%;} .n67 {width: 67%;} .n68 {width: 68%;} .n69 {width: 69%;} .n70 {width: 70%;}
.n71 {width: 71%;} .n72 {width: 72%;} .n73 {width: 73%;} .n74 {width: 74%;} .n75 {width: 75%;} .n76 {width: 76%;} .n77 {width: 77%;} .n78 {width: 78%;} .n79 {width: 79%;} .n80 {width: 80%;}
.n81 {width: 81%;} .n82 {width: 82%;} .n83 {width: 83%;} .n84 {width: 84%;} .n85 {width: 85%;} .n86 {width: 86%;} .n87 {width: 87%;} .n88 {width: 88%;} .n89 {width: 89%;} .n90 {width: 90%;}
.n91 {width: 91%;} .n92 {width: 92%;} .n93 {width: 93%;} .n94 {width: 94%;} .n95 {width: 95%;} .n96 {width: 96%;} .n97 {width: 97%;} .n98 {width: 98%;} .n99 {width: 99%;} .n100 {width: 100%;}

.ng {width: 100%; margin:auto;max-width: 100%;}

/* HEIGHT */

.h40 {height:40%;} .h30 {height:30%;} .h70 {height:70%;} .h100px {height:100px;} .h100 {height:100%;} .h1 {height:1px;}
.highlight {background-color:#F15857 !important;color:#FFF !important;}
.ttu {text-transform:uppercase;} .ttl {text-transform:lowercase;} .ttn {text-transform:none;}

/* COLORS */

.cred {color:#F15857;fill:#F15857;} .clred {color:#fdebea;fill:#fdebea;} .cgrey {color:#938fa4;} .clgrey {color:#D8D8D8;} .cdgrey {color:#777;fill:#777;} .cblue {color:#0a1165;fill:#0a1165;} .cmidblue {color:#119cd8;fill:#119cd8;} .cdblue {color:#114671;fill:#114671;} .cblack {color:#000;} .cwhite {color:#FFF;fill:#FFF;} .cbrown {color:#4B410A;} .cyellow {color:#FBB851;fill:#FBB851;} .corange {color:#ee7c08;} .cgreen {color:#0fe3ab;fill:#0fe3ab;} .clgreen {color:#3ffeca;fill:#3ffeca;}

.bnone {background: none;} .bred {background-color:#F15857;} .blred {background-color:#fdebea;} .bblack {background-color:#000;} .bgrey {background-color:#938fa4;} .blgrey {background-color:#D8D8D8;} .blwhite {background-color:#f7f7f7;} .bdgrey {background-color:#777;} .bwhite {background-color:#FFF;} .byellow {background-color:#FBB851;} .bgreen {background-color:#0fe3ab;} .blgreen {background-color:#3ffeca;} .bblue {background-color:#0a1165;} .blblue {background-color:#f3f8fc;} .bdblue {background-color:#114671;} .bbrown {background:#4B410A;} .borange {background:#ee7c08;} .bdplum {background-color:#323150;} .bplum {background-color:#383759;} .bmplum {background-color:#282840;} .blplum {background-color:#3c3b5b;} .bmidblue {background-color:#119cd8;} 


.grey40 {background-color:rgba(102,102,102,0.4);}
.dgrey40 {background-color:rgba(40,40,40,0.4);}
.dgrey50 {background-color:rgba(40,40,40,0.5);}
.black50 {background-color:rgba(0,0,0,0.5);}
.black70 {background-color:rgba(0,0,0,0.7);}
.white50 {background-color:rgba(255,255,255,0.5);}

/* PADDING */

.p0 {padding:0;} .p5 {padding:5px;} .p10 {padding:10px;} .p15 {padding:15px;} .p20 {padding:20px;} .p25 {padding:20px;} .p30 {padding:30px;} .p35 {padding:35px;} .p40 {padding:40px;} .p48 {padding:48px;} .p50 {padding:50px;} .p60 {padding:60px;}
.pr1 {padding-right:1px;} .pr5 {padding-right:5px;} .pr10 {padding-right:10px;} .pr15 {padding-right:15px;} .pr20 {padding-right:20px;} .pr25 {padding-right:20px;} .pr30 {padding-right:30px;} .pr35 {padding-right:35px;} .pr40 {padding-right:40px;} .pr45 {padding-right:40px;} .pr50 {padding-right:50px;} .pr60 {padding-right:60px;} .pr100 {padding-right:100px;} .pr120 {padding-right:120px;}
.pt2 {padding:2px 0;} .pt5 {padding:5px 0;} .pt10 {padding:10px 0;} .pt20 {padding:20px 0;} .pt25 {padding:25px 0;} .pt15 {padding:15px 0;} .pt30 {padding:30px 0;} .pt24 {padding:24px 0;} .pt35 {padding:35px 0;} .pt40 {padding:40px 0;} .pt50 {padding:50px 0;} .pt60 {padding:60px 0;} .pt80 {padding:80px 0;} .pt100 {padding:100px 0;} .pt120 {padding:120px 0;} .pt130 {padding:130px 0;} .pt150 {padding:150px 0;} .pt200 {padding:200px 0;}
.ptop10 {padding:10px 0 0 0;} .ptop5 {padding:5px 0 0 0;} .ptop15 {padding:15px 0 0 0;}
.pb0 {padding-bottom:0;} .pb1 {padding-bottom:1px;} .pb5 {padding-bottom:5px;} .pb10 {padding-bottom:10px;} .pb15 {padding-bottom:15px;} .pb20 {padding-bottom:20px;} .pb25 {padding-bottom:25px;} .pb30 {padding-bottom:30px;} .pb35 {padding-bottom:35px;} .pb40 {padding-bottom:40px;} .pb50 {padding-bottom:50px;} .pb55 {padding-bottom:55px;} .pb60 {padding-bottom:60px;} .pb70 {padding-bottom:70px;} .pb80 {padding-bottom:80px;} .pb90 {padding-bottom:90px;} .pb100 {padding-bottom:100px;}
.pl5 {padding-left:5px;} .pl10 {padding-left:10px;} .pl15 {padding-left:15px;} .pl20 {padding-left:20px;} .pl25 {padding-left:25px;} .pl30 {padding-left:30px;} .pl40 {padding-left:40px;} .pl45 {padding-left:45px;} .pl50 {padding-left:50px;} .pl60 {padding-left:60px;} .pl100 {padding-left:100px;}
.plr5 {padding-left:5px;padding-right:5px;} .plr10 {padding-left:10px;padding-right:10px;} .plr15 {padding-left:15px;padding-right:15px;} .plr20 {padding-left:20px;padding-right:20px;} .plr25 {padding-left:25px;padding-right:20px;} .plr30 {padding-left:30px;padding-right:30px;} .plr40 {padding-left:40px;padding-right:40px;} .plr50 {padding:0 50px;} .plr60 {padding:0 60px;} .plr100 {padding:0 100px;} .plr140 {padding:0 140px;}

/* MARGIN */

.mb5 {margin-bottom:5px;} .mb10 {margin-bottom:10px;} .mb15 {margin-bottom:15px;} .mb20 {margin-bottom:20px;} .mb25 {margin-bottom:25px;} .mb24 {margin-bottom:24px;} .mb30 {margin-bottom:30px;} .mb35 {margin-bottom:35px;} .mb40 {margin-bottom:40px;} .mb45 {margin-bottom:45px;} .mb50 {margin-bottom:50px;} .mb55 {margin-bottom:55px;} .mb60 {margin-bottom:60px;} .mb70 {margin-bottom:70px;} .mb80 {margin-bottom:80px;} .mb90 {margin-bottom:90px;} .mb100 {margin-bottom:100px;} .mb120 {margin-bottom:120px;}
.mt5 {margin-top:5px;} .mt10 {margin-top:10px;} .mt15 {margin-top:15px;} .mt20 {margin-top:20px;} .mt25 {margin-top:25px;} .mt24 {margin-top:24px;} .mt30 {margin-top:30px;} .mt35 {margin-top:35px;} .mt40 {margin-top:40px;} .mt50 {margin-top:50px;} .mt60 {margin-top:60px;} .mt70 {margin-top:70px;} .mt80 {margin-top:80px;}.mt100 {margin-top:100px;}
.ml5 {margin-left:5px;} .ml7 {margin-left:7px;} .ml8 {margin-left:8px;} .ml10 {margin-left:10px;} .ml15 {margin-left:15px;} .ml20 {margin-left:20px;} .ml24 {margin-left:24px;} .ml25 {margin-left:25px;} .ml30 {margin-left:30px;} .ml40 {margin-left:40px;} .ml48 {margin-left:48px;} .ml50 {margin-left:50px;} .ml60 {margin-left:60px;}
.mr5 {margin-right:5px;} .mr7 {margin-right:7px;} .mr8 {margin-right:8px;} .mr10 {margin-right:10px;} .mr15 {margin-right:15px;} .mr20 {margin-right:20px;} .mr24 {margin-right:24px;} .mr25 {margin-right:25px;} .mr30 {margin-right:30px;} .mr35 {margin-right:35px;} .mr40 {margin-right:40px;} .mr48 {margin-right:48px;} .mr50 {margin-right:50px;} .mr60 {margin-right:60px;} .mr70 {margin-right:70px;}
.m10 {margin:10px 0;} .m15 {margin:15px 0;} .m20 {margin:20px 0;} .m30 {margin:30px 0;} .m40 {margin:40px 0;} .m50 {margin:50px 0;} .m60 {margin:60px 0;}
.minus5 {margin-left:-5px;margin-right:-5px;} .minus10 {margin-left:-10px;margin-right:-10px;} .minus20 {margin-left:-20px;margin-right:-20px;} .minus15 {margin-left:-15px;margin-right:-15px;}

/* POSITION & ALIGN */

.pr {position:relative;} .pf {position:fixed;} .pa {position:absolute;} .ma {margin:auto;}
.al {text-align:left;} .ar {text-align:right;} .ac {text-align:center;}
.vm {vertical-align:middle;} .vt {vertical-align:top;} .vb {vertical-align:bottom;} .vtt {vertical-align:text-top;}
.vam {top: 50%;transform: translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform: translateY(-50%);}
.ham {left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform: translateX(-50%);}
.centered {top:50%;left:50%;transform: translateY(-50%) translateX(-50%);}
.z0 {z-index:0;} .z1 {z-index:1;} .z2 {z-index:2;} .z3 {z-index:3;} .z4 {z-index:4;} .z5 {z-index:5;} .z9 {z-index:9;} .z10 {z-index:10;} .z99 {z-index:99;} .z999 {z-index:999;} .z1000 {z-index:1000;}
.fl {float:left;} .fr {float:right;} .fn {float:none;}

/* OPACITY */

.o0 {opacity:0;-ms-filter: "alpha(opacity=0)";filter: alpha(opacity=0);-khtml-opacity: .0;-moz-opacity: .0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);}
.o20 {opacity:0.2;-ms-filter: "alpha(opacity=20)";filter: alpha(opacity=20);-khtml-opacity: .20;-moz-opacity: .20;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20);}
.o40 {opacity:0.4;-ms-filter: "alpha(opacity=40)";filter: alpha(opacity=40);-khtml-opacity: .40;-moz-opacity: .40;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);}
.o60 {opacity:0.6;-ms-filter: "alpha(opacity=60)";filter: alpha(opacity=60);-khtml-opacity: .60;-moz-opacity: .60;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);}
.o70 {opacity:0.7;-ms-filter: "alpha(opacity=70)";filter: alpha(opacity=70);-khtml-opacity: .70;-moz-opacity: .70;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);}
.o80 {opacity:0.8;-ms-filter: "alpha(opacity=80)";filter: alpha(opacity=80);-khtml-opacity: .80;-moz-opacity: .80;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);}

/* FONT ATTRIBUTES */

.fs10 {font-size:1em;} .fs12 {font-size:1.2em;} .fs14 {font-size:1.4em;} .fs15 {font-size:1.5em;} .fs16 {font-size:1.6em;} .fs18 {font-size:1.8em;} .fs20 {font-size:2em;} .fs22 {font-size:2.2em;} .fs24 {font-size:2.4em;} .fs30 {font-size:3em;}  .fs40 {font-size:4em;}
.fs8px {font-size:8px;} .fs10px {font-size:10px;} .fs11px {font-size:11px;} .fs12px {font-size:12px;} .fs13px {font-size:13px;} .fs14px {font-size:14px;} .fs15px {font-size:15px;} .fs16px {font-size:16px;} .fs18px {font-size:18px;} .fs20px {font-size:20px;} .fs21px {font-size:21px;} .fs24px {font-size:24px;} .fs28px {font-size:28px;} .fs26px {font-size:26px;} .fs30px {font-size:30px;} .fs31px {font-size:31px;} .fs32px {font-size:32px;} .fs34px {font-size:34px;} .fs36px {font-size:36px;} .fs48px {font-size:48px;} .fs67px {font-size:67px;} .fs70px {font-size:70px;}
.lh100 {line-height:100%;} .lh120 {line-height:120%;} .lh140 {line-height:140%;} .lh150 {line-height:150%;} .lh160 {line-height:160%;} .lh180 {line-height:180%;} .lh200 {line-height:200%;} .lhn {line-height:normal;} .lh1 {line-height:1;}
.lsm05 {letter-spacing:-0.5px;} .lsm1 {letter-spacing:-1px;} .ls0 {letter-spacing:0;} .ls05 {letter-spacing:0.5px;} .ls1 {letter-spacing:1px;} .ls2 {letter-spacing:2px;} .ls3 {letter-spacing:3px;} .ls5 {letter-spacing:5px;} .ls10 {letter-spacing:10px;} .fsi {font-style: italic;} .fsn {font-style: normal;}

/* FONT WEIGHTS */

.flight {font-weight:300;} .fnormal {font-weight:400;} .fmedium {font-weight:500;} .fsemi, .fdemi {font-weight:600;} .fbold, strong {font-weight:700;} .fextra {font-weight:800;}


/* BORDERS */


.bts {border-top:1px solid #000;}
.bbs {border-bottom:1px solid #000;}
.bbsgrey {border-bottom:1px solid #979797;}
.bbdgrey {border-bottom:1px dashed #979797;}
.bbdlgrey {border-bottom:1px dashed #D8D8D8;}
.brsgrey {border-right:1px solid #979797;}
.btsgrey {border-top:1px solid #979797;}
.btslblue {border-top:1px solid #d4d3e0;}
.bbslblue {border-bottom:1px solid #d4d3e0;}
.bbslgrey {border-bottom:1px solid #D8D8D8;}
.btslgrey {border-top:1px solid #D8D8D8;}
.rounded {border-radius: 10px;overflow: hidden;}
.rounded-lg {border-radius: 24px;overflow: hidden;}
.rounded-circle {border-radius: 100%;overflow: hidden;}


/* HOVER EFFECTS */


.fade {opacity:1;transition: opacity .3s ease-in-out;-moz-transition: opacity .3s ease-in-out;-webkit-transition: opacity .3s ease-in-out;}
.scale {-ms-transform: scale(2,3);-webkit-transform: scale(2,3);transform: scale(2,3);}
.scale:hover {-ms-transform: scale(1,1);-webkit-transform: scale(1,1);transform: scale(1,1);}
.fade:hover {opacity:0.8;}
.jeangrey {-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: filter .4s ease-in-out;}
.jeangrey:hover {-webkit-filter: grayscale(0);filter: grayscale(0);}


/* IMAGES */


.img100 img, img.img100 {width:100%;height:auto;display:block;}
.imgnormal img, img.normal {width:auto;height:auto;display:block;}
.imgh100 img, img.imgh100 {height:100%;width:auto;display:block;}
.image-link {overflow: hidden;}
.image-link img {transition: transform .5s ease;}
.image-link:hover img {transform: scale(1.1) rotate(-1deg);}
.image-overlay {background-size: cover;background-repeat: no-repeat;background-position: center;}
.image-overlay, .image-overlay .inner-overlay {position: relative;}
.image-overlay:before {content: "";position: absolute;width: 100%;height: 100%;left:0;top:0;}


/* BUTTONS */


.btn {text-align: center;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;transition: color, background-color .15s ease-in-out; display: inline-block;zoom: 1;*display: inline;padding:12px 24px;line-height:1;border-radius: 24px;border: 0;}
.btn.bl {display: block;}
.btn.outline {padding: 11px 24px;}
.btn:hover {background-color:#F15857;color:#FFF;}



.btn.outline.cyellow {border:1px solid #ffcb1f;}
.btn.outline.cyellow:hover {background:#ffcb1f;color:#000;}
.btn.outline.cfirst {border:1px solid #1C75BC;}
.btn.outline.cfirst:hover {background:#1C75BC;color:#FFF;}
.btn.outline.csecond {border:1px solid #f15b4e;}
.btn.outline.csecond:hover {background:#f15b4e;color:#FFF;}
.btn.outline.cwhite {border:1px solid #FFF;}
.btn.outline.cwhite:hover {background:#FFF;color:#000;}

.btn.csecond:hover {}
.btn.bsecond:hover {background-color: #d74645;}

.btn.btn-tiny {padding:2px 6px;}
.btn.btn-small {padding:5px 10px;}
.btn.btn-medium {padding:15px 25px;}
.btn.btn-wide {padding-left:35px;padding-right:35px;}
.btn.btn-lg {padding: 16px 80px;font-size: 14px;line-height: 1.33em;}


/* MOBILE CLASSES PRIORITY */

.mobileonly {display:none;} .desktoponly {display:block;} .desktoponly.ib {display:inline-block;}


/* FLEXBOX */


.flexbox {display: -webkit-flex;display: -ms-flexbox;display: flex;overflow: hidden;flex-flow: wrap;}
.flexbox .col {flex: 1;}
.flexbox .col.n10 {flex:0 0 10%;}
.flexbox .col.n15 {flex:0 0 15%;}
.flexbox .col.n20 {flex:0 0 20%;}
.flexbox .col.n25 {flex:0 0 25%;}
.flexbox .col.n33 {flex:0 0 33.33%;}
.flexbox .col.n35 {flex:0 0 35%;}
.flexbox .col.n40 {flex:0 0 40%;}
.flexbox .col.n50 {flex:0 0 50%;}
.flex-aligner-middle {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-item {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.flex-top {align-self: flex-start;-webkit-align-self: flex-start;-ms-flex-item-align: start;align-self: flex-start;}
.flex-bottom {-webkit-align-self: flex-end;-ms-flex-item-align: end;align-self: flex-end;}
.flexbox .n10 {-ms-flex-preferred-size: 10%;flex-basis: 10%;}
.flexbox .n25 {-ms-flex-preferred-size: 25%;flex-basis: 25%;}
.flexbox .n30 {-ms-flex-preferred-size: 30%;flex-basis: 30%;}
.flexbox .n33 {-ms-flex-preferred-size: 33.33%;flex-basis: 33.33%;}
.flexbox .n40 {-ms-flex-preferred-size: 40%;flex-basis: 40%;}
.flexbox .n50 {-ms-flex-preferred-size: 50%;flex-basis: 50%;}
.flexbox .n55 {-ms-flex-preferred-size: 55%;flex-basis: 55%;}
.flexbox .n60 {-ms-flex-preferred-size: 60%;flex-basis: 60%;}
.flexbox .n70 {-ms-flex-preferred-size: 70%;flex-basis: 70%;}
.flex-column {flex-direction: column;flex-wrap:wrap;}
.df.card {display: flex;justify-content: space-between;flex-direction: column;}
.upper {justify-content:normal;}
.under {align-self: flex-end;}


/* SHADOWS  */

.shadow {box-shadow: 0 0 5px 4px #EEE;border-radius: 15px;}


/* HOME  */

.welcome_text {background: url(i/headphone-day.svg) no-repeat left center;background-size: 40px;padding: 10px 0 10px 60px;}
body.night .welcome_text {background: url(i/headphone-night.svg) no-repeat;}


/* BODY */

#the_menu ul, #the_menu ul img {vertical-align: middle;}
#the_menu ul#nav {margin-right: 20px;}
#langs li.lang-item {width: 40px;height: 40px;display: inline-block;background-size: cover;text-align: center;}
#langs li.lang-item a {vertical-align: middle;text-align: center;line-height: 40px;color: transparent;}
#langs li.lang-item-en {background: url(i/en-icon-white.svg) no-repeat;}
#langs li.lang-item-hu {background: url(i/hu-icon-white.svg) no-repeat;}


/* HEADER */

#logo {width: 40px;height: 40px;line-height: 40px;text-align: center;background-color: #FFF;border-radius: 100%;}
#logo img {width: 30px;height: auto;vertical-align: middle;}
header.header {height: 20vh;transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;background-position: center;background-size: cover;position: relative;}
header.header:before {content: "";position: absolute;width: 100%;height: 100%;background: rgba(10, 17, 101, 0.3);bottom: 0;left: 0;right: 0;z-index: 1;}
header.header.header_main:after {height: 70%;}
header.header:after {content: "";position: absolute;width: 100%;height: 50%;background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);bottom: 0;left: 0;right: 0;z-index: 2;}
a.nightmode {background: url("i/light-mode-white.svg") no-repeat;width: 40px;height: 40px;display: block;}
h1.post_title {margin-top: 20px;}


/* FOOTER */

#footer {background-color: #FFF;box-shadow: 0 0 5px 4px #EEE;border-top-right-radius: 15px;border-top-left-radius: 15px;}
.footer_text {color: #1b3a6b;font-size: 16px;}


/* POSTS */

article.the_post {position: relative;}
article.the_post .inner {transition: background-color .3s ease-in-out;}
article.the_post:hover .inner {background-color: #CCC;}
article.the_post figure.icon {width: 70px;height: 70px;display: inline-block;vertical-align: middle;line-height: 70px;padding: 0 5px;width: 20%;height: auto;}
article.the_post figure.icon svg {width: 100%;height: auto;fill: #0a1165;vertical-align: middle;display: inline-block;}
article.the_post .post_title {display: inline-block;vertical-align: middle;padding-left: 10px;color: #0a1165;font-weight: 600;text-transform: uppercase;width: 65%;}
article.the_post i {width: 40px;height: 40px;line-height: 40px;color: #fff;background-color: #119cd8;border-radius: 100%;vertical-align: middle;text-align: center;font-size: 28px;position: absolute;right: 10px;}

figure.icon.plain {width: 40px;height: 40px;display: inline-block;vertical-align: middle;line-height: 40px;padding: 0;}
figure.icon.plain svg {width: 100%;height: auto;fill: #0a1165;vertical-align: middle;display: block;}
.show_map i {width: 40px;height: 40px;line-height: 40px;color: #119cd8;background-color: #FFF;border-radius: 100%;vertical-align: middle;text-align: center;font-size: 28px;position: absolute;right: 10px;}


/* AJAX-LOADED POSTS */

#the_post {position: absolute;z-index: 9;top: 0;left: 0;width: 100%;background-color: #FFF;}
body.post_loaded .header_main, body.ajaxupdated .header_main {opacity: 0;}
#go_back {width: 40px;height: 40px;line-height: 40px;border-radius: 100%;text-align: center;position: relative;}
#go_back i {font-size: 28px;position: absolute;left: 0;right: 0;}
a.show_map {overflow: hidden;}
a.show_map:hover {color: #FFF;}
.the_map_outer:hover {background-color: #CCC;}
.the_map_outer:hover a {color: #0a1165;}
.the_map_outer:hover svg, .the_map_outer:hover svg path {fill: #0a1165;}
#the_map, #the_lang {background-color: #FFF;position: fixed;z-index: 9999;width: calc(100% - 130px);height: 500px;display: none;margin: auto;overflow: hidden;}
#the_overlay {background-color: #0a1165;height: 100%;width: 100%;opacity: 0.4;z-index: 9;position: fixed;display: none;top: 0;max-width: 100%;}
body.overlay_active main, body.overlay_active header {filter: blur(2px);}
body.overlay_active main.main_posts, body.post_loaded main.main_posts {display: none;}
a#close_map {z-index: 9;position: absolute;right: 15px;top: 15px;background-color: #0a1165;border-radius: 100%;line-height: 40px;width: 40px;height: 40px;padding: 0;text-align: center;vertical-align: middle;color: #FFF;}
a#close_map:hover {background-color: #0a1165;color: #FFF;}
a#close_map i {font-size: 24px;line-height: 1;vertical-align: middle;display: inline-block;}


/* VIMEO PLAYER */

button:disabled {opacity: 0.5;cursor: not-allowed;}
#progress {width: 100%;height: 10px;background: #ddd;margin: 20px auto;position: relative;}
#progress-fill {height: 100%;background: #0a1165;width: 0%;}
iframe.vimeo-audio-player {width: 1px;height: 1px;visibility: hidden;position: absolute;}
#controls {display: block;text-align: center;margin: 20px auto 40px auto;}
#controls .button {background-color: #119cd8;color: #FFF;width: 30px;height: 30px;line-height: 30px;vertical-align: middle;text-align: center;border-radius: 100%;border: 0 none;outline: 0;cursor: pointer;}
#controls .button span {display: block;color: #000;font-size: 12px;position: relative;white-space: nowrap;}
#controls .button.large {background-color: #0a1165;color: #FFF;width: 60px;height: 60px;line-height: 60px;margin: auto 40px;cursor: pointer;color: transparent;}
#controls .button.large.paused, #controls .button.large {background-image: url("i/play-icon.svg");background-repeat: no-repeat;background-size: 40%;background-position: center center;}
#controls .button.large.playing{background-image: url("i/pause-icon.svg");}
#controls .button i {font-size: 20px;line-height: 30px;}
#controls {z-index: 999;position: relative;}
#controls #video_image, #controls #video_title, #controls #close_player {display: none;}
#controls #close_player {color: #FFF;position: absolute;top: 10px;font-size: 20px;right: 10px;}
main.loaded_posts {margin-top: 120px;}
body.post_loaded h1.post_title, body.ajaxupdated h1.post_title {position: absolute;top: 10vh;z-index: 999;left: 20px;right: 20px;}

body.userHasInteracted:not(.post_loaded):not(.ajaxupdated) #controls {background-color: #1b3a6b;position: fixed;bottom: 20px;left: 0;right: 0;margin-bottom: 20px;width: auto;padding: 0 0 20px 0;border-radius: 20px;padding: 20px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
body.userHasInteracted:not(.post_loaded):not(.ajaxupdated) #controls .button span {color: #FFF;}
body.userHasInteracted:not(.post_loaded):not(.ajaxupdated) #controls #video_image, body.userHasInteracted:not(.post_loaded):not(.ajaxupdated) #controls #video_title, body.userHasInteracted:not(.post_loaded):not(.ajaxupdated) #controls #close_player {display: inline-block;}
body.userHasInteracted:not(.post_loaded):not(.ajaxupdated) #controls #prevBtn, body.userHasInteracted:not(.post_loaded):not(.ajaxupdated) #controls #nextBtn {display: none;}
body.userHasInteracted:not(.post_loaded):not(.ajaxupdated) #controls #video_title {color: #FFF;vertical-align: middle;margin-left: 20px;text-transform: uppercase;}
body.userHasInteracted:not(.post_loaded):not(.ajaxupdated) #controls #video_image {vertical-align: middle;height: 100px;width: auto;}
body.userHasInteracted:not(.post_loaded):not(.ajaxupdated) #controls #playBtn {vertical-align: middle;}
body.userHasInteracted:not(.post_loaded):not(.ajaxupdated) #progress {    margin-top: 10px;width: calc(100% - 30px);margin-left: 0;}



/* THE CONTENT */

.the_content p {margin-bottom: 20px;}
.the_content p:last-child {margin-bottom: 0;}


/* NIGHT MODE */

body.dark-mode {background-color: #1a1a1a;color: #FFF;}
body.dark-mode .shadow {box-shadow: 0 0 5px 4px #000;}
body.dark-mode article.the_post .post_title {color: #FFF;}
body.dark-mode article.the_post figure.icon svg {fill: #FFF;}
body.dark-mode .welcome_text {background: url(i/headphone-night.svg) no-repeat left center;background-size: 40px;padding: 10px 0 10px 60px;}
body.dark-mode article.the_post i {background-color: #FFF;color: #1a1a1a;}
body.dark-mode #footer {background-color: #1a1a1a;color: #FFF;box-shadow: 0 0 5px 4px #000;}
body.dark-mode .footer_text {color: #FFF;}
body.dark-mode #the_post {background-color: #1a1a1a;}
body.dark-mode header.header:after {background: linear-gradient(0deg,rgba(26, 26, 26, 1) 0%, rgba(26, 26, 26, 0) 100%);}
body.dark-mode .post_title {color: #FFF;}
body.dark-mode #controls .button span {color: #FFF;}
body.dark-mode #controls .button {background-color: #d4f1f5;color: #1a1a1a;}
body.dark-mode #controls .button.large {background-color: #2890e5;color: transparent;background-image: url("i/play-icon-dark.svg");}
body.dark-mode a.nightmode {background: url("i/dark-mode-white.svg") no-repeat;}
body.dark-mode #controls .button.large.playing {background-image: url("i/pause-icon-dark.svg");}
body.dark-mode #map_content iframe {filter: invert(1) hue-rotate(180deg);}
body.dark-mode #the_lang {color: #FFF;background-color: #232323;}
body.dark-mode #the_lang .lang-item {background: url("i/volume-icon-white.svg") no-repeat;background-position: right center;margin: 10px 0;}
body.dark-mode #the_lang .the_title {color: #d4f1f5;}
body.dark-mode #the_lang a {color: #FFF;}
body.dark-mode a#close_lang i {color: #FFF;}
body.dark-mode.userHasInteracted:not(.post_loaded):not(.ajaxupdated) #controls #playBtn {background-image: url("i/play-icon.svg");}
body.dark-mode.userHasInteracted.vimeo-playing:not(.post_loaded):not(.ajaxupdated) #controls #playBtn {background-image: url("i/pause-icon.svg");}


/* LANGUAGE SELECTOR */

ul#langs li.lang-item {display: none;}
#langs a.the_lang {background: url("i/language-icon.svg") no-repeat;background-size: cover;width: 40px;height: 40px;color: transparent;display: inline-block;}
#the_lang {text-align: center;height: auto;position: fixed;}
#the_lang .the_title {font-weight: 700;font-size: 16px;}
#the_lang ul.language_list {text-align: left;display: block;font-size: 18px;}
#the_lang {font-weight: 500;color: #444;}
a#close_lang {z-index: 9;position: absolute;right: 10px;top: 10px;color: #0a1165;line-height: 40px;width: 40px;height: 40px;padding: 0;text-align: center;vertical-align: middle;}
a#close_lang:hover {color: #000;}
a#close_lang i {font-size: 24px;line-height: 1;vertical-align: middle;display: inline-block;}
#the_lang .lang-item {background: url("i/volume-icon-blue.svg") no-repeat;background-position: right center;margin: 10px 0;}
#the_lang .lang-item.current-lang {opacity: 0.5;}


/* SOCIAL LINKS FOOTER */

a.social-link {background-color: #119cd8;color: #FFF;width: 40px;height: 40px;line-height: 40px;text-align: center;vertical-align: middle;display: inline-block;border-radius: 100%;}
a.social-link:hover {background-color: #000;}