/*
Theme Name: DekoRatio Wordpress Theme
Theme URI: https://bacsoattila.hu
Description: Kremmer Design Wordpress Default Theme
Version: 2.1
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: 'Poppins', sans-serif;}
body.noscroll {overflow:hidden;}
input, textarea, button {font-family: 'Poppins', sans-serif; outline:0;}
h1, h2, h3, h4, h5, h6, .avant {font-family: 'ITC Avant Garde'; font-weight: 700;}
.poppins {font-family: 'Poppins';font-weight: normal;}

.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:#3c3e42;} a:hover {color:#000;} a.underline {text-decoration:underline;}

.btn {display: inline-block;zoom: 1;*display: inline;padding:10px 20px;text-align:center;letter-spacing:1px;font-weight:normal;line-height:1;}
.btn:hover {background-color:#000;color:#FFF;}

.btn.btn-tiny {padding:5px 20px;font-size:14px;}
.btn.btn-large {padding:30px;font-size:30px;}

.btn.outline.cyellow {border:2px solid #ffcb1f;}
.btn.outline.cyellow:hover {background:#ffcb1f;color:#000;}
.btn.outline.cblue {border:2px solid #00aeef;}
.btn.outline.cblue:hover {background:#00aeef;color:#FFF;}
.btn.outline.cred {border:2px solid #f15b4e;}
.btn.outline.cred:hover {background:#f15b4e;color:#FFF;}
.btn.outline.cwhite {border:2px solid #FFF;}
.btn.outline.cwhite:hover {background:#FFF;color:#000;}


.btn_submit {display: inline-block;zoom: 1;*display: inline;padding:10px 20px;text-align:center;}
.btn_submit:hover {background:#FF0000;color:#FFF;}
.btn.bgrey:hover {background:#ff0000;color:#FFF;}
.btn.btn-small {padding:5px 10px;}
.btn.bred:hover {background:#4d4d4d;}
.btn.bred.nobutton:hover {background:#FF0000;cursor:default;}

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

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;}

hr.section-separator {height:2px;border:0 none;}

input,textarea, select {color:#000;border:1px solid #3c3e42;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;}
.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;}
.mobileonly {display:none;} .desktoponly {display:block;} .desktoponly.ib {display:inline-block;}

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

.b0 {bottom:0;} .r0 {right:0;} .l0 {left:0;} .l20 {left:20px;} .l30 {left:30px;} .t0 {top:0;}
.b15 {bottom:15px;} .b20 {bottom:20px;} .b25 {bottom:25px;} .l15 {left:15px;} .r15 {right:15px;} .r30 {right:30px;} .t15 {top:15px;}

/* ROTATE */

.rot90 {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform-origin:100% 0;}
.rot90m {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform-origin: 0 0;}
.rot90m.centered {transform: translateY(-50%) translateX(-50%) rotate(-90deg);transform-origin: 50% 50%;white-space:nowrap;}


/* WIDTH */

.n9 {width: 1280px;margin:auto;}
.n100 {width:100%;} .n5 {width:5%;} .n10 {width:10%;} .n12 {width:12%;} .n125 {width:12.5%;} .n14 {width:14.2857%;} .n15 {width:15%;} .n16 {width:16.66%;} .n20 {width:20%;} .n25 {width:25%;} .n29 {width:29%;} .n30 {width:30%;} .n32 {width:32%;} .n35 {width:35%;} .n33 {width:33.33%;} .n66 {width:66.6666%;} .n40 {width:40%;} .n45 {width:45%;} .n49 {width:49%;} .n50 {width:50%;} .n55 {width:55%;} .n60 {width:60%;} .n65 {width:65%;} .n70 {width:70%;} .n75 {width:75%;} .n85 {width:85%;} .n80 {width:80%;} .n90 {width:90%;} .n95 {width:95%;} .n98 {width:98%;}

/* HEIGHT */

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


/* COLORS */


