@charset "utf-8";

@-webkit-keyframes rightThenLeft {
    0%   {margin-left:-200px;margin-top: 200px;}
    10%   {margin-top: 50px;}     
    20%   {margin-top: 200px;}    
    30%   {margin-top: 80px;}    
    40%   {margin-top: 200px;}    
    50%  {margin-left:110%;margin-top: 70px;}
    60%  {margin-top: 200px;}
    70%  {margin-top: 80px;}
    80%  {margin-top: 200px;}
    90% {margin-top: 30px;}
    100% {margin-left:-200px;margin-top: 200px;}
}

@-webkit-keyframes rightToLeft {
    0%   {margin-left:-200px;}    
    100%  {margin-left:110%}
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    vertical-align:baseline
}
html
{
    line-height:1;
    height:100%
}
ol,ul
{
    list-style:none
}
table
{
    border-collapse:collapse;
    border-spacing:0
}
caption,th,td
{
    text-align:left;
    font-weight:normal;
    vertical-align:middle
}
q,blockquote
{
    quotes:none
}
q:before,q:after,blockquote:before,blockquote:after
{
    content:"";
    content:none
}
a img
{
    border:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary
{
    display:block
}
*
{
    outline:0
}
article
{
    width:100%;
    max-width:100%;
    margin:0 auto;
    margin-bottom:80px
}
html,body
{
    height:100%
}
body
{
    font-size:112,5%;
    font-family:"ff-enzo-web",sans-serif;
    color:#696363;
    height:100%;
    text-align:center;
}

#services{
    overflow: hidden;    
}

#back-to-you{
    overflow: hidden;
}

a
{
    color:inherit;
    text-decoration:none
}
::selection
{
    color:white;
    background:#bbd746
}
::-moz-selection
{
    color:white;
    background:#bbd746
}
.clearfix:before,.clearfix:after
{
    content:" ";
    display:table
}
.clearfix:after
{
    clear:both
}
.clearfix
{
    *zoom:1
}
.absolute-center
{
    margin:auto;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0
}
.brandlift_logo
{
    background:url(../img/brandlift_logo.png) no-repeat;
    background-position:49% 50%;
    background-size:contain;
    text-indent:-9999px;
    max-width:200px;
    width:60%;
    margin:0 auto;
    display:block
}
.logo
{
    transition:all .2s ease-in-out
}
.logo:hover
{
    background:#e0dfde
}
.brandlift_logo
{
    background:url(../img/brandlift_logo.svg) no-repeat;
    background-position:49% 50%;
    background-size:100%;
    text-indent:-9999px;
    max-width:auto;
    margin:0 auto;
    display:block;
    width:55%;
    height:64px
}
.logo
{
    transition:all .2s ease-in-out
}
.logo:hover
{
    background:#e0dfde
}
.flop
{
    display:none
}
nav
{
    width:100%;
    z-index:10000;
    background-color:#fff;
    border-bottom:#ccc solid 1px;
    position:relative;
    -webkit-transform:translateZ(0)
}
nav li a
{
    display:block
}
nav li,.cube
{
    display:inline-block;
    text-transform:uppercase;
    width:42%;
    padding:1.5em 0;
}
.cube{
    float: right;
}
nav li:hover
{
    background:#e0dfde
}
nav li:first-child
{
    display:block;
    width:100%;
    padding:.75em 0
}

