.cd-primary-nav .social .icon.sm-circle,a:link,a:visited{
    -webkit-transition:all .3s ease-in;
    -moz-transition:all .3s ease-in;
    -ms-transition:all .3s ease-in;
    -o-transition:all .3s ease-in
}
a:hover,body{
    color:#111
}
.cd-header,.cd-primary-nav{
    box-shadow: -1px 2px 3px -3px rgba(0,0,0,0.09);
-webkit-box-shadow: -1px 2px 3px -3px rgba(0,0,0,0.09);
-moz-box-shadow: -1px 2px 3px -3px rgba(0,0,0,0.09);
    -webkit-backface-visibility:hidden
}
.cd-primary-nav.social .icon.sm-circle:before,.logo a,.logo img,body{
    text-rendering:optimizeLegibility;
    -ms-text-size-adjust:100%
}
.ie.wf-loading,.wf-loading{
    visibility:hidden
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,fig caption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font:inherit;
    vertical-align:baseline
}
.dataform input,.dataform textarea,body{
    font-family:sans-serif, arial
}
.text-italic,blockquote,em,i{
    font-style:italic
}
.cd-header,.cd-primary-nav.social .icon.sm-circle:before,.icon:before,.logo a,.logo img,body{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.logo a,.logo img,img{
/*    vertical-align:middle*/
}
.input-checkbox,input.text,input[type=button],input[type=submit],input[type=text],textarea{
    -webkit-appearance:none;
    border-radius:0
}
article,aside,details,fig caption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body,html{
    /*! height:100% */
}
blockquote,q{
    quotes:none
}
block quote:after,block quote:before,q:after,q:before{
    content:‘’;
    content:none
}
*,:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
html{
    -webkit-tap-highlight-color:transparent
}
embed,img,object,video{
    width:100%;
    height:auto;
    aspect-ratio:attr(width)/attr(height)
}
body{
    font-family: 'Inter', sans-serif;
    font-display: swap;
    background-color:#fbfbfb;
    color: #51596C;
    font-weight:400;
    font-size:0.95em;
    line-height:1.6;
    -webkit-text-size-adjust:none
}
 
}
sub,sup{
    font-size:.7em;
    position:relative
}
@media (max-width:767px){
    .container{
        max-width:36.25em;
        width:95%
}
}
a:link,a:visited{
    color:inherit;
    text-decoration:none
}
b,strong{
    color:inherit;
    font-weight:600
}
sub{
    top:.5em
}
sup{
    top:-.5em
}
p{
    margin-bottom:1.5em
}
p a:link,p a:visited{
    color:#111;
    border-bottom:1px solid #111
}
p a:hover{
    border-bottom:1px solid transparent
}
blockquote{
    border-left:solid 6px rgba(0,0,0,.8);
    margin:0 0 2em;
    padding:.5em 0 .5em 2em
}
h1,h1.display,h2,h2.display,h3,h4,h5,h6{
    color:#232;
    line-height:1.2;
    margin:0 0;
    font-weight: bold;
    letter-spacing: -0.04rem;
}
h1,h1.display{
    font-size:2.0em;
}
h1.display-top{
    padding-bottom: 0.5rem;
}
h2.display{
    font-size:1.2em
}
h2{
    font-size:1.8em;
    line-height:1.5
}
h3{
    font-size:1.4em;
    margin-bottom: 0.5rem;
}
h4{
    font-size:1.2em
}
h5{
    font-size:1em
}
h6{
    font-size:.889em
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:inherit;
    text-decoration:none
}

h3.lead{
    font-weight: 400 !important;
    font-size: 1.35rem;
}


.text-underline{
    text-decoration:underline
}
.text-strike{
    text-decoration:line-through
}
.text-thin{
    font-weight:100
}
.text-light{
    font-weight:300
}
.text-regular{
    font-weight:400 !important;
}

.text-regular-color{
    color: #51596C !important;
}