.cred {color:#f15b4e;fill:#f15b4e;} .cgrey {color:#4d4d4d;} .ctopstorygrey {color:#b4b6ba;} .ctopstorylightgrey {color:#dcdee2;} .csectiongrey {color:#3c3e42;} .clgrey {fill:#e6e6e6;color:#e6e6e6;} .carticletimegrey {color:#8c8e92;} .csharegrey {color:#a0a2a6;fill:#a0a2a6;} .cdgrey {color:#4d4d4d;fill:#4d4d4d;} .cdlandinggrey {color:#282a2e;} .cheadgrey {color:#64666a;fill:#64666a;} .cpartnerlogogrey {color:#5f6165;fill:#5f6165;} .cblue {color:#00aeef;fill:#00aeef;} .ccyan {color:#2dccd3;fill:#2dccd3;} .cblack {color:#000;} .ctrueblack {color:#000;} .cwhite {color:#FFF;fill:#FFF;} .cbrown {color:#4B410A;} .cyellow {color:#ffca00;fill:#ffca00;} .corange {color:#ee7c08;} .cgreen {color:#6dc067;fill:#6dc067;}
.bred {background-color:#f15b4e;} .bblack {background-color:#000;} .bgrey {background-color:#4d4d4d;} .btopstorygrey {background-color:#b4b6ba;} .bsectiongrey {background-color:#3c3e42;} .blgrey {background-color:#e6e6e6;} .bdgrey {background-color:#4d4d4d;} .bheadgrey {background-color:#64666a;} .bdlandinggrey {background-color:#282a2e;} .bwhite {background-color:#FFF;} .byellow {background-color:#ffca00;} .bgreen {background:#6dc067;} .bblue {background-color:#00aeef;} .bbrown {background:#4B410A;} .borange {background:#ee7c08;} .bcyan {background-color: #2dccd3;}

.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);}
.black30 {background-color:rgba(0,0,0,0.3);}
.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);}
.white70 {background-color:rgba(255,255,255,0.7);}


/* PADDING */


.p0 {padding:0;} .p5 {padding:5px;} .p10 {padding:10px;} .p15 {padding:15px;} .p20 {padding:20px;} .p30 {padding:30px;} .p40 {padding:40px;} .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;} .pr50 {padding-right:50px;} .pr60 {padding-right:60px;} .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;} .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;} .pl30 {padding-left:30px;} .pl40 {padding-left:40px;} .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;} .plr30 {padding-left:30px;padding-right:30px;} .plr40 {padding-left:40px;padding-right:40px;} .plr50 {padding:0 50px;} .plr60 {padding:0 60px;} .plr140 {padding:0 140px;}

.pt5p {padding-top: 5%;} .pb5p {padding-bottom: 5%;} .pl5p {padding-left: 5%;} .pr5p {padding-right: 5%;}
.p1p {padding: 1%;} .p2p {padding: 2%;} .p3p {padding: 3%;} .p4p {padding: 4%;} .p5p {padding: 5%;}

.pb05vw {padding-bottom: .5vw;} .pb1vw {padding-bottom: 1vw;} .pb15vw {padding-bottom: 1.5vw;} .pb2vw {padding-bottom: 2vw;} .pb05em {padding-bottom: .5em;} .pb1em {padding-bottom: 1em;}
.pt05vw {padding-top: .5vw;} .pt1vw {padding-top: 1vw;} .pt15vw {padding-top: 1.5vw;} .pt2vw {padding-top: 2vw;} .pt05em {padding-top: .5em;} .pt1em {padding-top: 1em;}
.pl05vw {padding-left: .5vw;} .pl1vw {padding-left: 1vw;} .pl15vw {padding-left: 1.5vw;} .pl2vw {padding-left: 2vw;} .pl05em {padding-left: .5em;} .pl1em {padding-left: 1em;}
.pr05vw {padding-right: .5vw;} .pr1vw {padding-right: 1vw;} .pr15vw {padding-right: 1.5vw;} .pr2vw {padding-right: 2vw;} .pr05em {padding-right: .5em;} .pr1em {padding-right: 1em;}