#cookie-policy{
    background-color: #c7dd3d;
    color: #696363;
    line-height: 1em;
    padding: 25px 35px;
    display: none;
}
#cookie-policy span{
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    font-size: 2em;
    font-weight: bold;
}
#cookie-policy a{
    text-decoration: underline;
}
#hero h1
{
    margin:.5em 0 .15em 0
}
#hero h2
{
    margin:.5em 0 .15em 0;
    font-size:1.2em;
    line-height:1.5em
}
#threekings span
{
    font-size:2em;
    white-space:nowrap
}
#threekings p
{
    font-size:.875em;
    margin-top:.25em
}
h1
{
    font-size:2em
}
h2
{
    font-size:2em;
    line-height:1em;
    margin-bottom:.25em
}
h3
{
    font-size:1.750em;
    font-weight:700;
    line-height:1em;
    margin-bottom:.25em
}
p
{
    line-height:1.5em
}
article
{
    width:98%;
    margin:0 1%;
    overflow:hidden;
    *zoom:1
}
#hero
{
    position:relative;
    height:100%
}
#hero,#features,#rainbow
{
    text-align:center;
    position:relative;
    min-height:500px
}
.pusher
{
    position:relative;
    height:47%;
    margin-bottom:-145px
}
.animlogo_frame
{
    position:relative;
    max-width: 500px;
    min-height:25px;
    height:80px;
    margin:0 auto 0 auto
}
.animlogo
{
    height:99%;
    width:90%;
    background-image:url(../img/colorbg.jpg);
    background-position:center;
    background-repeat:repeat-y;
    margin:0 auto
}
.mask
{
    position:relative;
    height:100%;
    margin:0 auto;
    z-index:10;
    background:url(../img/logomask.svg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logomask.svg',sizingMethod='scale');
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logomask.svg', sizingMethod='scale')"
}
.stuff_we_love
{
    font-size:inherit;
    height:auto;
    width:auto;
    border:0;
    border-bottom:thin #5d5858 solid;
    color:inherit;
    font-family:inherit;
    box-sizing:border-box
}
.scenery
{
    background:url(../img/scenery.png) repeat-x;
    background-size:auto 100%;
    height:120px;
    width:100%;
    float:left
}
.scenery.upper
{
    background-position:0 -1em
}
.arrow_d
{
    background:url(../img/arrow_dwn.svg) center no-repeat;
    display:block;
    margin:0 auto;
    height:2em;
    width:2em;
    padding:1em 0 0 0;
    position:relative;
    z-index:100;
    cursor:pointer
}
.scenery.lower
{
    background-position:0 bottom;
    position:absolute;
    bottom:0;
    margin-top:150px
}
#threekings
{
    position:relative;
    z-index:101
}
#threekings>div
{
    width:100%;
    float:none;
    border-top:#ccc solid 1px;
    border-bottom:#ccc solid 1px;
    z-index:10;
    position:relative;
    background:#fff
}
#threekings div div
{
    border-left:#ccc solid 1px;
    text-align:center;
    height:auto;
    padding:3em 1em 3em 1em;
    overflow:hidden
}
#features h2
{
    margin:1em 0 0 0
}
#features
{
    padding-bottom:150px
}
.orb
{   cursor: default;
    width:60%;
    position:relative;
    display:block;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    margin:2.3em auto 1.5em auto;
    behavior:url(PIE.htc)
}
.orb:hover
{
    -webkit-transform:scale(1.1)
}
.orb:before
{
    content:"";
    display:block;
    padding-top:100%
}
.greenish
{
    background:#cccf44;
    background:-moz-linear-gradient(left,#cccf44 0,#cccf44 50%,#c0c33b 50%,#c0c33b 100%);
    background:-webkit-gradient(linear,left top,right top,color-stop(0%,#cccf44),color-stop(50%,#cccf44),color-stop(50%,#c0c33b),color-stop(100%,#c0c33b));
    background:-webkit-linear-gradient(left,#cccf44 0,#cccf44 50%,#c0c33b 50%,#c0c33b 100%);
    background:-o-linear-gradient(left,#cccf44 0,#cccf44 50%,#c0c33b 50%,#c0c33b 100%);
    background:-ms-linear-gradient(left,#cccf44 0,#cccf44 50%,#c0c33b 50%,#c0c33b 100%);
    background:linear-gradient(to right,#cccf44 0,#cccf44 50%,#c0c33b 50%,#c0c33b 100%)
}
.pinkish
{
    background:#eb4c78;
    background:-moz-linear-gradient(left,#eb4c78 0,#eb4c78 50%,#da4971 50%,#da4971 100%);
    background:-webkit-gradient(linear,left top,right top,color-stop(0%,#eb4c78),color-stop(50%,#eb4c78),color-stop(50%,#da4971),color-stop(100%,#da4971));
    background:-webkit-linear-gradient(left,#eb4c78 0,#eb4c78 50%,#da4971 50%,#da4971 100%);
    background:-o-linear-gradient(left,#eb4c78 0,#eb4c78 50%,#da4971 50%,#da4971 100%);
    background:-ms-linear-gradient(left,#eb4c78 0,#eb4c78 50%,#da4971 50%,#da4971 100%);
    background:linear-gradient(to right,#eb4c78 0,#eb4c78 50%,#da4971 50%,#da4971 100%)
}
.yellowish
{
    background:#fbd05f;
    background:-moz-linear-gradient(left,#fbd05f 0,#fbd05f 50%,#f8c747 50%,#f8c747 100%);
    background:-webkit-gradient(linear,left top,right top,color-stop(0%,#fbd05f),color-stop(50%,#fbd05f),color-stop(50%,#f8c747),color-stop(100%,#f8c747));
    background:-webkit-linear-gradient(left,#fbd05f 0,#fbd05f 50%,#f8c747 50%,#f8c747 100%);
    background:-o-linear-gradient(left,#fbd05f 0,#fbd05f 50%,#f8c747 50%,#f8c747 100%);
    background:-ms-linear-gradient(left,#fbd05f 0,#fbd05f 50%,#f8c747 50%,#f8c747 100%);
    background:linear-gradient(to right,#fbd05f 0,#fbd05f 50%,#f8c747 50%,#f8c747 100%)
}
.redish
{
    background:#f97b68;
    background:-moz-linear-gradient(left,#f97b68 0,#f97b68 50%,#f1644f5 0,#f1644f 100%);
    background:-webkit-gradient(linear,left top,right top,color-stop(0%,#f97b68),color-stop(50%,#f97b68),color-stop(50%,#f1644f),color-stop(100%,#f1644f));
    background:-webkit-linear-gradient(left,#f97b68 0,#f97b68 50%,#f1644f 50%,#f1644f 100%);
    background:-o-linear-gradient(left,#f97b68 0,#f97b68 50%,#f1644f 50%,#f1644f 100%);
    background:-ms-linear-gradient(left,#f97b68 0,#f97b68 50%,#f1644f 50%,#f1644f 100%);
    background:linear-gradient(to right,#f97b68 0,#f97b68 50%,#f1644f 50%,#f1644f 100%)
}
#features .label
{
    margin:0 0 2em 0;
    font-size:1.25em;
    text-transform:uppercase;
    font-weight:bold
}
.shadow
{
    -webkit-box-shadow:0 0 0 8px rgba(93,88,88,0.10);
    -moz-box-shadow:0 0 0 8px rgba(93,88,88,0.10);
    box-shadow:0 0 0 8px rgba(93,88,88,0.10)
}
.parallax
{
    background-attachment:fixed!important;
    background-position:center center;
    text-align:center
}
.margin-30
{
    margin-top:30px
}
#coins,#gallery
{
    text-align:center;
    position:relative;
    min-height:1000px;
    margin-top:0
}
#companies img
{
    min-width:100px;
    width:75%
}
#awards img
{
    max-width:85%;
    max-height:160px;
    min-width:120px
}
#awards
{
    padding:3em 0
}
#awards .table
{
    width:100%
}
a.companies_more
{
    margin:20px 0;
    padding:.7em 1.2em;
    display:inline-block;
    font-size:18px;
    border:3px solid;
    text-transform:uppercase
}
a.companies_more:hover
{
    background:#fafafa;
    border-color:#000
}
#more-companies
{
    display:none
}
#gallery
{
    background-color:#393341;
    text-align:center;
    position:relative;
    min-height:350px;
    margin-top:0;
    overflow:hidden
}
#gallery h2
{
    color:#fff;
    margin-top:85px
}
#gallery-content
{
    width:100%;
    overflow:scroll;
    white-space:nowrap;
    padding:0 0 15px 0
}
#map
{
    text-align:center;
    position:relative;
    min-height:500px;
    margin-top:0;
    overflow:hidden
}
footer
{
    text-align:center;
    position:relative;
    margin-top:0;
    overflow:hidden;
    font-family:"FontAwesome";
    color:#fff;
    font-size:8em;
    line-height:2.5em
}
.social-link
{
    opacity: 1;
    height:300px
}
.social-link a
{
    display:block
}
.social-link:nth-of-type(1)
{
    background-color:#c8d645
}
.social-link:nth-of-type(2)
{
    background-color:#e43882
}
.social-link:nth-of-type(3)
{
    background-color:#f8a13a
}
.social-link:nth-of-type(4)
{
    background-color:#fad838
}
#map
{
    background:url(../img/map_mob.png) no-repeat;
    background-position:center top;
    height:80%;
    min-height:930px
}
.section_shadow
{
    background:url(../img/section_shadow.png);
    height:7px
}
.map_1,.map_2
{
    height:240px;
    margin:40px
}
.map_labels .map_label span
{
    font-size:2em
}
.map_marker
{
    background:url(../img/marker.png);
    height:203px;
    width:192px;
    margin:0 auto;
    z-index:10;
    position:relative
}
.map_marker a
{
    background:url(../img/map_ball.png);
    height:74px;
    width:74px;
    float:left;
    margin:62px 0 0 59px
}
.map_labels
{
    margin:-55px 0 0 0;
    line-height:1.5em;
    z-index:11;
    position:relative
}
.map_label
{
    margin:10px 0;
    margin-bottom:15px
}
.map_label span
{
    color:#fff;
    background:#393240;
    padding:5px 20px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px
}
h2.map_label
{
    margin:40px auto 0 auto;
    font-size:1.5em
}
.map_labels .adr,.map_labels .tel
{
    margin-left:0;
    font-weight:700
}
.tel_and_mail div
{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    margin-bottom:3em
}
.tel_and_mail a
{
    margin:1em 0;
    border:5px solid #737271;
    display:block;
    background:#fff;
    text-align:left
}
.tel_and_mail a:hover
{
    border:5px solid #393240
}
.tel_and_mail .icon-mobile:before
{
    display:block;
    font-size:3em;
    line-height:3em;
    text-align:center;
    content:"\f098";
    float:left;
    width:25%
}
.tel_and_mail .icon-mail:before
{
    display:block;
    font-size:3em;
    line-height:3em;
    text-align:center;
    content:"\f199";
    float:left;
    width:25%
}
.tel_and_mail b
{
    font-size:2em;
    font-weight:700;
    margin:1.25em 0 .25em 0;
    display:block
}
.tel_and_mail p
{
    font-size:1.25em;
    font-weight:400
}
#contact-map
{
    overflow:hidden;
    height:500px;
    width:100%
}
.grid-container-940
{
    max-width:940px;
    position:relative
}
@font-face
{
    font-family:'bl';
    src:url('../fonts/bl.eot');
    src:url('../fonts/bl.eot') format('embedded-opentype'),url('../fonts/bl.woff') format('woff'),url('../fonts/bl.ttf') format('truetype'),url('../fonts/bl.svg') format('svg');
    font-weight:normal;
    font-style:normal
}
[class^="icon-"],[class*=" icon-"]
{
    font-family:"FontAwesome";
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-menu2:before
{
    content:"\e624"
}
.icon-mail:before
{
    content:"\e604"
}
.icon-brandlift_logo:before
{
    content:"\e60b"
}
.icon-twitter:before
{
    content:"\e601"
}
.icon-facebook:before
{
    content:"\f082"
}
.icon-facebook2:before
{
    content:"\e603"
}
.icon-google-plus:before
{
    content:"\e605"
}
.icon-google-plus2:before
{
    content:"\e606"
}
.icon-checkmark:before
{
    content:"\e607"
}
.icon-close:before
{
    content:"\e608"
}
.icon-minus2:before
{
    content:"\e609"
}
.icon-plus2:before
{
    content:"\e60a"
}
.icon-facebook:before
{
    content:"\e603"
}
.icon-twitter:before
{
    content:"\e601"
}
.work_filter ul
{
    padding:2em 0
}
.work_filter ul li
{
    display:inline-block;
    max-width:10%;
    min-width:190px
}
.work_filter ul li a
{
    height:3em;
    line-height:3em;
    text-transform:uppercase;
    font-weight:700;
    display:block
}
.work_filter ul li a:hover
{
    background:#e7e6e6
}
.work_list ul li a:hover h2,.work_list ul li a:hover p
{
    color:#474343
}
.work_filter ul li a.active
{
    background:#f47e42;
    color:white
}
.work_list ul li,.work_list ul li a,.work_list ul li div.list-only
{
    width:100%;
    display:block
}
.work_list
{
    border-top:solid 1px #c3c2c2
}
.work_list li a .work_desc,.work_list li div.list-only .work_desc
{
    border-bottom:solid 1px #c3c2c2;
    margin-top:-1px
}
.work_list li a:hover .work_desc
{
    border-bottom:solid 1px #ccc;
    background:#fafafa;
    cursor:pointer;
    margin-top:-1px
}
.work_desc,.work_img
{
    width:100%;
    min-height:200px;
    overflow:hidden;
    display:block;
    background:center center no-repeat;
    background-size:cover;
    min-width:315px
}
.work_img.rr
{
    background-image:url(../img/work/prd_li_rr.jpg)
}
.work_img.vinvin
{
    background-image:url(../img/work/prd_li_vinvin.jpg)
}
.work_img.whatabout
{
    background-image:url(../img/work/prd_li_whatabout.jpg)
}
.work_img.salud
{
    background-image:url(../img/work/prd_li_salud.jpg)
}
.work_img.cezanne
{
    background-image:url(../img/work/prd_li_cezanne.jpg)
}
.work_img.herlitz
{
    background-image:url(../img/work/prd_li_herlitz.jpg)
}
.work_img.euroball
{
    background-image:url(../img/work/prd_li_euroball.jpg)
}
.work_img.euroball
{
    background-image:url(../img/work/prd_li_euroball.jpg)
}
.work_img.soccerapp
{
    background-image:url(../img/work/prd_li_soccerapp.jpg)
}
.work_img.viasathighlights
{
    background-image:url(../img/work/prd_li_viasat_highlights.jpg)
}
.work_img.amnesty_reboot
{
    background-image:url(../img/work/prd_li_reboot.jpg)
}
.work_img.acnesweeper
{
    background-image:url(../img/work/prd_li_acnesweeper.jpg)
}
.work_img.citilife
{
    background-image:url(../img/work/prd_li_citilife.jpg)
}
.work_img.citi
{
    background-image:url(../img/work/prd_li_citi.jpg)
}
.work_img.herbalife
{
    background-image:url(../img/work/prd_li_herbalife.jpg)
}
.work_img.viasat
{
    background-image:url(../img/work/prd_li_viasat.jpg)
}
.work_img.ing
{
    background-image:url(../img/work/prd_li_ing.jpg)
}
.work_img.eljimador
{
    background-image:url(../img/work/prd_li_eljimador.jpg)
}
.work_img.fressnapf
{
    background-image:url(../img/work/prd_li_fressnapf.jpg)
}
.work_img.fressnapf-seo
{
    background-image:url(../img/work/prd_li_seo-fressnapf.jpg)
}
.work_img.hyundai
{
    background-image:url(../img/work/prd_li_hyundai.jpg)
}
.work_img.arenaplaza
{
    background-image:url(../img/work/prd_li_arenaplaza.jpg)
}
.work_img.olcsobbat
{
    background-image:url(../img/work/prd_li_olcsobbat.jpg)
}
.work_img.barorkonyv
{
    background-image:url(../img/work/prd_li_batorkonyv.jpg)
}
.work_img.footballfactor
{
    background-image:url(../img/work/prd_li_footballfactor.jpg)
}
.work_img.missing
{
    background-image:url(../img/work/prd_li_missing.jpg)
}
.work_img.bxr
{
    background-image:url(../img/work/prd_li_bxr.jpg)
}
.work_img.bszk
{
    background-image:url(../img/work/prd_li_bszk.jpg)
}
.work_img.yara
{
    background-image:url(../img/work/prd_li_yara.jpg)
}
.work_img.kiltix
{
    background-image:url(../img/work/prd_li_kiltix.jpg)
}
.work_img.burningcover
{
    background-image:url(../img/work/prd_li_burningcover.jpg)
}
.work_img.hyundai_beforeafter
{
    background-image:url(../img/work/prd_li_hyundai_beforeafter.jpg)
}
.work_img.aida64
{
    background-image:url(../img/work/prd_li_aida64.jpg)
}
.work_img.viasatplay
{
    background-image:url(../img/work/prd_li_viasatplay.jpg)
}
.work_img.badur
{
    background-image:url(../img/work/prd_li_badur.jpg)
}
.work_img.myfinancialpersonality
{
    background-image:url(../img/work/prd_li_myfinancialpersonality.jpg)
}
.work_img.youtubebattle
{
    background-image:url(../img/work/prd_li_youtubecsata.jpg)
}
.work_img.ilcsi_scbt
{
    background-image:url(../img/work/prd_li_ilcsi_scbt.jpg)
}
.work_img.ilcsi_wwf
{
    background-image:url(../img/work/prd_li_ilcsi_wwf.jpg)
}
.work_img.ilcsi_seo
{
    background-image:url(../img/work/prd_li_ilcsiseo.jpg)
}
.work_img.villamkaland
{
    background-image:url(../img/work/prd_li_netrisk_villamkaland.jpg)
}
.work_img.hasonmas
{
    background-image:url(../img/work/prd_li_hasonmas.jpg)
}
.work_img.fressnapf_integrated
{
    background-image:url(../img/work/prd_li_Fressnapf_integrated.jpg)
}
.work_img.operakarzat
{
    background-image:url(../img/work/prd_li_OperaKarzat.jpg)
}
.work_img.bankracio
{
    background-image:url(../img/work/prd_li_Bankracio.jpg)
}
.work_img.fourfourtwo
{
    background-image:url(../img/work/prd_li_442Candover.jpg)
}
.work_img.ilcsi-cosmetician
{
    background-image:url(../img/work/prd_li_IlcsiCosmetician.jpg)
}
.work_img.ing-fashiontest
{
    background-image:url(../img/work/prd_li_ING-FashionTest.jpg)
}
.work_img.lando
{
    background-image:url(../img/work/prd_li_lando.jpg)
}
.work_img.pulltherope
{
    background-image:url(../img/work/prd_li_Pulltherope.jpg)
}
.work_img.sberbank
{
    background-image:url(../img/work/prd_li_Sberbank_microsite.jpg)
}
.work_img.teqball
{
    background-image:url(../img/work/prd_li_Teqball.jpg)
}
.work_img.viasat-sales
{
    background-image:url(../img/work/prd_li_ViasatSales.jpg)
}
.work_img.eljimador-pary-calendar
{
    background-image:url(../img/work/prd_li_elJimador_PartyCalendar.jpg)
}
.work_img.fressnapf_grinz_ball
{
    background-image:url(../img/work/prd_li_fressnapf_GrinzBall.jpg)
}
.work_img.give-paw
{
    background-image:url(../img/work/prd_li-give_a_paw.jpg)
}
.work_img.freemium
{
    background-image:url(../img/work/prd_li_Freemium_Microsite.jpg)
}
.work_img.ecsi_hacker_playground
{
    background-image:url(../img/work/prd_li_ecsi_hacker_playground.jpg)
}
.work_img.granit_bank
{
    background-image:url(../img/work/prd_li_granit_bank.jpg)
}
.work_img.traditional-bows-webshop
{
    background-image:url(../img/work/prd_li_flagella.jpg)
}
.work_img.viasat-eszbontok
{
    background-image:url(../img/work/prd_li_eszbontok.jpg)
}
.work_img.jateknet
{
    background-image:url(../img/work/prd_li_jateknet.jpg)
}
.work_img.profession
{
    background-image:url(../img/work/prd_li_profession.jpg)
}
.work_img.egymondat
{
    background-image:url(../img/work/prd_li_1mondat.png)
}
.work_img.fr-app
{
    background-image:url(../img/work/prd_li_fr-app.jpg)
}
.work_img.fr-klub
{
    background-image:url(../img/work/prd_li_fn-klub.png)
}
.work_img.fn-mozi
{
    background-image:url(../img/work/prd_li_fn-mozi.png)
}
.work_img.kfc-keddvaro
{
    background-image:url(../img/work/prd_li_kfc-keddvaro.jpg)
}
.work_img.kvazar
{
    background-image:url(../img/work/prd_li_kvazar.png)
}
.work_img.filharmonikusok
{
    background-image:url(../img/work/prd_li_filharmonikusok.jpg)
}
.work_img.moneynet
{
    background-image:url(../img/work/prd_li_moneynet.png)
}
.work_img.wiro
{
    background-image:url(../img/work/prd_li_wiro.png)
}
.work_img.erste
{
    background-image:url(../img/work/prd_li_erste.png)
}
.work_img.sberbankexpress
{
    background-image:url(../img/work/prd_li-sberbank.png)
}
.work_desc
{
    text-align:left
}
.work_desc h2
{
    font-size:1.5em;
    white-space:nowrap
}
.work_desc p
{
    font-size:.875em;
    line-height:1.5em;
    margin-left:2px
}
.work_desc_container
{
    margin:24px;
    display:block
}
p.cm-desc strong
{
    font-size:.9em
}
.tag
{
    line-height:1em;
    margin:1em .5em 0 0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background:#5d5858;
    color:white;
    padding:.5em 1em;
    display:inline-block;
    font-size:1em
}
.work
{
    position:relative;
    overflow: hidden;
}
.work .scenery.lower,.work_filter .scenery.lower
{
    position:relative;
    margin-top:0;
    float:none
}
.octopus
{
    margin:2em
}
.work section.rumble-4 .jr
{
    visibility:hidden;
    display:none
}
.work .grid-50
{
    text-align:center
}
.share
{
    padding:2em 0
}
.tel_and_mail a:hover
{
    border:5px solid #393240
}
.share .icon-facebook:before
{
    display:block;
    font-size:3em;
    line-height:3em;
    text-align:center;
    content:"\f082";
    float:left;
    width:25%;
    color: #696363 !important;
}
.share .icon-twitter:before
{
    display:block;
    font-size:3em;
    line-height:3em;
    text-align:center;
    content:"\f081";
    float:left;
    width:25%;
    color: #696363 !important;
}
.share b
{
    font-size:1.5em;
    font-weight:700;
    margin:2.5em 0 .25em 0;
    display:block;
    color: #696363 !important;
}
.share a
{
    margin:1em 0;
    border:5px solid #737271;
    display:block;
    background:#fff;
    text-align:left
}
.share a:hover
{
    border:5px solid #393240
}
.work p
{
    font-size:1.2em;
    line-height:1.5em
}
.work section
{
    position:relative
}
.work section img
{
    max-width:950px;
    width:90%
}
.relative
{
    position:relative
}
.hidden
{
    display:none
}
a.anchor
{
    display:block;
    position:relative;
    top:-80px;
    visibility:hidden
}
.margin-bottom-120
{
    margin-bottom:120px
}
.margin-bottom-60
{
    margin-bottom:60px
}
#rainbow
{
    margin-top:100px;
    text-align:left;
    font-size:2em
}
#rainbow span
{
    font-size:1.5em;
    font-weight:bold;
    text-transform:uppercase
}
.rainbow-stripe
{
    color:#fff;
    min-height:250px;
    padding:60px
}
.rainbow-stripe:nth-of-type(1)
{
    background-color:#ec4c78
}
.rainbow-stripe:nth-of-type(2)
{
    background-color:#cccf44
}
.rainbow-stripe:nth-of-type(3)
{
    background-color:#f8a13a
}
#rainbow img
{
    margin:0 auto;
    display:block;
    width:100%;
    max-width:200px
}
.gif-anim-gemes
{
    background:url('../img/gemes.png');
    width:100%;
    height:100%;
    background-size:65%;
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    top:-3%;
    left:1%
}
.gif-anim-gemes:hover
{
    background:url('../img/gemes.gif');
    background-size:65%;
    background-repeat:no-repeat;
    background-position:center
}
.gif-anim-jankovits
{
    background:url('../img/adam.png');
    width:100%;
    height:100%;
    background-size:50%;
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    top:0;
    left:9%
}
.gif-anim-jankovits:hover
{
    background:url('../img/adam.gif');
    background-size:50%;
    background-repeat:no-repeat;
    background-position:center
}
.gif-anim-csiga
{
    background:url('../img/csiga.png');
    width:100%;
    height:100%;
    background-size:65%;
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    top:0;
    left:-13%
}
.gif-anim-csiga:hover
{
    background:url('../img/csiga.gif');
    background-size:65%;
    background-repeat:no-repeat;
    background-position:center
}
.gif-anim-fogy
{
    background:url('../img/fogy.png');
    width:100%;
    height:100%;
    background-size:65%;
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    top:0;
    left:0
}
.gif-anim-fogy:hover
{
    background:url('../img/fogy.gif');
    background-size:65%;
    background-repeat:no-repeat;
    background-position:center
}
.slide
{
    cursor:pointer
}
#services-head h2
{
    line-height:1.2em
}
.service-tag
{
    display:block;
    float:left;
    margin:20px 10px 0 0;
    background-color:#fff;
    color:#686262;
    padding:5px 10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px
}
.service-stripe-container
{
    display:table;
    width:100%;
    line-height:2em
}
.service-stripe
{
    color:#fff;
    min-height:450px;
    padding:60px;
    text-align:left;
    display:table-cell
}
.service-stripe p
{
    font-size:1em
}
.service-stripe p.service-tag
{
    font-size:1em
}
.service-stripe.slideInRight .grid-40
{
    text-align:right
}
.service-stripe-container .grid-40 img
{
    width:100%;
    max-width:300px;
    margin:0 auto;
    display:block
}
.service-stripe-container:nth-of-type(1) .service-stripe,.service-stripe-container:nth-of-type(7) .service-stripe
{
    background:#fcaf53;
    background:-moz-linear-gradient(top,#fcaf53 0,#fcaf53 50%,#f8a13a 51%,#f8a13a 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fcaf53),color-stop(50%,#fcaf53),color-stop(51%,#f8a13a),color-stop(100%,#f8a13a));
    background:-webkit-linear-gradient(top,#fcaf53 0,#fcaf53 50%,#f8a13a 51%,#f8a13a 100%);
    background:-o-linear-gradient(top,#fcaf53 0,#fcaf53 50%,#f8a13a 51%,#f8a13a 100%);
    background:-ms-linear-gradient(top,#fcaf53 0,#fcaf53 50%,#f8a13a 51%,#f8a13a 100%);
    background:linear-gradient(to bottom,#fcaf53 0,#fcaf53 50%,#f8a13a 51%,#f8a13a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCAF53',endColorstr='#F8A13A',GradientType=0)
}
.service-stripe-container:nth-of-type(2) .service-stripe,.pink-stripe
{
    background:#ec4c78;
    background:-moz-linear-gradient(top,#ec4c78 0,#ec4c78 50%,#da4972 51%,#da4972 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ec4c78),color-stop(50%,#ec4c78),color-stop(51%,#da4972),color-stop(100%,#da4972));
    background:-webkit-linear-gradient(top,#ec4c78 0,#ec4c78 50%,#da4972 51%,#da4972 100%);
    background:-o-linear-gradient(top,#ec4c78 0,#ec4c78 50%,#da4972 51%,#da4972 100%);
    background:-ms-linear-gradient(top,#ec4c78 0,#ec4c78 50%,#da4972 51%,#da4972 100%);
    background:linear-gradient(to bottom,#ec4c78 0,#ec4c78 50%,#da4972 51%,#da4972 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC4C78',endColorstr='#DA4972',GradientType=0)
}
.service-stripe-container:nth-of-type(3) .service-stripe
{
    background:#c1c33c;
    background:-moz-linear-gradient(top,#c1c33c 0,#c1c33c 50%,#cccf44 51%,#cccf44 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#c1c33c),color-stop(50%,#c1c33c),color-stop(51%,#cccf44),color-stop(100%,#cccf44));
    background:-webkit-linear-gradient(top,#c1c33c 0,#c1c33c 50%,#cccf44 51%,#cccf44 100%);
    background:-o-linear-gradient(top,#c1c33c 0,#c1c33c 50%,#cccf44 51%,#cccf44 100%);
    background:-ms-linear-gradient(top,#c1c33c 0,#c1c33c 50%,#cccf44 51%,#cccf44 100%);
    background:linear-gradient(to bottom,#c1c33c 0,#c1c33c 50%,#cccf44 51%,#cccf44 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C1C33C',endColorstr='#CCCF44',GradientType=0)
}
.service-stripe-container:nth-of-type(4) .service-stripe
{
    background:#d14989;
    background:-moz-linear-gradient(top,#d14989 0,#d14989 50%,#c44481 51%,#c44481 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d14989),color-stop(50%,#d14989),color-stop(51%,#c44481),color-stop(100%,#c44481));
    background:-webkit-linear-gradient(top,#d14989 0,#d14989 50%,#c44481 51%,#c44481 100%);
    background:-o-linear-gradient(top,#d14989 0,#d14989 50%,#c44481 51%,#c44481 100%);
    background:-ms-linear-gradient(top,#d14989 0,#d14989 50%,#c44481 51%,#c44481 100%);
    background:linear-gradient(to bottom,#d14989 0,#d14989 50%,#c44481 51%,#c44481 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D14989',endColorstr='#C44481',GradientType=0)
}
.service-stripe-container:nth-of-type(5) .service-stripe
{
    background:#fbd05f;
    background:-moz-linear-gradient(top,#fbd05f 0,#fbd05f 50%,#f8c747 51%,#f8c747 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fbd05f),color-stop(50%,#fbd05f),color-stop(51%,#f8c747),color-stop(100%,#f8c747));
    background:-webkit-linear-gradient(top,#fbd05f 0,#fbd05f 50%,#f8c747 51%,#f8c747 100%);
    background:-o-linear-gradient(top,#fbd05f 0,#fbd05f 50%,#f8c747 51%,#f8c747 100%);
    background:-ms-linear-gradient(top,#fbd05f 0,#fbd05f 50%,#f8c747 51%,#f8c747 100%);
    background:linear-gradient(to bottom,#fbd05f 0,#fbd05f 50%,#f8c747 51%,#f8c747 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBD05F',endColorstr='#F8C747',GradientType=0)
}
.service-stripe-container:nth-of-type(6) .service-stripe
{
    background:#e04843;
    background:-moz-linear-gradient(top,#e04843 0,#e04843 50%,#d33a34 51%,#d33a34 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e04843),color-stop(50%,#e04843),color-stop(51%,#d33a34),color-stop(100%,#d33a34));
    background:-webkit-linear-gradient(top,#e04843 0,#e04843 50%,#d33a34 51%,#d33a34 100%);
    background:-o-linear-gradient(top,#e04843 0,#e04843 50%,#d33a34 51%,#d33a34 100%);
    background:-ms-linear-gradient(top,#e04843 0,#e04843 50%,#d33a34 51%,#d33a34 100%);
    background:linear-gradient(to bottom,#e04843 0,#e04843 50%,#d33a34 51%,#d33a34 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E04843',endColorstr='#D33A34',GradientType=0)
}
.onyellow
{
    color:#573d14
}
.grid-40 img.founder1
{
    max-width:210px
}
.grid-40 img.founder2
{
    max-width:290px
}
.grid-40 img.founder3
{
    max-width:440px
}
#back-to-you h2
{
    padding-top:4em
}
#back-to-you p
{
    font-size:2em;
    padding:30px 0
}
.cog-large
{
    background:url('../img/cog.png');
    width:100%;
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    background-size:cover;
    top:0
}
.cog-large:before
{
    content:"";
    display:block;
    padding-top:100%
}
.orb:hover #cog
{
    -webkit-animation:cog 5s infinite;
    -moz-animation:cog 5s infinite;
    -ms-animation:cog 5s infinite;
    animation:cog 5s infinite;
    -webkit-animation-timing-function:linear;
    -moz-animation-timing-function:linear;
    -ms-animation-timing-function:linear;
    animation-timing-function:linear
}
@-webkit-keyframes cog
{
    100%
    {
        -webkit-transform:rotate(360deg)
    }

}
@-moz-keyframes cog
{
    100%
    {
        -webkit-transform:rotate(360deg)
    }

}
@-ms-keyframes cog
{
    100%
    {
        -webkit-transform:rotate(360deg)
    }

}
@keyframes cog
{
    100%
    {
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg)
    }

}
#coins-content
{
    font-size:2em;
    margin-top:350px;
    position:relative;
    z-index:100
}
#coins-content span
{
    font-size:2em;
    font-weight:bold
}
#coins-bg1,#coins-bg2,#coins-bg3
{
    z-index:50;
    top:0;
    left:0;
    width:100%;
    height:100%;
    min-height:800px;
    position:absolute;
    background:url(../img/bubbles.png) repeat 0 0
}
#coins-bg2
{
    z-index:49;
    background-image:url(../img/bubbles2.png)
}
#coins-bg3
{
    z-index:48;
    background-image:url(../img/bubbles3.png)
}
.polaroids
{
    margin-top:90px;
    margin-bottom:90px
}
ul.polaroids li
{
    display:inline-block;
    padding-left:0
}
ul.polaroids a
{
    background:#fff;
    display:inline;
    float:left;
    width:auto;
    text-align:center;
    text-decoration:none;
    color:#333;
    font-size:18px;
    -webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);
    -moz-box-shadow:0 3px 6px rgba(0,0,0,.25);
    -webkit-transform:rotate(-2deg);
    -moz-transform:rotate(-2deg);
    margin:0 35px 27px 30px;
    padding:10px 10px 15px
}
ul.polaroids img
{
    display:block;
    width:360px;
    margin-bottom:12px
}
ul.polaroids a:after
{
    content:attr(title)
}
ul.polaroids li:nth-child(even) a
{
    -webkit-transform:rotate(6deg);
    -moz-transform:rotate(6deg)
}
ul.polaroids li:nth-child(3n) a
{
    -webkit-transform:none;
    position:relative;
    top:-5px;
    -moz-transform:none
}
ul.polaroids li:nth-child(5n) a
{
    -webkit-transform:rotate(-7deg);
    position:relative;
    right:5px;
    -moz-transform:rotate(-7deg)
}
ul.polaroids li:nth-child(8n) a
{
    position:relative;
    right:5px;
    top:8px
}
ul.polaroids li:nth-child(11n) a
{
    position:relative;
    left:-5px;
    top:3px
}
ul.polaroids li a:hover
{
    -webkit-transform:scale(1.25);
    -moz-transform:scale(1.25);
    -webkit-box-shadow:0 3px 6px rgba(0,0,0,.5);
    -moz-box-shadow:0 3px 6px rgba(0,0,0,.5);
    position:relative;
    z-index:5
}
.claim
{
    line-height:100%
}
.teaser
{
    padding:.5% 1.5%;
    font-size:14px;
    line-height:100%
}
.small
{
    width:250px;
    padding-left:0;
    padding-right:0;
    text-align:center
}
.light-green
{
    background:#95c542
}
.green
{
    background:#7cb761
}
.orange
{
    background:#ef7d00
}
.turky
{
    background:#348e8a
}
.white
{
    background:#fff;
    color:#333
}
.speech-bubble
{
    position:relative;
    width:250px;
    padding:30px 0;
    background:#f8c747;
    color:#70591f;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    margin:0 auto;
    margin-bottom:25px;
    margin-top:10px
}
.speech-bubble p
{
    padding:10px 5px
}
.speech-bubble:after
{
    content:'';
    position:absolute;
    border-style:solid;
    border-width:15px 15px 0;
    border-color:#f8c747 transparent;
    display:block;
    width:0;
    z-index:1;
    bottom:-14px;
    left:110px
}
.bottom
{
    border-color:#c8c8c8 transparent transparent transparent;
    border-width:8px 8px 0 8px;
    bottom:-8px
}
.bottom:after
{
    border-color:#f8f8f8 transparent transparent transparent;
    border-style:solid;
    border-width:7px 7px 0 7px;
    bottom:1px;
    content:"";
    position:absolute;
    left:-7px
}
.videoBG,.videoBG_wrapper
{
    width:100%!important;
    height:100%!important;
    background-size:cover
}
#hero.about-video h1
{
    font-size:5em
}
#hero.about-video h1,#hero.about-video h2
{
    color:#fff
}
#our-team
{
    position:relative;
    padding-bottom:10em
}
.mech
{
    padding-top:6em
}
.mech img
{
    width:100%;
    max-width:380px
}
#our-team h2
{
    margin-top:4em
}
#our-team article p
{
    padding:3em 0;
    line-height:2em
}
#revolution
{
    position:relative;
    min-height:500px;
    border-top:#b9b7b7 1px solid;
    border-bottom:#b9b7b7 1px solid;
    padding:5em 0 2em 0
}
#revolution-logo-container
{
    max-width:400px;
    max-height:400px;
    height:400px;
    width:100%;
    margin:0 auto;
    position:relative
}
#revolution-logo
{
    max-width:400px;
    max-height:400px;
    width:100%;
    height:100%;
    background-image:url('../img/revolution.png');
    position:relative
}
#revolution-bg
{
    max-width:290px;
    max-height:290px;
    width:100%;
    height:100%;
    background-image:url('../img/revolution-bg.png');
    position:absolute;
    top:55px;
    left:55px
}
#gonzo
{
    max-width:170px;
    max-height:195px;
    width:100%;
    height:100%;
    background-image:url('../img/gonzo.png');
    position:absolute;
    top:153px;
    left:102px;
    background-repeat:no-repeat
}
#revolution p
{
    padding:1em 0
}
#our-team .green-stripe
{
    position:relative;
    color:#5b611f;
    text-align:center;
    background-color:#c8d645
}
#our-team .green-stripe h2
{
    padding:1em 0 5em 0;
    margin:0;
    font-size:2em;
    line-height:1.5em
}
@media screen and (max-width:540px)
{
    #our-team .green-stripe h2
    {
        padding-bottom:2em
    }

}
#awards p,#certification p
{
    margin-bottom:2em
}
#certification img
{
    width:100%;
    max-width:634px;
    margin-bottom:25px
}
.social-link:hover
{
    opacity:.5;
    cursor:pointer
}
.flip-container
{
    margin-top:2em;
    display:inline-block;
    -webkit-perspective:1000;
    -moz-perspective:1000;
    -ms-perspective:1000;
    perspective:1000;
    -ms-transform:perspective(1000px);
    -moz-transform:perspective(1000px);
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d
}
.flip-container:hover .flipper,.flip-container.hover .flipper
{
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    transform:rotateY(180deg);
    filter:FlipH;
    -ms-filter:"FlipH"
}
.flip-container,.front,.back
{
    width:280px;
    height:280px
}
.flipper
{
    -webkit-transition:.6s;
    -webkit-transform-style:preserve-3d;
    -ms-transition:.6s;
    -moz-transition:.6s;
    -moz-transform:perspective(1000px);
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    transition:.6s;
    transform-style:preserve-3d;
    position:relative
}
.front,.back
{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:.6s;
    -webkit-transform-style:preserve-3d;
    -webkit-transform:rotateY(0deg);
    -moz-transition:.6s;
    -moz-transform-style:preserve-3d;
    -moz-transform:rotateY(0deg);
    -o-transition:.6s;
    -o-transform-style:preserve-3d;
    -o-transform:rotateY(0deg);
    -ms-transition:.6s;
    -ms-transform-style:preserve-3d;
    -ms-transform:rotateY(0deg);
    transition:.6s;
    transform-style:preserve-3d;
    transform:rotateY(0deg);
    position:absolute;
    top:0;
    left:0
}
.front
{
    z-index:2
}
.back
{
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    -o-transform:rotateY(-180deg);
    -ms-transform:rotateY(-180deg);
    transform:rotateY(-180deg)
}
/*******SWIPER CSS SLIDER********/


.swiper-button-prev {
    background: url(http://www.brandlift.eu/img/prev.png) no-repeat !important;
    left: 0px !important;
    right: auto !important;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background: url(http://www.brandlift.eu/img/next.png)no-repeat !important;
    right: -11px !important;
    left: auto !important;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 56% !important;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 15px 43px !important;
    -webkit-background-size: 15px 43px !important;
    background-size: 15px 43px !important;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-container {
    width: 100%;
    height: 40%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /*width: 320px !important;*/
    /*margin-right: 0px !important;*/
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
/*******SWIPER CSS SLIDER END********/
#page404 p
{
    font-size:3em
}
#page404 .upper
{
    background-image:url('../img/scenery-doomed.png');
    border-top:1px solid
}
.tilt404
{
    -webkit-transform:rotate(-5deg);
    -ms-transform:rrotate(-5deg);
    transform:rotate(-5deg)
}
.code-404
{
    position:absolute;
    z-index:0;
    left:0;
    top:80px
}
.code-404-2
{
    position:absolute;
    z-index:-1;
    right:0;
    bottom:0
}
.chair-bg
{
    background:url(../img/joinus-chair-bg.png) center;
    position:absolute;
    width:250px;
    height:250px
}
.chair
{
    position:relative;
    width:300px;
    height:300px;
    margin:0 auto
}
.chair img
{
    position:absolute;
    z-index:10;
    width:113px;
    margin-top:36px;
    margin-left:70px;
    display:block
}
.joinus h2,.joinus p
{
    text-align:left;
    color:#5b611f;
    font-weight:700;
    margin-top:.5em
}
.joinus
{
    background:#c8d645;
    min-height:300px;
    position:relative;
    padding:2em 0
}
.joinus .grid-70
{
    z-index:20;
    position:relative
}
.joinus
{
    overflow:hidden
}
.joinus a
{
    color:#fff
}
.chair-bg
{
    -webkit-animation:rotathing 30s infinite;
    -moz-animation:rotathing 30s infinite;
    -ms-animation:rotathing 30s infinite;
    animation:rotathing 30s infinite;
    -webkit-animation-timing-function:linear;
    -moz-animation-timing-function:linear;
    -ms-animation-timing-function:linear;
    animation-timing-function:linear
}
.slider-wrapper
{
    position:relative;
    overflow:hidden;
    width:100%;
    margin:3em 0;
    background:#fff
}
.slider
{
    position:relative;
    width:100%;
    margin:0 auto
}
#slider h2
{
    margin:2em 0 1em 0
}
#slider
{
    text-align:center;
    position:relative;
    min-height:500px;
    border-top:#b9b7b7 1px solid;
    border-bottom:#b9b7b7 1px solid
}
a.slider_more
{
    margin:20px 0;
    padding:.7em 1.2em;
    display:inline-block;
    font-size:18px;
    border:3px solid;
    text-transform:uppercase
}
a.slider_more:hover
{
    background:#fafafa;
    border-color:#000
}
.table
{
    display:table
}
#companies h2
{
    margin:2em 0 1em 0
}
#companies .grid-25 div,#awards .grid-33 div,.bravebook-5 .grid-33 div{
    position:relative;
    height:150px;
    vertical-align:middle;
    padding:0 5%
}
.tel_and_mail
{
    margin:0 0 5em 0
}
.bubble
{
    position:relative;
    width:310px;
    height:125px;
    padding:0;
    background:#f8c747;
    color:#70591f;
    font-size:1.5em;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px
}
.bubble:after
{
    content:'';
    position:absolute;
    display:block;
    width:0;
    z-index:1;
    margin-left:-19px;
    bottom:-10px;
    left:50%
}
/*Brunch*/
#brunch{
    margin-top: 0px;
    overflow-x: hidden;
}

.brunch-1 
{
    background: #000 url(../img/brunch-bg.jpg) no-repeat;
    background-size:cover;
    padding-bottom:4em;
    background-position:center;
    text-align:center;
    color:white;
    position:relative;
    line-height:1.5em
}
.brunch-1 .brunchlogos 
{
    padding:2em 0;
    width: 100%;
    max-width: 362px;
}
.brunch-1 .grid-100 
{
    position:relative;
}
.brunch-1 .brunchlogo 
{
    padding:6em 0;
    display: block;
    margin: 0 auto
}
.brunch-ribbon 
{
    position:absolute;
    background:url(../img/brunch-ribbon.png);
    width:200px;
    height:274px;
    right:0
}
.brunch-desc 
{
    box-sizing:border-box;
    margin:3em auto 0 auto;
    border: 3px solid #fff;
    border-bottom:none;
    padding:1em;
    max-width:600px
}
.brunch-desc-2 
{
    box-sizing:border-box;
    border: 3px solid #fff;
    padding:1em;
    max-width:600px;
    margin:0em auto
}
.brunch-1 h4 
{
    font-size:24px;
    font-weight:700;
    line-height:1.2em
}
.brunch-1 h1 
{
    line-height:1.2em
}
@media screen and (max-width:850px){
    .brunch-ribbon{
        display: none;
    }
}
@media screen and (max-width:775px){
    #brunch h2.hmargin{
        margin-left: 10px;
    }

    .brunch-rsvp-yes{
        margin-bottom: 20px;
    }
}

@media screen and (max-width:720px)
{
    #graySpace{
        display: none !important;
    }

    #blgame{
        display: none !important;
    }
    .brunch-desc
    {
        width:100%
    }
    .brunch-desc-2
    {
        width:100%
    }

}
.brunch-2 
{
    padding:2em 0;
    color:#29272d
}
.brunch-2 
{
    padding:2em 0;
    text-align:left
}
.brunch-2 p 
{
    font-family:arial, sans-serif
}
.brunch-2 .brunch-list img
{
    width:100%;
    margin-bottom:1em
}
.brunch-rsvp-yes a
{
    background: rgba(187,244,106,0.40)
}
.brunch-rsvp-no a
{
    background: rgba(241,211,72,0.40)
}
.brunch-rsvp-yes a:hover 
{
    background: rgba(187,244,106,1)
}
.brunch-rsvp-no a:hover
{
    background: rgba(241,211,72,1)
}
.brunch-rsvp 
{
    text-align:center;
    color:#000;
    padding:2em 0;
    margin-bottom:2em
}
.brunch-rsvp div a 
{
    padding:1em 0;
    display:inline-block;
    width:100%;
    border-radius:3px
}
.brunch-rsvp-yes a:hover, .brunch-rsvp-no a:hover  
{
    -webkit-transition: all 0.5s;
    transition: all 0.5s;

}
.left 
{
    float:left
}
.center
{
    text-align:center
}
.brunch-list .left img 
{
    padding-right: 10px;
    box-sizing: border-box
}
.brunch-list h3 
{
    clear:both;
    margin: 10px 0 0 0;
    font-size:30px
}
.brunch-list .brunch-time 
{
    font-size:42px
}
.brunch-list h4 
{
    font-size:1.25em;
    font-weight:700;
    line-height:1.5em;
    margin-top:25px;
}
.brunch-list p 
{
    margin-bottom: 2em
}
.brunch-list-backdrop 
{
    background:#29272d;
    width:100%;
    height:100%;
    min-height:281px;
    text-align:center;
    margin-bottom:20px;
    position:relative
}
.brunch-list-backdrop i 
{
    position:absolute;
    right:0;
    bottom:0;
    color:#fff;
    font-size:2.5em;
    margin:12px
}
.brunch-list-backdrop img.circular 
{
    width: 8em;
    height: 8em;
    border-radius: 5em;
    -webkit-border-radius: 5em;
    -moz-border-radius: 5em;
    background-position:center;
    background-size:contain;
    border:0.2em;
    border-style:solid;
    margin: 2.5em 0 0em 0;

}
.brunch-list-backdrop div 
{
    text-align:center;
    color:#fff;
    font-size:1.5em;
    margin-bottom:3px
}
.brunch-list-backdrop span 
{
    text-align:center;
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    line-height:1.3em
}

.brunch-list-backdrop span.position{
    color: #eee;
    font-weight: normal;
    text-transform: none;
}

.brunch-container 
{
    margin: 0 auto
}

/* #### Dark Matter #### */
.dark-matter {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    background: #29272d;
    padding: 20px 30px 20px 30px;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #D3D3D3;
    text-shadow: 1px 1px 1px #444;
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.dark-matter h1 {
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom: 1px solid #444;
    margin: -10px -30px 30px -30px;
}
.dark-matter h1>span {
    display: block;
    font-size: 11px;
}
.dark-matter label {
    display: block;
    margin: 0px 0px 5px;
}
.dark-matter label>span {
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    font-weight: bold;
}
.dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea, .dark-matter select {
    border: none;
    color: #525252;
    height: 25px;
    line-height:15px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 5px 0px 5px 5px;
    width: 70%;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background: #DFDFDF;
}
.dark-matter select {
    background: #DFDFDF url('down-arrow.png') no-repeat right;
    background: #DFDFDF url('down-arrow.png') no-repeat right;
    appearance:none;
    -webkit-appearance:none; 
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 70%;
    height: 35px;
    color: #525252;
    line-height: 25px;
}
.dark-matter textarea{
    height:100px;
    padding: 5px 0px 0px 5px;
    width: 70%;
}
.dark-matter .button {
    background: #FFCC02;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #585858;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-shadow: 1px 1px 1px #FFE477;
    font-weight: bold;
    box-shadow: 1px 1px 1px #3D3D3D;
    -webkit-box-shadow:1px 1px 1px #3D3D3D;
    -moz-box-shadow:1px 1px 1px #3D3D3D;
}

.dark-matter .button:hover {
    color: #333;
    background-color: #EBEBEB;
}

.dark-matter label.error{
    margin-bottom: 15px;
}

.zeppy{
    animation:rightThenLeft 40s linear infinite;
    -webkit-animation:rightThenLeft 40s linear infinite;
    background-image:url(../img/zeppelin.gif); 
    height:140px;
    width:140px;
    background-repeat:no-repeat;}

.kiltix-gif{
    display: block;
    animation:rightToLeft 8s linear infinite;
    -webkit-animation:rightToLeft 8s linear infinite;
}
.brandgamenyil{
    position: fixed;
    right: 10px;
    top: 90px;
    z-index: 10000;
    width: 180px;
}
.brandgamebubble{
    position: fixed;
    right: 300px;
    top: 265px;
    z-index: 10000;
    width: 150px;

}
.brandgcsigagame{
    position: fixed;
    right: 210px;
    top: 245px;
    z-index: 10000;
    width: 100px;
}
#graySpace {
    display: none;
    position: fixed;
    z-index: 10001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(154, 154, 154, 0.25);

}
#brandliftGame a {
    position: fixed;
    top: 0;
    right: 0;
    width: 95.14px;
    height: 80px;
    z-index: 10002;
    overflow: auto;
    cursor: pointer;
}