.text-medium{
    font-weight:600
}
.text-sbold{
    font-weight:600
}
.text-bold,strong{
    font-weight:600
}
.text-ubold{
    font-weight:600
}
.text-uppercase{
    text-transform:uppercase
}
p.desc{
    color:#888;
    font-size:1.15em
}
p.small{
    color:#888;
    font-size:.75em
}
code,pre{
    font-family:"Courier New",monospace;
    font-size:.9em
}
code{
    background:rgba(1,1,1,.05);
    border-radius:.25em;
    border:1px solid rgba(1,1,1,.15);
    margin:0 .25em;
    padding:.25em .65em
}
pre{
    -webkit-overflow-scrolling:touch;
    margin:0 0 2em
}
pre code{
    display:block;
    line-height:1.75em;
    padding:1em 1.5em;
    overflow-x:auto
}
.button,.icon,hr.short{
    display:inline-block
}
hr{
    border:0;
    border-bottom:solid 1px #181818
}
hr.short{
    background:#111;
    border:none;
    width:70px;
    height:1px
}
.background-grey,table tbody tr:nth-child(2n+1){
    background-color:#f7f7f7
}
hr+p{
    margin-top:.65em
}
ol,table,ul{
    margin:0 0 2em
}
ul{
    list-style:disc;
    padding-left:1em
}
ol li,ul li{
    padding:0 0 .5em .2em
}
ol li:last-child,ul li:last-child{
    padding-bottom:0
}
ol{
    list-style:decimal;
    padding-left:1.25em
}
.table-outer{
    -webkit-overflow-scrolling:touch;
    overflow-x:auto
}
table{
    border-collapse:collapse;
    border-spacing:0;
    font-size:.85em;
    width:100%
}
.marg-top-xs,.marg-vert-xs{
    margin-top:1em
}
.marg-bottom-xs,.marg-vert-xs{
    margin-bottom:1em
}
@media (min-width:768px){
    table{
        font-size:1em
}
}
table tbody tr{
    border-left:0;
    border-right:0
}
table td{
    padding:1.25em
}
table th{
    color:#333;
    font-weight:700;
    padding:0 1.25em 1.25em;
    text-align:left
}
.pad-top-xs,.pad-vert-xs{
    padding-top:1em
}
.pad-bottom-xs,.pad-vert-xs{
    padding-bottom:1em
}
.pad-top-sm,.pad-vert-sm{
    padding-top:1.5em
}
.pad-bottom-sm,.pad-vert-sm{
    padding-bottom:1.5em
}
.marg-top-sm,.marg-vert-sm{
    margin-top:1.5em
}
.marg-bottom-sm,.marg-vert-sm{
    margin-bottom:1.5em
}
.pad-top-md,.pad-vert-md{
    padding-top:3.75em
}
.pad-bottom-md,.pad-vert-md{
    padding-bottom:3.75em
}
.marg-top-md,.marg-vert-md{
    margin-top:3.75em
}
.marg-bottom-md,.marg-vert-md{
    margin-bottom:3.75em
}
.pad-top-lg,.pad-vert-lg{
    padding-top:5.625em
}
.pad-bottom-lg,.pad-vert-lg{
    padding-bottom:5.625em
}
.marg-top-lg,.marg-vert-lg{
    margin-top:5.625em
}
.marg-bottom-lg,.marg-vert-lg{
    margin-bottom:5.625em
}
.pad-top-xlg,.pad-vert-xlg{
    padding-top:7.5em
}
.marg-top-xlg,.marg-vert-xlg{
    margin-top:7.5em
}
.pad-vert-xlg{
    padding-bottom:9.2em
}
.pad-bottom-xlg{
    padding-bottom:7.5em
}
.marg-vert-xlg{
    margin-bottom:9.2em
}
.marg-bottom-xlg{
    margin-bottom:7.5em
}
.icon.lg-circle,.icon.md-circle,.icon.sm-circle{
    background:#111;
    color:#fff;
    margin:0 0 1.5em
}
.icon:before{
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400;
    text-transform:none!important;
    speak:none
}
.icon{
    text-align:center;
    line-height:inherit
}
.icon.sm:before{
    font-size:1.75em
}
.icon.sm-circle:before{
    font-size:1em
}
.icon.sm-circle{
    width:2.5em;
    height:2.5em;
    line-height:2.5em
}
.icon.md:before{
    font-size:3em
}
.icon.md-circle:before{
    font-size:1.25em
}
.icon.md-circle{
    width:64px;
    height:64px;
    line-height:64px
}
.icon.lg:before{
    font-size:5.25em
}
.icon.lg-circle:before{
    font-size:2.75em
}
.icon.lg-circle{
    width:8.5em;
    height:8.5em;
    line-height:8.5em
}
.button{
    background-color:#111;
    color:#fff!important;
    border:none!important;
    cursor:pointer;
    width:100%;
    margin:0;
    padding:1em 1.75em;
    text-align:center
}
.button-alt,.button-alt-second{
    display:inline-block;
    color:#111!important;
    border:none!important;
    padding:1em 1.75em;
    text-align:center;
    width:100%;
    cursor:pointer
}
.button:hover{
    background-color:#333
}
.button-alt{
    background-color:#efefef
}
.button-alt-second{
    background-color:#fff;
    max-width:320px;
    margin:0
}
.youtube-container{
    position:relative;
    display:block;
    height:0;
    padding:0;
    overflow:hidden
}
.youtube-container embed,.youtube-container iframe,.youtube-container object{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    height:100%;
    width:100%;
    border:0
}
.cd-header,.cd-header.is-fixed{
    position:relative;
    background-color:#fff
}
.youtube-16by9{
    padding-bottom:56.25%
}
.youtube-4by3{
    padding-bottom:75%
}
.cd-header{
    color:#111;
    border-bottom:1px solid #f7f7f7;
    padding:10px 0;
    width:100%;
    height:54px;
    top:0;
    left:0;
    z-index:3;
    -webkit-transition:background-color .3s;
    -moz-transition:background-color .3s;
    transition:background-color .3s;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    backface-visibility:hidden
}
.cd-header.is-fixed{
    top:-54px;
    -webkit-transition:-webkit-transform .3s;
    -moz-transition:-moz-transform .3s;
    transition:transform .3s
}
.cd-header.is-visible{
    -webkit-transform:translate3d(0,100%,0);
    -moz-transform:translate3d(0,100%,0);
    -ms-transform:translate3d(0,100%,0);
    -o-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0)
}
.cd-header.menu-is-open{
    background-color:#fff
}