/* MARGIN */


.mb5 {margin-bottom:5px;} .mb10 {margin-bottom:10px;} .mb15 {margin-bottom:15px;} .mb20 {margin-bottom:20px;} .mb25 {margin-bottom:25px;} .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;} .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;} .ml10 {margin-left:10px;} .ml15 {margin-left:15px;} .ml20 {margin-left:20px;} .ml25 {margin-left:25px;} .ml30 {margin-left:30px;} .ml40 {margin-left:40px;} .ml50 {margin-left:50px;} .ml60 {margin-left:60px;}
.mr5 {margin-right:5px;} .mr10 {margin-right:10px;} .mr15 {margin-right:15px;} .mr20 {margin-right:20px;} .mr25 {margin-right:25px;} .mr30 {margin-right:30px;} .mr35 {margin-right:35px;} .mr40 {margin-right:40px;} .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;}

.mb05vw {margin-bottom: .5vw;} .mb1vw {margin-bottom: 1vw;} .mb2vw {margin-bottom: 2vw;} .mb05em {margin-bottom: .5em;} .mb1em {margin-bottom: 1em;}
.mt05vw {margin-top: .5vw;} .mt1vw {margin-top: 1vw;} .mt2vw {margin-top: 2vw;} .mt3vw {margin-top: 3vw;} .mt05em {margin-top: .5em;} .mt1em {margin-top: 1em;} .mt5p {margin-top: 5%;}
.ml05vw {margin-left: .5vw;} .ml1vw {margin-left: 1vw;} .ml2vw {margin-left: 2vw;} .ml05em {margin-left: .5em;} .ml1em {margin-left: 1em;}
.mr05vw {margin-right: .5vw;} .mr1vw {margin-right: 1vw;} .mr2vw {margin-right: 2vw;} .mr05em {margin-right: .5em;} .mr1em {margin-right: 1em;}



/* POSITION & ALIGN */


.pr {position:relative;} .pf {position:fixed;} .pa {position:absolute;} .ma {margin-left:auto;margin-right:auto;}
.al {text-align:left;}.ar {text-align:right;} .ac {text-align:center;} .aj {text-align:justify;}
.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);}

/* 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;} 
.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;} .fs30px {font-size:30px;} .fs31px {font-size:31px;} .fs32px {font-size:32px;} .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;}

.fs14p {font-size: 140%;} .fs15p {font-size: 150%;} .fs16p {font-size: 160%;} .fs18p {font-size: 180%;} .fs2p {font-size: 200%;} .fs25p {font-size: 250%;} .fs3p {font-size: 300%;} .fs4p {font-size: 400%;}
.fs1vw {font-size: 1vw;} .fs12vw {font-size: 1.2vw;} .fs14vw {font-size: 1.4vw;} .fs15vw {font-size: 1.5vw;} .fs16vw {font-size: 1.6vw;} .fs18vw {font-size: 1.8vw;} .fs2vw {font-size: 2vw;} 

/* FONT WEIGHTS */

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


/* BORDERS */

.bts {border-top:1px solid #000;}
.bbs {border-bottom:1px solid #000;}
.bbsgrey {border-bottom:1px solid #808080;}
.bbs2grey {border-bottom:2px solid #808080;}
.btsgrey {border-top:1px solid #808080;}
.bbslgrey {border-bottom:1px solid #CCC;}
.btslgrey {border-top:1px solid #CCC;}
.bbs15w {border-bottom: 1.5vw solid #000;}
.bts15w {border-top: 1.5vw solid #000;}

/* HOVER EFFECTS */

.fade {opacity:1;transition: opacity .15s ease-in-out;-moz-transition: opacity .15s ease-in-out;-webkit-transition: opacity .15s ease-in-out;}
.fade:hover {opacity:0.8;}
.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);}
.jeangrey {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.jeangrey:hover {-webkit-filter: grayscale(0);filter: grayscale(0);}
.hide {opacity:0;}
.hide:hover {opacity:1;transition: opacity .15s ease-in-out}


/* 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;}


/* FOOTER */


body.bluemenu #footer.byellow {background-color: #2dccd3;}
#footer {border-top: 1.5vw solid #000;}
.footer a {color:#000;text-decoration: underline;}
.footer-bottom {padding: 1% 3%;}
.footer .the_content p {font-size: .9vw;}
.footer .the_right_side img {width: 90%; height: auto;}
.footer .the_right_side a {color: #000;text-decoration: underline;}
.footer .the_left_side hr {border:0 none;background-color: #000;height: 1px;position: relative;margin-bottom: 1em;}
.footer .the_center_side hr {border:0 none;background-color: #000;height: 1px;position: relative;margin-top:1em;}
.footer .the_center_side hr:last-of-type {margin-bottom: 1em;margin-top: 0;}
.footer .the_left_side strong {font-weight: 500;font-size: 1.5vw;}
.footer .the_left_side ul {padding-bottom: 1.2vw;}
.footer .the_left_side ul li {list-style-type: disc;list-style-position: inside; font-size: .9vw;padding-bottom: 1vw;}
body.bluemenu .footer .dekoratio_map.normal_map, body.bluemenu .footer .dekoratio_footer_email.normal_email {display: none;}
body.bluemenu .footer .dekoratio_map.blue_map, body.bluemenu .footer .dekoratio_footer_email.blue_email {display: inline-block;}

/* SOCIAL ICONS */


.socials li {display: inline-block;margin-right: 1vw;line-height: 1;}
.socials li a, .socials li img {display: block;}
.socials li:last-child {margin-right: 0;}


/* GLOBAL */


body.noscroll {overflow: hidden;}

/* HEADER */


#logo img {width: 45%;height: auto;}

#the-bj-site {height: auto;}
#topmenu li a {font-size: 1.1vw;vertical-align: middle;}
#topmenu li {display: inline-block;}
#topmenu li:last-child span.menu-separator {display: none;}
#topmenu li a:hover, #topmenu li a.hover {color: inherit; text-decoration: underline;}
#topmenu li a {color: #808080;}
#topmenu li.current-menu-item a {color: #000;}
.the_instagram_link img {/*width: auto;height: 20%;*/}


body.admin-bar #the-bj-site {top:32px;}

ul.mainmenu_sticky {position: fixed;top:0;width: 100%;}
body.admin-bar .mainmenu_sticky {top:32px;}
body.sticky .mainmenu_sticky {display: block;}


/* MAIN MENU */


.mainmenu {border-bottom: 1px solid #000;}
.mainmenu ul.sub-menu {display: none;}
.mainmenu ul.sub-menu li a {display: block;border-left: 1px solid #000;letter-spacing: 0.02em;}
.mainmenu ul.sub-menu li:first-child a {border-left: 0;}
.mainmenu ul.sub-menu li.n16:first-child {width: 16.67%;}
.mainmenu li.current-menu-ancestor.menu-item-has-children, .mainmenu li.current-menu-item.menu-item-has-children {margin-bottom: 4vw;}
.mainmenu li.current-menu-ancestor.menu-item-has-children ul.sub-menu, .mainmenu li.current-menu-item.menu-item-has-children ul.sub-menu {display: block;position: absolute;left: 0;right: 0;bottom: 0;background-color: #ffca00;}
.mainmenu li.current-menu-ancestor.menu-item-has-children.ccyan ul.sub-menu, .mainmenu li.current-menu-item.menu-item-has-children.ccyan ul.sub-menu {background-color: #2dccd3;}
.mainmenu li {display: inline-block;}
.mainmenu li a {padding: 1.5vw 1.5vw 1.3vw 1.5vw; display: inline-block;text-transform: uppercase;color:#FFF; font-size: 1.1vw;font-weight: 600;letter-spacing: .05em;}
ul.mainmenu > li > a {padding: 1.5vw 1.5vw 1.3vw 1.5vw;}
.mainmenu li .sub-menu a {text-transform: none;font-weight: 500;font-size: 1.1vw;color:#000;}
.mainmenu li a:hover, .mainmenu li.current-menu-ancestor > a, .mainmenu li.current-menu-item > a {color: #ffca00;}
.mainmenu li.ccyan a:hover, .mainmenu li.current-menu-ancestor.ccyan > a, .mainmenu li.current-menu-item.ccyan > a {color: #2dccd3;}
.mainmenu .sub-menu li > a:hover, .mainmenu .sub-menu li.current-menu-item a {background-color: #000;color:#FFF;}
.mainmenu .sub-menu li.current-menu-item a {font-weight: bold;}


/* THE CONTENT */


h1 {font-size: 3.5vw;}
h2 {font-size: 2vw;}
h3 {font-size: 1.5vw;}
h4 {font-size: 1vw;}

#main {overflow: hidden;}
.the_content p, .the_content h1, .the_content h2, .the_content h3, .the_content h4 {padding-bottom: 1.2vw;}
.the_content p:last-child, .the_content h1:last-child, .the_content h2:last-child, .the_content h3:last-child, .the_content h4:last-child {padding-bottom: 0;}
.the_content p {font-size: 1vw;}
.the_content ul {padding-bottom: 1.2vw;}
.single-page .the_content a {text-decoration: underline;}
.the_content h1 {position: relative;border-bottom: 1px solid #000;margin-bottom: 2vw;padding-bottom: 1vw;}
.the_content h1:after {content: "";width: 100%;background: #000;height: 1px;position: absolute;left: 0;bottom: -5px;}
h2.entry-title {position: relative;border-bottom: 1px solid #000;margin-bottom: 2vw;padding-bottom: 1vw;font-size: 2.6vw;}
h2.entry-title.empty {border-bottom: 1px solid transparent;}


/* ABOUT US */


.about-entry, .intro-entry {border-bottom: 1.5vw solid #000;}
.about-entry .the_content h5 {padding-bottom: 0;font-size: 1.4vw;}
.about-entry .the_content h4 {border-bottom: 1px solid #000;font-size: 1.6vw;display: inline-block;margin-bottom: 1.6vw;padding-bottom: 0;}
.about-entry .the_content p {line-height: 1.8em;}
.about-entry .the_content a {text-decoration: underline; color: #000;}
.about-entry:last-child {border-bottom: 0;}
.member_item a .overlay {transition: opacity .25s ease-in-out;}
.member_item a:hover .overlay {opacity: 1;transition: opacity .25s ease-in-out;}
.member_item a:hover .member_name {opacity: 1;transition: opacity .25s ease-in-out;}

/* LANGUAGE SWITCHER */


.secondheader {padding-top: 3%;}
.the-langs li:first-child:after {content: " / "; font-weight: normal;padding:0 0.5vw; }
.the-langs li {font-size: 1vw;display: inline-block;}
.the-langs li {text-transform: uppercase;}
.the-langs li.current-lang {font-weight: 600;}


/* SINGLE POST */


h1.the_post_title {font-size: 2.6vw;border-bottom: 2px solid #808080;margin-bottom: 1.5vw;}
.single_post .the_content p {line-height: 1.8em;}
.grid_items {margin-right: 0;}
.grid_items.justified-gallery {margin-right: 0;}
.grid_sizer {width: calc(33% - 15px);float: left;}
.masonry {width: calc(100% + 30px);}
.masonry .grid_item {margin-right: 0;width: calc(33% - 15px);}



/* PORTFOLIO LIST IN SERVICE */


article.article-item {border-bottom: 1.5vw solid #000;}
article.article-item:last-child, article.article-item.layout-tile:nth-last-child(2) {border-bottom: 0;}
section.solutions, section.project_manager {border-top: 1.5vw solid #000;}


/* MEMBER IN SERVICE */


section.project_manager .the_image_right {margin-left: 30%;}
section.solutions .the_image_right {margin-left: 15%;}


/* GRAVITY FORMS */


div.gform_wrapper {margin: 0;}
div.gform_wrapper .top_label .nolabel .gfield_label {display: none;}
div.gform_wrapper .top_label input.medium, div.gform_wrapper .top_label select.medium {width: 100%;border:0 none; background-color: #d2d2d2;padding: .2em;}
div.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {padding: .2em;}
div.gform_wrapper .top_label .gfield_label, div.gform_wrapper legend.gfield_label {vertical-align: middle;clear: none;width: 20%;font-weight: normal;font-size: 1vw;}
body div.gform_wrapper .top_label div.ginput_container {margin-top: 0;display: inline-block; width: 80%;vertical-align: middle;}
body div.gform_wrapper .top_label #field_1_5 div.ginput_container {width: 100%;}
body div.gform_wrapper .top_label #field_1_4 div.ginput_container {width: 70%}
div.gform_wrapper ul.gform_fields li.gfield {padding-right: 0;margin:0 0 .4em 0;line-height: 1;display: inline-block;width: 100%;clear: none;}
div.gform_wrapper ul.gform_fields li.gfield:last-child {margin:0;}
div.gform_wrapper ul.gform_fields li.gfield.dn {display: none;}
#field_1_5 {margin: 0;width: 20%;}
#field_1_8 {margin-left: 20% !important;}
#field_1_4 {width: 80%;}
#field_1_4 label.gfield_label {width: 25%;}

body div.gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body div.gform_wrapper ul li.field_description_below div.ginput_container_radio {margin-top: 0;}
div.gform_wrapper .top_label li ul.gfield_checkbox, div.gform_wrapper .top_label li ul.gfield_radio {margin:0; width: 100%;}
div.gform_wrapper .gfield_checkbox li, div.gform_wrapper .gfield_radio li {margin:0; line-height: normal;}
div.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, div.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], div.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {margin: 0;}
div.gform_wrapper .gfield_checkbox li label, div.gform_wrapper .gfield_radio li label {max-width: 100%;font-size: .7em;}
div .gform_wrapper ul.gfield_checkbox li label {margin:0;}
div.gform_wrapper ul.gfield_radio li label {margin: 3px 0 0 .5em;}
div.gform_wrapper .gform_footer {margin: 1em 0 0 20%;padding: 0;}
div.gform_wrapper .gform_footer input.button, div.gform_wrapper .gform_footer input[type=submit], div.gform_wrapper .gform_page_footer input.button, div.gform_wrapper .gform_page_footer input[type=submit] {background-color:#ffca00;border:0 none;cursor: pointer; color:#FFF; font-weight: 600;font-size: 1.4vw;margin:0;padding: 1% 2%;}
body.bluemenu div.gform_wrapper .gform_footer input.button, body.bluemenu div.gform_wrapper .gform_footer input[type=submit], body.bluemenu div.gform_wrapper .gform_page_footer input.button, body.bluemenu div.gform_wrapper .gform_page_footer input[type=submit] {background-color:#2dccd3;}
div.gform_wrapper .gform_footer input.button:hover, div.gform_wrapper .gform_footer input[type=submit]:hover, div.gform_wrapper .gform_page_footer input.button:hover, div.gform_wrapper .gform_page_footer input[type=submit]:hover {background-color:#000;}
div.gform_wrapper textarea.medium {height: 6em; background-color: #d2d2d2;border:0 none;padding: .2em;}
li.gfield.adatvedelem ul.gfield_radio label a {text-decoration: underline;}
div.gform_confirmation_message {color: #ffca00;font-weight: bold;font-size: 1.4vw;}
div.gform_wrapper .gfield_required {color:#FF0000;}


.grecaptcha-badge {z-index: -1;}