.htmltemplates-logo {
      width: 15rem;
}

.logo a,.logo img{
    color: #fff;
    display:inline-block;
    font-size:1.25em;
    text-decoration:none;
    -webkit-text-size-adjust:none;
    background: #232 ;
    padding: 0.1rem 0.4rem;     
}

.logo span{
    display:inline-block;
    font-size:1.25em;
    text-decoration:none;
    -webkit-text-size-adjust:none;
    letter-spacing:.5px;
            width: 3rem;
}
.cd-header nav{
    display:none
}
@media (min-width:992px){
    .cd-header{
        padding:0
}
    .cd-primary-nav-trigger{
        display:none
}
    .cd-header nav,.logo{
        display:table-cell;
        vertical-align:middle;

}
    .logo{
        padding-top:5px
}
    .cd-header nav{
        text-align:right;
        width:100%
}
    .cd-header nav ul{
        vertical-align:middle;
        display:inline-block;
        padding:0;
        margin:0
}
    .cd-header nav ul li{
        line-height:3.2;
        display:inline-block;
        padding:0;
        position:relative;
        white-space:nowrap
}
    .cd-header nav ul li:last-child{
        padding:0
}
    .cd-header nav a{
        font-size:.85em;
        color:#111!important;
        padding:0 20px;
        vertical-align:middle
}
    .cd-header .dropdown-content{
        left:-15px;
        display:none;
        position:absolute;
        background:rgba(17,17,17,.99);
        border-top:1px solid #fff
}
    .cd-header .dropdown-content-templates{
        min-width:400px;
        padding:15px
}
    .cd-header .dropdown-content-social{
        min-width:175px;
        padding:15px
}
    .cd-header .dropdown-content a{
        line-height:1.6em;
        float:left;
        color:#fff!important;
        font-size:.9em;
        padding:8px 20px;
        text-decoration:none;
        display:block;
        text-align:left
}
    .cd-header .dropdown-content .dropdown-content-templates a{
        width:50%
}
    .cd-header .dropdown-content .dropdown-content-social a{
        width:100%
}
    .cd-header .dropdown-content a:hover{
        background:#fff;
        color:#111!important
}
    .cd-header .dropdown:hover .dropdown-content{
        display:block
}
}
.breadcrumb a:hover,.footer a{
    text-decoration:underline
}
@media (min-width:1441px){
    .cd-header{

}
    .cd-header.is-fixed{

}
}
.cd-primary-nav-trigger{
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:50px
}
.cd-primary-nav-trigger .cd-menu-text{
    color:#111;
    text-transform:uppercase;
    display:none
}
.cd-primary-nav-trigger .cd-menu-icon{
    display:inline-block;
    position:absolute;
    left:50%;
    top:50%;
    bottom:auto;
    right:auto;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    width:24px;
    height:1px;
    background-color:#111;
    -webkit-transition:background-color .3s;
    -moz-transition:background-color .3s;
    transition:background-color .3s
}
.cd-primary-nav-trigger .cd-menu-icon::before,.cd-primary-nav-trigger .cd-menu-icon:after{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    background-color:#111!important;
    right:0;
    -webkit-transition:-webkit-transform .3s,top .3s,background-color 0s;
    -moz-transition:-moz-transform .3s,top .3s,background-color 0s;
    transition:transform .3s,top .3s,background-color 0s
}
.cd-primary-nav-trigger .cd-menu-icon::before{
    top:-7px
}
.cd-primary-nav-trigger .cd-menu-icon::after{
    top:7px
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked{
    background-color:rgba(255,255,255,0)
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after,.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before{
    background-color:#fff
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before{
    top:0;
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    transform:rotate(135deg)
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after{
    top:0;
    -webkit-transform:rotate(225deg);
    -moz-transform:rotate(225deg);
    -ms-transform:rotate(225deg);
    -o-transform:rotate(225deg);
    transform:rotate(225deg)
}
@media only screen and (min-width:768px){
    .cd-primary-nav-trigger{
        width:100px;
        padding-left:1em;
        background-color:transparent;
        height:30px;
        line-height:30px;
        right:2.2em;
        top:50%;
        bottom:auto;
        -webkit-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        transform:translateY(-50%)
}
    .cd-primary-nav-trigger .cd-menu-text{
        display:inline-block
}
    .cd-primary-nav-trigger .cd-menu-icon{
        left:auto;
        right:1em;
        -webkit-transform:translateX(0) translateY(-50%);
        -moz-transform:translateX(0) translateY(-50%);
        -ms-transform:translateX(0) translateY(-50%);
        -o-transform:translateX(0) translateY(-50%);
        transform:translateX(0) translateY(-50%)
}
}
.cd-primary-nav{
    position:fixed;
    left:0;
    top:0;
    height:100%;
    width:100%;
    background:rgba(17,17,17,.97);
    z-index:2;
    padding:5em 0;
    backface-visibility:hidden;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    transition-property:transform;
    -webkit-transition-duration:.4s;
    -moz-transition-duration:.4s;
    transition-duration:.4s
}
.cd-primary-nav.is-visible{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.cd-primary-nav ul{
    list-style:none;
    margin:0;
    padding:0
}
.cd-primary-nav ul li{
    display:block;
    margin:0 0 10px;
    padding:0 10px 0 0;
    width:50%;
    float:left
}
.cd-primary-nav ul li a h4{
    color:#fff!important
}
.cd-primary-nav .about-nav{
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd
}
.cd-primary-nav .about-nav h4,.cd-primary-nav .about-nav ul li{
    margin:0;
    padding:0
}
.cd-primary-nav .social{
    padding-top:15px
}
.cd-primary-nav ul.social li{
    width:auto!important
}
.cd-primary-nav .social a{
    padding:5px 9px 7px 0
}
.vex-popup .social .icon.md-circle{
    margin:0;
    background:#efefef;
    color:#111
}
.cd-primary-nav.social .icon.sm-circle:before{
    -webkit-text-size-adjust:none
}
.cd-primary-nav .social .icon.sm-circle{
    border-radius:0!important;
    margin:0;
    background:#fff;
    color:#111;
    transition:all .3s ease-in
}
.cd-primary-nav .social .icon.sm-circle:hover{
    background:#fff;
    color:#111;
    -webkit-transition:all .3s ease-in;
    -moz-transition:all .3s ease-in;
    -ms-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    transition:all .3s ease-in
}
.hero{
    margin-top:54px
}
.hero h1.display{
    line-height:1.1
}
.hero h2.display{
    line-height:1.6;
    margin:0
}
.hero-item .button,.hero-item .button-alt{
    float:left;
    width:100%;
    max-width:100%
}
.hero-item .button-alt{
    margin-bottom:20px
}
.hero-item p.small{
    display:block;
    margin-top:20px;
    margin-bottom:0
}
.hero h2.display a:hover{
    border-bottom:1px solid #111
}
@media (min-width:768px){
    .hero{
        margin-top:72px
}
    .hero-item .button{
        margin-right:4%;
        margin-bottom:0
}
}
@media (min-width:992px){
    .hero{
        margin-top:63px
}
}
.breadcrumb ul{
    font-size:.75em;
    color:#888;
    margin:0;
    padding:0
}
.breadcrumb ul li:before{
    content:none
}
.breadcrumb ul li{
    display:inline-block;
    margin:0;
    padding:0
}
.breadcrumb ul li span{
    padding:0 5px
}
.breadcrumb a{
    color:#111
}
.newsletter .clear,.newsletter .mc-field-group{
    display:inline-block!important
}
.newsletter .mc-field-group{
    width:62%;
    margin-right:-15px!important
}
@media (min-width:992px){
    .newsletter .mc-field-group{
        width:38%
}
    .newsletter .button{
        padding-left:80px;
        padding-right:80px
}
}
.grey-border .single-content-item{
    background-color:#f7f7f7;
    padding:2em
}
@media (min-width:992px){
    .grey-border .single-content-item{
        padding:3em
}
}
.article-big-images .grey.single-content-item{
    padding:1px
}

.article-big-images .single-content-item figure{
    border:1px solid #cdcdcd;

}

.article-big-images .single-content-item a:last-child figure{
    margin-bottom:0!important
}
@media (min-width:992px){
    .article-big-images .grey.single-content-item{
        background-color: transparent;

}
}
.ux-designer{
    width:140px;
    border-radius:100%;
    margin-bottom:20px
}
.button-alt-second{
    margin-right:20px
}
@media (max-width:991px){
    .second-download{
        display:none
}
}
.tags .tags-link{
    display:inline-block;
    background-color:#ecececde;
    color: #51596C;
    padding:.45em .75em .45em;
    margin-right:.5em;
    margin-bottom:1em;
    line-height: 1;
}
.tags .tags-link:hover{
    display:inline-block;
    color:#fff;
    background-color:#111
}
.tags .tags-link h5{
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1;
    color:inherit;
    margin-bottom:0rem !important;
}
.tags .tags-link:last-child{
    margin:0
}
.show-room{
    color:#a9a9a9
}
.show-room .show-room-left a:nth-child(1),.show-room .show-room-left a:nth-child(3),.show-room .show-room-right h5:nth-child(1),.show-room-item a:nth-child(3){
    display:inline-block;
    color:#51596C
}
.show-room .show-room-left a:nth-child(1):hover{
    color:#51596C
}
.show-room h2,.show-room h5{
    color:#11111;
    margin-bottom:.2em
}
.show-room h2{
    font-size:1em
}
.show-room h3{
    margin:5px 0 10px;
/*    text-decoration: underline;*/
}
.show-room-left{
    display:block;
    float:left;
    width:100%
}
.show-room-right{
    display:block;
    text-align:right;
    float:right;
    width:0%
}
.show-room p{
    margin-bottom:5px
}
.show-room-category{
    display:block;
    float:left
}
.grid-hover h2,.grid-hover-item,.show-room h5{
    display:inline-block
}

.show-room h5{
    font-size: 85%;
    text-decoration: underline;
}

.show-room h5.price{
    padding:.4em 1em;
    background:#f7f7f7;
    font-weight: 400;
    text-decoration: none;
}
.show-room figure{
    border:1px solid #ECECEC;
    background:#f7f7f7;
    margin-bottom:20px;
    position:relative;
}
.show-room figure img{
    opacity:1;
    -webkit-transition:.6s ease-in-out;
    transition:.6s ease-in-out
}
.show-room figure:hover img{
    opacity:.4
}
.show-room .grid-hover{
    background:transparrent;
    height:100%;
    opacity:0;
    position:absolute;
    top:0;
    transition:all .2s ease-in 0s;
    width:100%;
    z-index:2
}
.grid-hover:hover{
    opacity:1
}
.grid-hover-item{
    width:100%;
    top:50%;
    text-align:center;
    position:absolute
}
.grid-hover h2{
    box-shadow:0 5px 25px transparent;
    font-size:.8em;
    background-color:#111;
    color:#fff;
    top:50%;
    padding:.8em 1em;
    letter-spacing:1px
}
@media (min-width:768px){
    .show-room .show-room-item{
        margin-right:10px
}
}
.pagination{
    display:block;
    text-align:center
}
.pagination li{
    text-align:center;
    display:inline-block;
    margin:0 7px
}
.pagination li a{
    background:#f7f7f7;
    color:#111;
    border:1px solid #f7f7f7;
    display:inline-block;
    width:60px;
    height:60px;
    line-height:60px
}
.pagination li a.active,.pagination li a:hover{
    background:#111;
    color:#fff;
    border:1px solid #111
}
.presentation-bar{
    color:#fff;
    background:url(/assets/images/presentation-bg.jpg) center top no-repeat #f7f7f7;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    width:100%
}
.presentation-bar-item h2{
    color:#fff;
    margin:0
}
.presentation-bar-item{
    background-color:#111;
    padding:2.25em
}
.upper-footer{
    border-bottom:1px solid #efefef
}
.upper-footer nav ul{
    list-style:none;
    padding:0;
    margin:0 0 0.5rem 0;
}

.upper-footer nav ul li a{
    color: #111222 !important;
}


.upper-footer nav ul li a:hover{
    color: #111222 !important;
    text-decoration: underline;
}

.footer{
    background-color:#fff
}
.footer .social{
    display:inline-block;
    width:56px;
    height:56px;
    margin-right:10px;
    vertical-align:top
}
.footer .social .icon.md-circle{
    display:inline-block;
    width:56px;
    height:56px;
    line-height:56px
}
.footer .social .icon{
    margin:0!important
}
.footer span{
    display:block;
    margin:.5em 0
}
.footer .footer-item{
    padding-bottom:20px
}
.footer .dbn-logo{
    display:block;
    line-height:56px;
    width:56px;
    height:56px
}
@media (min-width:992px){

.showcase{
    padding-left: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
}
    .footer .footer-table{
        display:table;
        width:100%
}
    .footer .footer-item{
        display:table-cell;
        vertical-align:middle;
        padding-bottom:0
}
    .footer .footer-item:first-child{
        text-align:left;
        width:60%
}
    .footer .footer-item:last-child{
        text-align:right;
        width:40%
}
}
.dataform .error,.dataform .submit,.ie-warning{
    text-align:center;
    display:block
}
@media (min-width:1441px){
    .footer{
        font-size:.9em
}
}
.ie-warning{
    background-color:red;
    color:#eee;
    font-weight:700;
    padding:10px;
    position:fixed;
    z-index:10;
    top:0;
    left:0;
    width:100%
}
.ie-warning a,.ie-warning a:hover{
    color:#fff;
    text-decoration:underline
}
.contact_header h5{
    margin:0
}
.contact_header .inner{
    background-color:#f7f7f7;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd
}
@media (min-width:768px){
    .contact_body .col-sm-7:first-child{
        border-right:1px solid #ddd
}
    .contact_body .contact_form{
        padding-right:20px
}
    .contact_body .contact_info{
        padding-left:20px
}
}
.dataform p{
    margin-bottom:1.1em
}
.dataform label{
    cursor:pointer;
    display:block
}
.dataform .required input,.dataform .required textarea,.required input[type=checkbox]+label:before{
    background-color:#fff;
    border:1px solid red!important
}
.dataform .error{
    color:red;
    margin:0 auto
}
.dataform label span.label_name{
    font-weight:300;
    display:block;
    padding:0 0 10px
}
.dataform label input,.dataform textarea{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    max-width:99%;
    width:99%
}
.dataform textarea:focus,input[type=email]:focus,input[type=text]:focus{
    border-color:#111;
    outline:0
}
::-webkit-input-placeholder{
    color:#888
}
:-ms-input-placeholder{
    color:#888
}
::-moz-placeholder{
    color:#888
}
.dataform input,.dataform textarea{
    font-size:1em;
    font-weight:300;
    padding:18px;
    border:1px solid #ddd;
    outline:0
}
.dataform .submit{
    background-color:#111;
    border:none;
    color:#fff!important;
    font-size:1em;
    padding:20px 40px 19px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    width:100%;
    max-width:320px
}
.dataform .label_name strong{
    color:#111;
    font-weight:300
}
.kapcsolat strong{
    display:block
}
.dataform input[type=checkbox]{
    left:-999em;
    position:absolute
}
.dataform .checkbox_outer ul{
    line-height:0;
    margin-bottom:40px
}
.dataform .checkbox_outer ul li label{
    line-height:1.6!important;
    text-indent:-2.5em;
    margin-left:50px
}
.dataform input[type=checkbox]+label:before{
    background-image:url(/assets/images/svg/checkbox.svg);
    background-size:60px 30px;
    content:"";
    display:inline-block;
    width:30px;
    height:30px;
    position:relative;
    top:13px;
    border:1px solid #ddd;
    margin-right:15px;
    margin-bottom:5px;
    background-position:0 0
}
.dataform input[type=checkbox]:hover+label:before{
    border:1px solid #111
}
.dataform input[type=checkbox]:checked+label:before{
    background-position:30px 0
}


@media (min-width:992px){

.showcase{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:20px
}}


.showcase-info{
/*    background-color: #ffffff;
    padding: 7%;*/
}


.showcase-info h5{
    color: #11122;
    font-weight: bold;
    display:inline-block;
    margin:0
}
.vex-dialog-message p,.vex-popup,.vex-popup .social{
    margin-bottom:1.5em
}
.showcase-info a{
    display:inline-block!important;
    border-bottom:1px solid #111
}
.showcase-info a:hover{
    border-bottom:1px solid transparent
}
.wf-loading{
    opacity:0
}
.ie.wf-active,.wf-active{
    visibility:visible
}
.wf-active{
    opacity:1;
    -webkit-transition:opacity .64s ease-in-out;
    -moz-transition:opacity .64s ease-in-out;
    transition:opacity .64s ease-in-out
}
.cd-top{
    display:inline-block;
    height:40px;
    width:40px;
    position:fixed;
    bottom:40px;
    right:10px;
    box-shadow:0 0 10px rgba(0,0,0,.05);
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    background:url(/assets/images/svg/cd-top-arrow.svg) center 50% no-repeat #111;
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .3s 0s,visibility 0s .3s;
    -moz-transition:opacity .3s 0s,visibility 0s .3s;
    transition:opacity .3s 0s,visibility 0s .3s
}
.cd-top.cd-fade-out,.cd-top.cd-is-visible,.no-touch .cd-top:hover{
    -webkit-transition:opacity .3s 0s,visibility 0s 0s;
    -moz-transition:opacity .3s 0s,visibility 0s 0s;
    transition:opacity .3s 0s,visibility 0s 0s
}
.cd-top.cd-is-visible{
    visibility:visible;
    opacity:1
}
.cd-top.cd-fade-out{
    opacity:.5
}
.no-touch .cd-top:hover{
    background-color:#111;
    opacity:1
}
@media only screen and (min-width:768px){
    .cd-top{
        right:20px;
        bottom:20px
}
}
@media only screen and (min-width:1024px){
    .cd-top{
        height:60px;
        width:60px;
        right:30px;
        bottom:30px
}
}
#live-view{
    height:calc(100% - 90px);
    left:0;
    position:fixed;
    top:90px;
    width:100%
}
.message{
    padding:2em 4em!important;
    max-width:700px
}
.vex-popup{
    border-top:1px solid #ddd;
    padding-top:1.5em;
    border-bottom:1px solid #ddd
}
.vex-content{
    box-shadow:0 1px 10px 0 rgba(0,0,0,.1)
}
.vex-popup .social{
    display:inline-block;
    width:64px;
    height:64px;
    margin-right:10px;
    vertical-align:top
}
.vex-popup .social .icon{
    border-radius:100%
}
.vex-popup .social .icon.md-circle:before{
    font-size:1em
}
.vex-popup .social:last-child{
    margin-right:0
}
.showcase {
    align-self: flex-start;
}

.shadow{
    box-shadow: -1px 2px 30px -3px rgba(0,0,0,0.09);
    -webkit-box-shadow: -1px 2px 30px -3px rgba(0,0,0,0.09);
    -moz-box-shadow: -1px 2px 30px -3px rgba(0,0,0,0.09);
    -webkit-backface-visibility:hidden
}



#ad-slot{
    min-width: 280px; 
    min-height: 280px;
}





@media (min-width:1280px){
.grey {

    margin-right: 1rem;
    }
.ad-right {
    padding-left: 1rem;
    }
}




@media (min-width:1400px){
.grey {
    margin-right: 2rem;
    }

.ad-right {
    padding-left: 1rem;
    }
}


#ad-slot-left-right {
    min-width: 290px; 
    min-height: 120px;
}




@media (min-width:1200px){
#ad-slot-left-right {

    }
}


.adv-text{
    display: none;
    font-size: 75%;
    color: #BBBBBB;
    padding-top: 0.3rem;
    text-transform: uppercase;
}