/* Clearing styles */
* {padding: 0px; margin: 0px; outline: none;}

/* Webfonts */

@font-face {
    font-family: 'CenturySchoolbook-Italic';
    src: url('webfonts/CenturySchoolbook-Italic.eot?') format('eot'),
         url('webfonts/CenturySchoolbook-Italic.woff') format('woff'),
         url('webfonts/CenturySchoolbook-Italic.ttf')  format('truetype'),
         url('webfonts/CenturySchoolbook-Italic.svg#CenturySchoolbook-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('webfonts/bebasneue-webfont.eot');
    src: url('webfonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/bebasneue-webfont.woff2') format('woff2'),
         url('webfonts/bebasneue-webfont.woff') format('woff'),
         url('webfonts/bebasneue-webfont.ttf') format('truetype'),
         url('webfonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Arial Black';
    src: url('webfonts/arial-black.eot?') format('eot'),
    url('webfonts/arial-black.woff') format('woff'),
    url('webfonts/arial-black.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('webfonts/HelveticaNeueLTStd-Lt.eot');
    src: url('webfonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'),
        url('webfonts/HelveticaNeueLTStd-Lt.woff') format('woff'),
        url('webfonts/HelveticaNeueLTStd-Lt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Minion Pro';
    src: url('webfonts/MinionPro-Regular.eot');
    src: url('webfonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('webfonts/MinionPro-Regular.woff') format('woff'),
        url('webfonts/MinionPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* Animation */

/* Chrome, Safari, Opera */
@-webkit-keyframes arrow-img-hover {
    from { margin-left: 0;}
    to { margin-left: 10px;}
}
@keyframes arrow-img-hover {
    from { margin-left: 0;}
    to { margin-left: 10px;}
}


@-webkit-keyframes shuffle-bg-hover {
    from { background-position: 63px -1873px;}
    to { background-position: 73px -1873px;}
}
@keyframes shuffle-bg-hover {
    from { background-position: 63px -1873px;}
    to { background-position: 73px -1873px;}
}


@-webkit-keyframes more-bg-hover {
    from { background-position: 170px -1740px;}
    to { background-position: 180px -1740px;}
}
@keyframes more-bg-hover {
    from { background-position: 170px -1740px;}
    to { background-position: 180px -1740px;}
}


@-webkit-keyframes more-intel-bg-hover {
    from { background-position: 160px -1742px;}
    to { background-position: 170px -1742px;}
}
@keyframes more-intel-bg-hover {
    from { background-position: 160px -1742px;}
    to { background-position: 170px -1742px;}
}


@-webkit-keyframes more-crew-bg-hover {
    from { background-position: 180px -1718px;}
    to { background-position: 190px -1718px;}
}
@keyframes more-crew-bg-hover {
    from { background-position: 180px -1718px;}
    to { background-position: 190px -1718px;}
}


@-webkit-keyframes get-in-touch-hover {
    from { background-position: 115px 120px;}
    to { background-position: 125px 120px;}
}
@keyframes get-in-touch-hover {
    from { background-position: 115px 120px;}
    to { background-position: 125px 120px;}
}


@-webkit-keyframes readmore-bg-hover {
    from { background-position: 0px 0px;}
    to { background-position: 10px 0px;}
}
@keyframes readmore-bg-hover {
    from { background-position: 0px 0px;}
    to { background-position: 10px 0px;}
}

@-webkit-keyframes author-intel-readmore {
    from { background-position: 95% 5px;}
    to { background-position: 100% 5px;}
}
@keyframes author-intel-readmore {
    from { background-position: 95% 5px;}
    to { background-position: 100% 5px;}
}

/* Generic elements styles */
html {width: 100%; height: 100%;}
body { width: 100%; min-height: 100%; height: 100%; font-size: 19px; line-height: 21px; color: #323232; font-family: Arial; background:#fff; }

a { text-decoration: none; color:#3976a1; cursor: pointer; }
a:hover { text-decoration: underline; }

h1 { font-family: "bebas_neueregular"; letter-spacing: 0; font-size: 75px; font-weight: normal; line-height: 78px; margin-bottom: 45px; }
h2 { font-size: 50px; font-family: 'bebas_neueregular'; line-height: 50px;    font-weight: normal; }
h4{ font-size: 22px; font-family: 'bebas_neueregular'; line-height: 25px;     font-weight: normal;}

#messages { position: relative; z-index: 100; }

p { margin-bottom: 30px; }
#block-system-main p { line-height: 25px;}
div.clear { clear: both; }
div.empty { clear: both; height: 265px; }


ul{margin:0; padding:0;}
li{list-style:none;}
.field-name-body li { list-style: disc; margin: 0 0 24px 18px;}

body .ajax-progress-throbber .throbber { width: 16px; height: 16px; background: url("images/ajax-loader.gif") no-repeat; }
.yellow { color: #FFED00; }
.back-hidden { display: none; }
.column-1 { width: 280px; }
.column-2 { width: 608px; }
.column-3 { width: 940px; }
.column-center { margin: 0 50px 30px; float: left; }
.column-left { margin: 0 0 25px 0; clear: left; float: left; }
.column-right { margin: 0 0 30px 0; float: right; }

/* admin pages */
.page-admin #block-system-main,
.page-user #block-system-main,
.page-admin .tabs,
.page-user .tabs { max-width: 940px; margin: 0 auto; }

.page-admin table td { padding: 0 5px; font-size: 15px; }
.page-admin #block-system-main { background: #eee; }

.page-node-add .tabs,
.page-node-edit .tabs {  max-width: 940px; margin: 0 auto 20px; padding: 10px 0 0; }
.page-node-add #block-system-main .form-wrapper,
.page-node-edit #block-system-main .form-wrapper { position: relative; clear: both; top: 0; left: 0; padding: 0; text-align: left; margin-bottom: 20px; background: #fff; height: auto; width: auto; float: none; color: #323232; font-size: 19px; }
.page-node-add #block-system-main .vertical-tabs .form-wrapper,
.page-node-edit #block-system-main .vertical-tabs .form-wrapper { clear: none; padding: 0 1em; }
.page-node-add #block-system-main .form-wrapper .field-label,
.page-node-edit #block-system-main .form-wrapper .field-label { font-size: 19px; }
.page-node-add #block-system-main .form-wrapper .tabledrag-toggle-weight-wrapper,
.page-node-edit #block-system-main .form-wrapper .tabledrag-toggle-weight-wrapper { display: none; }

.page-node-add #block-system-main .vertical-tabs,
.page-node-edit #block-system-main .vertical-tabs,
.page-node-add #block-system-main .form-wrapper .ckeditor_links,
.page-node-edit #block-system-main .form-wrapper .ckeditor_links,
.page-node-add #block-system-main .form-wrapper .filter-guidelines,
.page-node-edit #block-system-main .form-wrapper .filter-guidelines,
.page-node-add #block-system-main .description,
.page-node-edit #block-system-main .description { font-size: 14px; }
.page-node-add #block-system-main,
.page-node-edit #block-system-main { max-width: 940px; margin: 0 auto; }

.page-admin .form-actions .form-submit,
.page-node-add .form-actions .form-submit,
.page-node-edit .form-actions .form-submit,
.page-node-delete .form-actions .form-submit { background: #292929; color: #ffed35; font-size: 15px; font-weight: bold; text-transform: uppercase; padding: 4px 10px 10px; border: none; height: 30px; cursor: pointer; margin: 0 25px 25px 0; }
.page-admin .form-actions .form-submit:hover,
.page-node-add .form-actions .form-submit:hover,
.page-node-edit .form-actions .form-submit:hover,
.page-node-delete .form-actions .form-submit:hover { color: #fff; }

.pageBody {
    position: relative;
}


/* header */
.headerArea { position: absolute; width: 100%; top: 0; left: 0; z-index: 20; }
.header-top { position: relative; width: 940px; margin: 0 auto; padding-top: 15px; }
#logo { float: left; margin-right: 27px; }
#block-system-main-menu { width: 460px; float: left; padding-top: 52px; }
#block-system-main-menu ul li { display: inline; list-style: none; padding: 0; margin: 0;}
#block-system-main-menu ul li a { font: 21px 'bebas_neueregular'; text-transform: uppercase; color: #fff; margin-right: 5px; padding: 7px; border: 2px solid transparent;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;}
#block-system-main-menu ul li a.active,
#block-system-main-menu ul li a:hover { border-color: #ffed35; /*border: 2px solid #ffed35; padding: 7px;*/ text-decoration: none;  }

.menu-more { display: block;
    width: 49px;
    height: 20px;
    padding: 5px;
    position: absolute;
    top: 61px;
    right: 0;
    background: #000000 url("images/frontpage-sprite.png") no-repeat 44px 10px;
    font-size: 21px;
    /* line-height: 22px; */
    font-family: "bebas_neueregular";
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
}
.get-closer { display: none; width: 162px; height: 149px; padding-top: 10px; text-align: center; position: absolute; top: 145px; right: -22px; /* background: url("images/frontpage-sprite.png") no-repeat 0px -211px;*/}
.get-closer img { width: 141px; height: auto; position: relative; top: 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;}
.get-closer:hover img, .get-closer:active img {
    width: 162px; top: -10px;
}

.media-kits-img { padding-top: 10px; text-align: center; /* background: url("images/frontpage-sprite.png") no-repeat 0px -211px;*/ width: 162px;
    height: 149px;
    text-align: center; padding-left: 10px;}
.media-kits-img img { width: 141px; height: auto; position: relative; top: 0; left: 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;}
.media-kits-img:hover img, .media-kits-img:active img {
    width: 162px; top: -10px; left: -10px;
}


.sprite.more { background-position: 0px 0px; width: 12px; height: 11px;  }

.sprite.quote { background-position: 0px -1418px; width: 599px; height: 47px;  }

/* header end */


/* footer */
.footerArea { height: 265px; padding-top: 0px !important; clear: both; }
.footer-logo {
    width: 24px;
    height: 24px;
    margin: 0 auto 20px;
    background-color: black;
    display: block; }
.footer-text {   width: 695px; height: 40px; margin: 0 auto 50px; font-size: 15px; color: #292929; text-align: center; font-weight: normal;}
.footer-text a { font-weight: bold; color: #292929; }
.footer-text a:hover {color: #21bbef; }

.wrap-social-links-footer { width: 100%; height: auto; background-color: #fff;}
.social-links-footer { clear: both; width: 536px; height: 100px; margin: 0 auto; }
.social-links-footer a { display: block; width: 40px; height: 38px; float: left; padding: 32px 46px; background: url('images/footer-sprite.png') no-repeat; }
.social-links-footer a.facebook { background-position: 46px -2348px; }
.social-links-footer a.instagram { background-position: 46px -1872px; }
.social-links-footer a.linkedin { background-position: 46px -1396px; }
.social-links-footer a.rss { background-position: 46px -444px; }
.social-links-footer a.twitter { background-position: 46px -2824px; }
.social-links-footer a.pinterest { background-position: 46px -920px; }
.social-links-footer a.google {background-position: 46px 32px; }

.social-links-footer a:hover { background-color: #FFED00; }
.social-links-footer a.facebook:hover { background-position: 46px -2586px; }
.social-links-footer a.instagram:hover  { background-position: 46px -2110px; }
.social-links-footer a.linkedin:hover  { background-position: 46px -1634px; }
.social-links-footer a.rss:hover  { background-position: 46px -682px; }
.social-links-footer a.twitter:hover  { background-position: 46px -3062px; }
.social-links-footer a.pinterest:hover  { background-position: 46px -1158px; }
.social-links-footer a.google:hover {background-position: 46px -206px; }
.social-separator {float: left; width: 0; height: 100px; border-left: 1px solid #e2e2e2; }
/* footer end */



/* frontpage */

/* frontpage slider */
#block-views-frontpage-slider-block { width: 100%; height: 659px; margin:0px !important; text-align: center; position: relative; }
.views-slideshow-controls-bottom { position: absolute; bottom: 5%; width: 100%; z-index: 20; text-align: center;}
#widget_pager_bottom_frontpage_slider-block { position: relative; width: 110px; height: 21px; margin: 0 auto; }
.bullet { width: 21px; height: 21px; float: left; margin: 0 3px; background: url("images/big-bullets.png") no-repeat; cursor: pointer; }
.active .bullet,
.bullet:active,
.bullet:hover  { background-position: 0px -121px; }

#block-views-frontpage-slider-block .views-slideshow-cycle-main-frame,
#block-views-frontpage-slider-block .views_slideshow_slide { width: 100% !important; height: 659px; }
#block-views-frontpage-slider-block .views_slideshow_slide .views-row { position: relative; }
#block-views-frontpage-slider-block .views_slideshow_slide .views-row .slide-content { position: absolute; width: 100%;
    height: 327px; top: 250px; left: 0; overflow: hidden; color: #fff; font: 'bebas_neueregular';  }
#block-views-frontpage-slider-block .views_slideshow_slide .views-row .slide-content .slide-content-inner { width: 800px; margin: 0 auto; }
#block-views-frontpage-slider-block .views_slideshow_slide .views-row .slide-content .slide-content-inner h1 { font-family: "bebas_neueregular";
    margin-bottom: 20px;}
#block-views-frontpage-slider-block .views_slideshow_slide .views-row .slide-content .slide-content-inner .slide-text { font-family: "bebas_neueregular"; width: 830px; margin: auto;
    font-size: 40px; font-weight: normal; line-height: 35px;}
#block-views-frontpage-slider-block .views_slideshow_slide .views-row .slide { width: 100%; height: 659px; background-size: cover!important;}

#block-views-frontpage-slider-block-1 .views_slideshow_slide { width: 100% !important; height: 300px; }
#block-views-frontpage-slider-block-1 .views_slideshow_slide .views-row { position: relative; }
#block-views-frontpage-slider-block-1 .views_slideshow_slide .views-row .slide { width: 100%; height: 300px; background-size: cover!important;}

@media (max-width: 768px) {
    #block-views-frontpage-slider-block-1 .views_slideshow_slide { width: 100% !important; height: 210px; }
    #block-views-frontpage-slider-block-1 .views_slideshow_slide .views-row .slide { width: 100%; height: 210px; background-size: cover!important;}
}

.slide-content {
    cursor: pointer;
}
/* frontpage slider end */


/* blog */
.pageArea .region-content { width: 940px; margin: 0 auto; }
#block-block-3 { float: left; width: 286px; height: 397px;  border: 7px solid #FFED00; margin: 0 20px 20px 0; font-size: 19px; color: #292929; }
#block-block-3 a.use-ajax { display: block; width: 226px; height: 337px; position: absolute; top: 0; left: 0; padding: 30px; color: #292929; }
#block-block-3 a.use-ajax:hover { text-decoration: none; }
#block-block-3 a.use-ajax .shuffle { width: 140px; height: 17px; font-size: 17px; font-weight: bold; margin-bottom: 15px; background: url("images/frontpage-sprite.png") no-repeat 63px -1873px;
/*-webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    -ms-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;*/}
#block-block-3 a.use-ajax:hover .shuffle { background-position: 73px -1873px;
    /*-webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -ms-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;*/
    -webkit-animation: shuffle-bg-hover 0.3s infinite alternate ease; /* Chrome, Safari, Opera */
    animation: shuffle-bg-hover 0.3s infinite alternate ease;}

#block-block-3  h2 { color: #292929; margin-bottom: 13px; letter-spacing: 0;}
#block-block-3 .content { position: relative; }
#block-block-3 .content .ajax-progress-throbber { position: absolute; top: 1px; left: 110px; }

#block-views-blog-block-1 { float: right; width: 620px;}
#block-views-blog-block-1 .views-row { position: relative; height: 410px; }
#block-views-blog-block-1 .views-row .thumb { height: 410px; overflow: hidden; }
#block-views-blog-block-1 .views-row h4 { display: block; position: absolute; top: 0; width: 620px; height: 410px; font-size: 50px; line-height: 50px;
    background: url("images/thumb-base-big.png") no-repeat 0 100%; }
#block-views-blog-block-1 .views-row h4 a { display: table-cell; vertical-align: bottom; width: 560px; height: 390px; padding: 0 30px 20px; color: #fff; font-family: "bebas_neueregular"; font-weight: normal;}
#block-views-blog-block-1 .views-row h4 a:hover { text-decoration: none; }
#block-views-blog-block-1 .views-row .tag { position: absolute; right: 0; bottom: 0; width: 30px; height: 26px; padding-top: 4px; background: #FFED00; font-size: 14px; font-weight: bold; text-align: center; }
#block-views-blog-block { clear: both; width: 620px; float: left; }
#block-views-blog-block .views-row { float: right; position: relative; width: 300px; height: 195px; margin: 0 0 20px 0; }
#block-views-blog-block .views-row.views-row-2 { margin: 0 20px 20px 0; }
#block-views-blog-block .view-blog .views-row .thumb { height: 195px; }
#block-views-blog-block .view-blog .views-row h4 { display: block; position: absolute; top: 0; width: 300px; height: 195px;
    font-size: 22px; color: #fff; line-height: 25px; font-weight: normal; font-family: "bebas_neueregular"; line-height: 22px;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); }
#block-views-blog-block .view-blog .views-row h4 a { display: table-cell; vertical-align: bottom; width: 246px; height: 175px; padding: 0 30px 20px 24px; color: #fff; font-family:"bebas_neueregular" !important;}
#block-views-blog-block .view-blog .views-row h4 a:hover { text-decoration: none; }
#block-views-blog-block .views-row .tag { position: absolute; right: 0; bottom: 0; width: 30px; height: 26px; padding-top: 4px; background: #FFED00; font-size: 14px; font-weight: bold; text-align: center; }
#block-views-blog-block .view-footer { float: right; position: relative; width: 286px; height: 181px; margin: 0 20px 20px 0; border: 7px solid #292929; }
#block-views-blog-block .view-footer h2 a { display: block; position: absolute; letter-spacing: 0; width: 216px; height: 161px; padding: 10px 35px; color: #292929; background: url("images/frontpage-sprite.png") no-repeat 146px -1750px;
   /* -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    -ms-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;*/}
#block-views-blog-block .view-footer h2 a:hover { background-position: 156px -1750px; text-decoration: none;
   /* -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    -ms-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;*/
    -webkit-animation: more-bg-hover 0.3s infinite alternate ease; /* Chrome, Safari, Opera */
    animation: more-bg-hover 0.3s infinite alternate ease;}

/*
#block-block-4 { float: left; width: 196px; height: 316px; padding: 40px 45px; border: 7px solid #21bbef; margin: 0 0 20px 20px; background: url("images/twitter.png") no-repeat 261px 371px;  }
#block-block-4 .tweet-text { font-size: 26px; line-height: 27px; font-style: italic; color: #292929; margin-bottom: 30px; }
#block-block-4 .tweet-author-info { width: 210px; }
#block-block-4 .tweet-authorphoto { width: 74px; height: 74px; margin-right: 18px; }
#block-block-4 .tweet-author a { font-size: 17px; color: #21bbef; font-weight: normal; }
#block-block-4 .tweet-screenname a { font-size: 12px; color: #21bbef; }
*/

#block-views-tweets-block { float: left; width: 226px; height: 326px; padding: 30px 29px 40px; border: 7px solid #21bbef;
    margin: 0 0 20px 20px; background: url("images/twitter.png") no-repeat 261px 371px;  }
#block-views-tweets-block .tweet-text { font-size: 22px; line-height: 30px; font-style: italic; color: #292929;
    margin-bottom: 20px; max-height: 240px; overflow: hidden;}
#block-views-tweets-block .tweet-text a {
    word-wrap: break-word;
}
#block-views-tweets-block .tweet-author { /* float: left; */ line-height: 17px;}
#block-views-tweets-block .tweet-screenname { line-height: 17px;}
#block-views-tweets-block .tweet-author-info { width: 226px; }
#block-views-tweets-block .tweet-authorphoto { width: 48px; height: 48px; float: left; margin-right: 20px;}
/*open-get-in-touch a { font-size: 17px; color: #21bbef; font-weight: normal; }*/
#block-views-tweets-block .tweet-screenname a { font-size: 12px; font-style: italic; color: #21bbef; }



.bottom-sliders {clear: both; width: 940px; height: 370px; margin: 0 auto; padding: 55px 0 0; }
/* instagram album */
#instagram-album { float: left; width: 300px; height: 310px; }
/* twitter album */
#tweets { float: left;
    width: 210px;
    height: 230px;
    padding: 15px 19px;
    margin: 0 20px 20px;
    background: url("images/twitter.png") no-repeat right bottom;
}

.tight-text {
    letter-spacing: 0;
}
a.black-link, a.black-link:active, a.black-link:hover, a.black-link:visited {
    color: #292929;
    text-decoration: none;
}



.page-crew #tweets,
.page-careers #tweets { width: 248px;
    height: 266px;
    border: 7px solid #21bbef;
    background-position: 261px 271px;
}
#tweets .tweet-text { font-size: 21px; line-height: 27px; font-style: italic; color: #292929; margin-bottom: 15px; }
#tweets .tweet-text a {
    word-wrap: break-word;
}
#tweets .tweet-author,
#tweets .tweet-screenname { float: left; width: 135px; }
#tweets .tweet-author-info { width: 210px; }
#tweets .tweet-authorphoto { width: 65px; height: 65px; float: left; }
#tweets .tweet-author a { font-size: 17px; color: #21bbef; font-weight: normal; }
#tweets .tweet-screenname a { font-size: 12px; color: #21bbef; }
/* facebook album */
#facebook-album { position: relative; float: left; width: 300px; height: 310px; }
#facebook-album h4 { display: table; position: absolute; top: 0; left: 0; width: 280px; height: 310px; padding-left: 20px; font: 22px/22px 'bebas_neueregular'; color: #fff; background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); }
#facebook-album h4 span { display: table-cell; vertical-align: bottom; padding-bottom: 20px; }
#facebook-album .views-slideshow-controls-bottom { position: absolute; left: 20px; top: 275px; height: 17px; }
#facebook-album .views-slideshow-pager-field-item { width: 20px; height: 20px; float: left; margin-right: 6px; background: url("images/soc_slider_bullets.png") no-repeat; cursor: pointer; }
#facebook-album .views-slideshow-pager-field-item .bullet { display: none; }
#facebook-album .views-slideshow-pager-field-item.active {background-position: 0px -170px; }
#facebook-album .view-footer { position: absolute; bottom: 0; right: 0; z-index: 10; width: 30px; height: 30px; }
#facebook-album .slider-icon { width: 30px; height: 30px; background: url("images/social-sliders.png") no-repeat; }
.edge-social-label {
    z-index: 10;
    position: absolute;
    left: -565px;
    bottom: 16px;
    font-size: 22px;
    color: #fff;
    line-height: 25px;
    font-weight: normal;
    font-family: "Arial Black";
}
/* instagram album */
#instagram-album { position: relative; float: left; width: 300px; height: 310px; }
#instagram-album .fancybox { width: 300px; height: 310px; overflow: hidden; }
#instagram-album .fancybox img { width: 310px; height: auto; }
#instagram-album h4 { display: table; position: absolute; top: 0; left: 0; width: 280px; height: 310px; padding-left: 20px; font: 22px/22px 'bebas_neueregular'; color: #fff; background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); }
#instagram-album h4 span { display: table-cell; vertical-align: bottom; padding-bottom: 20px; }
#instagram-album .views-slideshow-controls-bottom { position: absolute; left: 20px; top: 275px; height: 17px; }
#instagram-album .views-slideshow-pager-field-item { width: 20px; height: 20px; float: left; margin-right: 6px; background: url("images/soc_slider_bullets.png") no-repeat; cursor: pointer; }
#instagram-album .views-slideshow-pager-field-item .bullet { display: none; }
#instagram-album .views-slideshow-pager-field-item.active {background-position: 0px -170px; }
#instagram-album .view-footer { position: absolute; bottom: 0; right: 0; z-index: 10; width: 30px; height: 30px; }
#instagram-album .slider-icon { width: 30px; height: 30px; background: url("images/social-sliders.png") no-repeat 0 -532px; }





/* latest content creations */
.view-work.view-display-id-block_1 { clear: both; width: 100%; background: #292929;
    margin-bottom:60px !important;
    /*-webkit-box-shadow: #666 0px 1px 1px;
    -moz-box-shadow: #666 0px 1px 1px;
    box-shadow: #666 0px 1px 1px;*/
    behavior: url(/pie/PIE.htc);
}
.view-work.view-display-id-block_1 .view-header { width: 940px; height: 90px; margin: 0 auto; padding-top: 55px;  }
.view-work.view-display-id-block_1 .view-content { width: 940px; margin: 0 auto;  }
.view-work.view-display-id-block_1 .view-footer { width: 940px; height: 50px; margin: 0 auto; padding-top: 25px;  }
.view-work.view-display-id-page .view-footer { width: 940px; height: 60px; margin: 0 auto; padding-top: 12px;  }
.view-work.view-display-id-block_1 .view-header h2 { font-size: 50px; font-weight: bold; color: #FFED00; text-align: center; }
.view-work.view-display-id-block_1 .views-row { margin: 4px 4px !important; width: 300px; position: relative; display: inline-block; height: 195px; }
.view-work.view-display-id-block_1 .views-row.views-row-2 { margin:  0 20px; }
.view-work.view-display-id-block_1 .views-row .project-image { position: absolute; top: 0; left: 0; z-index: 0; }
/*.view-work.view-display-id-block_1 .views-row h4 { position: relative; z-index: 1; font: 22px/22px 'bebas_neueregular'; color: #f8f9fd; }
.view-work.view-display-id-block_1 .views-row h4 a { color: #f8f9fd; }*/

.view-work.view-display-id-block_1 .views-row h4 { display: block; position: absolute; z-index: 2; top: 0; width: 300px;
    height: 195px; font-size: 22px; color: #fff; line-height: 25px; font-weight: normal; font-family: "Arial Black";
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
    /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/
    /*-moz-opacity: 0;*/
    /*-khtml-opacity: 0;*/
    /*opacity: 0;*/
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    transition: color .2s ease-in-out;
}

.view-work.view-display-id-block_1 .views-row:hover h4, .view-work.view-display-id-block_1 .views-row:active h4 {
/*    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;*/
    opacity: 1 !important;
}

.view-work.view-display-id-block_1 .views-row h4 a, .view-work.view-display-id-block_1 .views-row h4 a {
    transition: color .2s ease-in-out;
}

.view-work.view-display-id-block_1 .views-row:hover h4 a, .view-work.view-display-id-block_1 .views-row:active h4 a {
/*    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;*/
    color: #F3EC00 !important;
}

.view-work.view-display-id-block_1 .views-row h4 a { display: table-cell; text-align: center; font-family: "bebas_neueregular"; font-weight: normal; vertical-align: middle; width: 246px; height: 175px; padding: 10px 30px 20px 24px; color: #fff; font-size: 28px; }
.view-work.view-display-id-block_1 .views-row h4 a:hover { text-decoration: none; }

.view-work.view-display-id-block_1 .view-footer {
    text-align: center;
    position: relative;
}

.view-work .view-footer a.view-more, .view-work .view-footer a.view-more-mobile {
    display: block;
    margin: 0 auto; 
    font-size: 30px;
    letter-spacing: 1.4px;
    font-family: 'bebas_neueregular';
    /*font-weight: bold;*/
    color: #FFED00;
    width: 150px;
    position: relative;
}

.view-work .view-footer a.view-more-mobile {
    width: auto !important;
    text-align: center;
}

.view-work .view-header a.view-back { 
    display: inline-block;
    margin: 0 auto; 
    font-size: 30px;
    letter-spacing: 1.4px;
    font-family: 'bebas_neueregular';
    /*font-weight: bold;*/
    color: #FFED00;
    position: relative;
    float: left;
    margin-top: 10px;
}

.view-work .view-footer a.view-more:before {
    content: '';
    position: absolute;
    background-image: url('/sites/default/files/dark-arrow.png');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 15px;
    height: 15px;
    top: 5px;
    right: 6px;
    z-index: 1;
}

.view-work .view-footer a.view-more:after { 
    content: '';
    display: inline-block;
    margin-left: 10px;
    font-size: 30px;
    background-color: #FFED00;
    width: 23px;
    height: 23px;
    top: 1px;
    position: relative;
}

.view-work .view-header a.view-back:before { 
    content: '';
    display: inline-block;
    margin-right: 10px;
    font-size: 30px;
    background-color: #FFED00;
    width: 23px;
    height: 23px;
    top: 1px;
    position: relative;
}

.view-work .view-header a.view-back:after {
    content: '';
    position: absolute;
    background-image: url('/sites/default/files/dark-arrow.png');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 15px;
    height: 15px;
    top: 5px;
    left: 4px;
    z-index: 1;
    transform: rotate(180deg);
}

.view-work .view-footer a.view-more:hover, .view-work .view-header a.view-back:hover {  
    text-decoration: none; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
    -moz-opacity: 0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80;  }

.view-work .views-row .hover .hover-back { position: absolute; top: 0; left: 0; width: 100%; height: 195px; background: #000;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    -moz-opacity: 0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80;}
.view-work .views-row .hover a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    text-align: center;}
.view-work .views-row .hover a img { position: absolute; top: 0; left: 0;}

.view-work .views-row .hover { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.view-work .views-row:hover .hover, .view-work .views-row:active .hover  {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.work-title {
    text-align: center;
    color: #CAB7DA;
    line-height: 1;
    margin: 25px 0px;
    font-size: 60px;
}

.work-footer-title {
    text-align: center;
    color: #CAB7DA;
    line-height: 1;
    font-size: 60px;
    max-width: 1024px;
    width: 100%;
    margin: 0 auto 40px;
}

.work-article-body {
    font-family: 'Helvetica Neue', sans-serif;
    text-align: center;
}



 /*media content*/
#block-block-5 { clear: both; width: 100%; height: 690px; background: #000;}
#block-block-5 .content { width: 940px; height: 576px; padding: 54px 0 60px; margin: 0 auto;  }

.brief-service { float: left; width: 244px; height: 490px; padding: 30px 14px 30px 28px; border: 7px solid #FFED00; margin: 0 40px 20px 0; font-size: 19px; color: #f9fafe; }
.brief-service >div { font-weight: normal;}
#block-block-5 a.shuffle { display: block; width: 105px; height: 17px; font-size: 17px; color: #292929; font-weight: bold; margin-bottom: 15px; background: url("images/frontpage-sprite.png") no-repeat 63px -1873px; }
#block-block-5  h2 { color: #f9fafe; margin-bottom: 13px; }
.media-kits { float: left; width: 600px; }
#block-block-5 .kit { float: left; position: relative; width: 290px; height: 90px; margin: 0 20px 20px 0; padding-top: 90px;
    background: url("images/media-services.png") no-repeat;}
#block-block-5 .media-kits-img { position: relative; padding-left: 0; width: 290px; height: 90px; margin: 0 20px 20px 0; padding-top: 90px;
    background: none;}
.kit#media { display: block; background: url("images/frontpage-sprite.png") no-repeat 0px -550px; margin: 0 0 20px 0;  }
.kit#strategy { background-position: 0px 0px; }
.kit#production { background-position: 0px -577px; margin: 0 0 20px 0; }
.kit#amplification { background-position: 0px -1154px; }
.kit#measurement { background-position: 0px -1740px; margin: 0 0 20px 0; }
.kit#monetisation { background-position: 0px -2326px;  }
span.kit-name { display: block; float: left; height: 22px; width: 290px; color: #FFED00; margin-bottom: 10px; text-transform: uppercase; font-family: "bebas_neueregular"; font-weight: normal; font-size: 22px; }
span.kit-namea img { margin-left: 0;}
#block-block-5 .kit:hover img  { margin-left: 10px; text-decoration: none;}
.desktop #block-block-5 .kit:hover img {
    -webkit-animation: arrow-img-hover 0.3s infinite alternate ease;
    animation: arrow-img-hover 0.3s infinite alternate ease;
}
.desktop .kit#strategy:hover { background: url("images/media-services-hover.png") no-repeat 10px 1px;}
.desktop .kit#production:hover { background: url("images/media-services-hover.png") no-repeat 1px -650px;}
.desktop .kit#amplification:hover { background: url("images/media-services-hover.png") no-repeat 8px -1303px;}
.desktop .kit#measurement:hover { background: url("images/media-services-hover.png") no-repeat 2px -1952px;}
.desktop .kit#monetisation:hover { background: url("images/media-services-hover.png") no-repeat 8px -2613px;}
.kit-desc { clear: left; display: inline-block; font: 19px/22px 'CenturySchoolbook-Italic'; color: #f9fafe; }


 /*services */
#block-block-6 { clear: both; width: 100%; height: 317px; background: #292929; border-top: 1px solid #242424;}
#block-block-6 .content { width: 940px; height: 184px; padding: 63px 0 70px; margin: 0 auto;  }
#block-block-6 h2 { text-align: center; font: 42px/47px 'CenturySchoolbook-Italic'; color: #e8e8e9; margin-bottom: 55px; }
#block-block-6 .services { clear: both; width: 846px; height: 50px; margin: 0 auto;  text-align: center; }
#block-block-6 .services .serv-link { font-family: "bebas_neueregular"; font-weight: normal; width: 150px 155px; height: 35px; padding-top: 15px; margin-right: 17px; font-size: 25px; color: #f8e62d; text-transform: uppercase; text-align: center; background: #292929;  }
#block-block-6 .services .serv-link.last { margin-right: 0; }
#block-block-6 .services .serv-link:hover { color: #fff; text-decoration: none; }

/* reviews */
#reviews { clear: both; width: 100%; height: 394px; background: #fff; }
#reviews .content { width: 940px; height: 305px; padding: 35px 0 50px; margin: 0 auto;  }
#reviews h2 { font-size: 50px; color: #292929; letter-spacing: 0px;}
#reviews .view-header { text-align: left; float: left; width: 599px; height: 135px; background: url("images/frontpage-sprite.png") no-repeat 0px -1330px; float: left; }
#reviews .view-content { clear: both; position: relative; z-index: 1; }
#reviews .avatar { float: left; width: 88px; height: 88px; margin-right: 80px; }
#reviews .review-quote { float: left; width: 400px; height: 105px; margin-right: 40px; font-size: 17px; line-height: 22px; font-style: italic; }
#reviews .review-quote p { display: inline; margin: 0; }

#reviews .views-slideshow-controls-bottom { position: absolute; left: 0; top: 98px; height: 17px; }
#reviews .views-slideshow-pager-field-item { width: 17px; height: 17px; float: left; margin-right: 6px; background: url("images/small-slider-bullet.png") no-repeat; cursor: pointer; }
#reviews .views-slideshow-pager-field-item .bullet { display: none; }
#reviews .views-slideshow-pager-field-item.active { background-position: 0 -117px; }
#reviews .review-info { position: relative; top: -150px; float: right; width: 295px; height: 285px; padding: 20px 10px 0; background: url("images/frontpage-sprite.png") no-repeat 10px -913px; text-align: center; }
#reviews .review-info h3 { font: 56px/56px 'CenturySchoolbook-Italic'; margin-bottom: 7px; letter-spacing: -1.5px; }
#reviews .review-info .name { font-size: 17px; line-height: 17px; margin-bottom: 13px; }
#reviews .review-info .position { width: 130px; margin: 0 auto; font-size: 12px; line-height: 13px; font-style: italic; }


/* video */
#front-video { clear: both; width: 100%; height: 375px; text-align: center; }
#front-video  .content { width: 940px; height: 325px; padding: 50px 0 0; margin: 0 auto;  }
#front-video  h2 { font-size: 50px; color: #292929; font-weight: bold; text-align: center; margin-bottom: 38px; letter-spacing: 0.5px;}


#under-video { clear: both; width: 100%; height: 350px; background: #292929;
    -webkit-box-shadow: #666 0px 1px 1px;
    -moz-box-shadow: #666 0px 1px 1px;
    box-shadow: #666 0px 1px 1px;
    behavior: url(/pie/PIE.htc);}
#under-video .content { width: 940px; height: 315px; padding: 190px 0 60px; margin: 0 auto;  }
#under-video .video-text { margin-bottom: 210px; text-align: center; color: #eeeeee; font-size: 12px; font-weight: bold; text-transform: uppercase; }
#under-video .video-benefits { width: 940px; height: 90px; margin: 0 auto; }
#under-video .benefit { float: left; width: 285px; height: 90px; text-align: center; margin-right: 42px; }
#under-video .benefit-name { font-family: "bebas_neueregular"; font-size: 22px; color: #FFED00; margin-bottom: 15px; }
#under-video .benefit-text { font: 19px/23px 'CenturySchoolbook-Italic'; color: #eeeeee; margin-bottom: 15px; }
#under-video .benefit.last { margin: 0; }


/* awards */
#awards { clear: both; width: 100%; height: auto; background: #1e1e1e; }
#awards .content { width: 940px; height: auto; padding: 55px 0 25px; margin: 0 auto; text-align: center; }
#awards h5 { font-size: 12px; color: #767676; font-weight: bold; text-align: center; text-transform: uppercase; margin-bottom: 30px; }
#awards .view-awards .view-content { overflow: hidden; }
#awards .view-awards .views-row { width: 188px; height: 80px; float: left; margin-bottom: 30px;}
#awards .view-awards .views-row .award { display: table-cell; width: 188px; height: 80px; text-align: center; vertical-align: middle;}

#block-block-12 { clear: both; width: 100%; height: auto; background: #454545; padding-top: 65px;}
#block-block-12 .content { /*width: 940px;*/ height: auto; margin: auto; text-align: center;}
#block-block-12 .content p { margin: 0;}
#block-block-12 h5 { 
    font-size: 12px; 
    font-weight: bold; 
    text-transform: uppercase; 
    margin-bottom: 25px;
    color: #16D9A3;
    font-size: 30px;
    font-family: 'bebas_neueregular';
}

#block-block-12 h2 { 
    /*font-weight: bold; */
    text-transform: uppercase; 
    margin-bottom: 45px;
    color: #CBBAED;
    font-family: 'bebas_neueregular';
}

#block-block-12 img {
    margin-bottom: 45px;
}

#block-block-12-dark { clear: both; width: 100%; height: auto; background: #1e1e1e; padding-top: 65px;}
#block-block-12-dark .content { height: auto; margin: auto; text-align: center;}
#block-block-12-dark .content p { margin: 0;}
#block-block-12-dark h2 { 
    font-size: 12px; 
    font-weight: bold; 
    text-transform: uppercase; 
    margin-bottom: 25px;
    color: #16D9A3;
    font-size: 42px;
    letter-spacing: 1.4px;
    font-family: 'bebas_neueregular';
}

#block-block-12-dark img {
    margin-bottom: 0;
}

/* map */
#map { clear: both; position: relative; width: 100%; height: 640px; overflow: hidden; top: 0px; margin-bottom: 0px; }
#map-canvas { position: relative; clear: both; width: 100%; height: 640px; }
#map .content { position: relative; width: 940px; top: -600px; z-index: 20; margin: 0 auto; }
#map-points { position: absolute; top: 0; right: 0; width: 226px; height: 470px; padding: 23px 30px 30px; border: 7px solid #FFED00; margin: 0 20px 20px 0; font-size: 19px; color: #292929; text-align: right;  background: #fff;}
#map-points.melbourne { background: #fff; }
#map-points h2 { margin-bottom: 20px; line-height: 50px; letter-spacing:0;}
.map-point { clear: both; margin-bottom: 25px; }
.map-point .city { font-size: 24px; font-weight: normal; font-family: "bebas_neueregular"; margin-bottom: 8px; }
.map-point .address { font-size: 19px; line-height: 23px; margin-bottom: 10px; font-weight: normal;}
.map-point .view-point { background: #292929; color: #ffed35; font-size: 15px; font-weight: normal; font-family: "bebas_neueregular"; text-transform: uppercase; padding: 4px 10px 10px; height: 15px; clear: both; float: right; cursor: pointer; margin-bottom: 25px; }
.map-point .view-point:hover { color: #fff; }


/* side menu */
#block-menu-menu-side-menu { margin-bottom: 25px; }
nav.slide-menu-right .social-links a,
nav.push-menu-right .social-links a { display: block; width: 21px; height: 21px; float: left; margin: 0 12px 12px 0; background: url('images/side-menu-sprite.png') no-repeat 0px -230px; }
.social-links a#facebook { background-position: 0px -113px; }
.social-links a#instagram { background-position: 0px -350px;  clear: left; }
.social-links a#linkedin { background-position: 0px -467px; }
.social-links a#rss { background-position: 0px -587px; }
.social-links a#twitter { background-position: 0px -707px; }
.social-links a#pinterest { background-position: 0px -824px; }
/* side menu end */


/* Secondary page */
.not-front .highlightedArea {clear: both;height: 342px;background: #000;/*background: url(images/header-not-front.jpg) no-repeat center 0;*/}


.not-front .page-header { height: auto !important; }

/* Header backgrounds */

.page-careers.not-front .highlightedArea { background: url(images/headers/careers-v2.jpg) no-repeat center 0; background-size: cover;}

.page-intel.not-front .highlightedArea { height: 345px;
    background: url(images/headers/Intel-v3.jpg) no-repeat center 0; background-size: cover;
}



.page-work.not-front .highlightedArea { height: 345px;
    background: url(images/headers/Work.jpg) no-repeat center 0; background-size: cover;
}

.page-crew.not-front .highlightedArea {
    background: url(images/headers/crew-v2.jpg) no-repeat center 0; background-size: cover;
}

.page-careers .view-careers {
      padding-top: 50px;
}

/* End of header backgrounds */

.not-front .highlightedArea .content-top { padding-top: 140px; width: 940px; height: 212px; margin: 0 auto; color: #fff; font-size: 30px; font-weight: bold; text-align: center; }
.not-front .highlightedArea .content-top.case-study { padding-top: 160px; width: 940px; height: 212px; margin: auto auto; color: #fff; font-size: 30px; font-weight: bold; text-align: center; }
.not-front .highlightedArea .content-top h1 { margin-bottom: 20px; }
.not-front .pageArea { clear: both; padding: 53px 0 83px; }
.not-front .highlightedArea .content-top h2 {
    line-height: 33px;
    color: rgb(255, 255, 255);
    display: block;
    font-size: 30px;
    font-weight: bold;
    height: 63px;
    line-height: 33px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 940px;

}

/* Intel page */
.page-intel .pageArea { padding: 53px 0 0; }
.page-intel #block-views-blog-block-1 { float: left;}
.page-intel #block-views-tweets-block { float: right; width: 210px; height: 336px; border: 7px solid #21bbef; padding: 30px 38px; background-position: 261px 369px; }

.tag-filter { clear: both; width: 940px; height: 70px; padding-top: 25px; margin: 0 auto; background: #fff; font-weight: bold; }
.tag-filter-inner { width: 800px; height: 40px; margin: 0 auto; }
.filter-head { font-size: 25px; float: left; width: 90px; padding-top: 8px; margin-right: 15px; color: #292929; }
.tag-filter .filter { display: block; float: left; font-size: 14px; margin-right: 10px; color: #292929; border: 4px solid #ffed35; height: 14px; padding: 7px 13px 13px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;}
.tag-filter .filter:hover,
.tag-filter .filter.active, .tag-filter .filter:active { background: #ffed35; text-decoration: none;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;}
.tag-filter-inner { position: relative; }
.tag-filter-inner .ajax-progress-throbber { position: absolute; top: 10px; left: 85px; }

.page-intel #block-views-blog-block-1 { margin-bottom: 20px; height: 410px; }
#block-system-main .view-blog { clear: both; width: 940px; float: left; overflow: hidden; }
#block-system-main .view-blog .view-content { width: 960px;}
#block-system-main .view-blog .views-row { float: left; position: relative; width: 300px; height: 195px; margin: 0 20px 20px 0; }
#block-system-main .view-blog .views-row.views-row-2,
#block-system-main .view-blog .views-row.views-row-8 { margin: 0 20px 20px 0; }
/*#block-system-main .view-blog .views-row .thumb { height: 195px; }*/
#block-system-main .view-blog .views-row .thumb { height: 100%; }

#block-system-main .view-blog .views-row h4 { display: block; position: absolute; top: 0; width: 300px; height: 195px; font-size: 22px; color: #fff; line-height: 25px; font-weight: normal; font-family: "bebas_neueregular"; background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); }
#block-system-main .view-blog .views-row h4 a { display: table-cell; vertical-align: bottom; width: 246px; height: 175px; padding: 0 30px 20px 24px; color: #fff; }
#block-system-main .view-blog .views-row h4 a:hover { text-decoration: none; }
#block-system-main .view-blog .views-row .tag { position: absolute; right: 0; bottom: 0; width: 30px; height: 26px; padding-top: 4px; background: #FFED00; font-size: 14px; font-weight: bold; text-align: center; }
/*#block-system-main .view-blog .pager-load-more {  }
#block-system-main .view-blog .pager-load-more .pager-next.first.last { margin: 0; padding: 0; }
#block-system-main .view-blog .pager-load-more a { display: block; color: #292929; background: url("images/frontpage-sprite.png") no-repeat 160px -1730px; font-size: 50px; font-weight: bold; line-height: 53px; text-align: left; float: left; position: relative; width: 252px; height: 147px; padding: 20px; margin: 0 0 20px 0; border: 4px solid #292929; }
#block-system-main .view-blog .pager-load-more a:hover { text-decoration: none; }
#block-system-main .view-blog .item-list { float: left; }*/

#block-system-main .view-blog .views-row.views-row-5 { float: right; width: 620px; height: 410px;  }
#block-system-main .view-blog .views-row.views-row-5 .thumb { width: 620px; height: 410px; }
#block-system-main .view-blog .views-row.views-row-5 .tag { display: none; }
#block-system-main .view-blog .fb-slider {  width: 620px; height: 400px; }
.fb-slider .views-slideshow-controls-bottom { position: absolute; left: 25px; top: 365px; height: 17px; }
.fb-slider .views-slideshow-pager-field-item { width: 20px; height: 20px; float: left; margin-right: 6px; background: url("images/soc_slider_bullets.png") no-repeat; cursor: pointer; }
.fb-slider .views-slideshow-pager-field-item .bullet { display: none; }
.fb-slider .views-slideshow-pager-field-item.active {background-position: 0px -170px; }
#block-system-main .view-blog .views-row .fb-slider h4 { position: absolute; z-index: 0; top: 0; left: 0;  font-size: 50px; line-height: 50px; width: 620px; height: 620px; background: url("images/thumb-base-big.png") no-repeat 0 bottom; }
#block-system-main .view-blog .fb-slider .view-footer { position: absolute; bottom: 0; right: 0; z-index: 10; width: 30px; height: 30px; }
#block-system-main .view-blog .fb-slider .slider-icon { width: 30px; height: 30px; background: url("images/social-sliders.png") no-repeat; }
#block-system-main .view-blog .views-row .fb-slider h4 span {
    display: table-cell;
    vertical-align: bottom;
    width: 540px;
    padding-left: 20px;
    padding-right: 40px;
    height: 380px;
    padding-bottom: 20px;


}




.inst-slider .views-slideshow-controls-bottom { position: absolute; left: 25px; top: 365px; height: 17px; }
.inst-slider .views-slideshow-pager-field-item { width: 20px; height: 20px; float: left; margin-right: 6px; background: url("images/soc_slider_bullets.png") no-repeat; cursor: pointer; }
.inst-slider .views-slideshow-pager-field-item .bullet { display: none; }
.inst-slider .views-slideshow-pager-field-item.active {background-position: 0px -339px; }
.inst-slider .views-row .fb-slider h4 { position: absolute; left: 25px; top: 150px; z-index: 2; font-size: 50px; line-height: 40px; width: 495px; }


.sprite.instagram { background-position: 0px -531px; width: 32px; height: 32px;  }
.sprite.twitter { background-position: 0px -1063px; width: 32px; height: 32px;  }



#block-system-main .view-blog .views-row.views-row-last a.views-more { display: block; color: #292929;
    background: url("images/frontpage-sprite.png") no-repeat 160px -1742px; font-size: 50px; font-weight: bold;
    line-height: 53px; text-align: left; float: left; position: relative; width: 246px; height: 141px; padding: 10px 20px 30px; margin: 0 0 20px 0; border: 7px solid #292929; letter-spacing: 0;
    /*-webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    -ms-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;*/}
#block-system-main .view-blog .views-row.views-row-last a.views-more:hover { text-decoration: none; background-position: 170px -1742px;
    /*-webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    -ms-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;*/
    -webkit-animation: more-intel-bg-hover 0.3s infinite alternate ease; /* Chrome, Safari, Opera */
    animation: more-intel-bg-hover 0.3s infinite alternate ease;
}


#block-system-main .view-blog .views-row.views-row-last .tag { display: none; }
#block-system-main .view-blog .ajax-progress-throbber .throbber { position: absolute; right: 20px; top: 150px; }
#block-system-main .view-blog .pager { display: none; }


/* Intel RHS page */
.node-type-article.not-front h3 {font: 30px 'bebas_neueregular'; margin-bottom: 10px; }
.node-type-article.not-front h4 {font: 26px 'bebas_neueregular'; margin-bottom: 10px; }
.node-type-article.not-front h5 {font: 22px 'bebas_neueregular'; margin-bottom: 10px; }
.node-type-article.not-front h6 {font: 19px 'bebas_neueregular'; margin-bottom: 10px; }
.node-type-article.not-front ol li { font-weight: bold; list-style: decimal; }
.node-type-article.not-front .pageArea { padding: 15px 0 0; background: #fff; }


.node-type-article.not-front .highlightedArea { height: 350px; }
.node-type-article.not-front .blog-top { clear: both; width: 100%; /*background: url("images/wall2.jpg") repeat scroll 0 0 #fff;*/}
.node-type-article.not-front .blog-top .content { clear: both; width: 940px; margin: 0 auto; padding: 75px 0;
    /*background: url("images/article-line.png") no-repeat center 60px; */}
.node-type-article.not-front h1#page-title { font-size: 55px; line-height: 57px; font-weight: bold; text-align: center; margin-bottom: 8px; }
.node-type-article.not-front .article-summary { font-size: 24px; line-height: 28px; font-weight: bold; text-align: center; }

.post-content { clear: both; width: 940px; margin: 0 auto; }
.post-left { float: left; clear: left; width: 600px; margin-right: 40px; }
.post-right { float: right; width: 300px; }
.post-right h2 { clear: both; width: 226px; height: auto; padding: 20px 30px; border: 7px solid #FFED00; margin: 0 0 20px; }
.post-right h2.border-dark { border-color: #292929; }
.node-type-article.not-front .view-blog .views-row { float: left; position: relative; width: 300px; height: auto; margin: 0 0 30px; }
.node-type-article.not-front .view-blog .views-row .thumb { height: 195px; margin-bottom: 15px; }

.view-blog .views-row {
    margin: 0 auto;
}
.subscribe_strip {
background: #16D9A3;
padding:30px 0px;
margin-bottom:30px !important;
}
.subscribe_strip h1 {
    color: #ffffff;
    font-size: 50px;
    text-align: center;
    margin: 0px;
    line-height: 1;
    /*margin-bottom: 15px;*/
}
#mc_embed_signup {
    width: 650px;
    margin: auto;
    padding: 15px;
    max-width:80%;
    text-align:center;
}
.subscribe_strip input[type="email"] {
    height: 40px;
    width: 70%;
    padding: 0px 10px;
    font-size: 30px;
    border:0px;
    font-family: 'bebas_neueregular';
    color: #8a8a8a;
}

.subscribe_strip input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: 'bebas_neueregular';
    color: #8a8a8a;
}
.subscribe_strip input[type="email"]::-moz-placeholder { /* Firefox 19+ */
    font-family: 'bebas_neueregular';
    color: #8a8a8a;
}
.subscribe_strip input[type="email"]:-ms-input-placeholder { /* IE 10+ */
    font-family: 'bebas_neueregular';
    color: #8a8a8a;
}
.subscribe_strip input[type="email"]:-moz-placeholder { /* Firefox 18- */
    font-family: 'bebas_neueregular';
    color: #8a8a8a;
}

.subscribe_strip input[type="submit"] {
    height: 40px !important;
    width: 25%;
    font-size: 22px;
    background: #1A1919;
    color: #16D9A3;
    border: 0px;
    font-size: 30px;
    font-family: "bebas_neueregular";
    border: 0px;
    margin-top:15px;
    transition: color .2s;

}

.subscribe_strip input[type="submit"]:hover {
    color: #FFED00;
}

@media only screen and (max-device-width : 768px) {
.subscribe_strip input[type="submit"] {
width:80% !important;
}
.subscribe_strip input[type="email"] {
width:80% !important;
}
}


@media only screen
and (min-device-width : 775px) {
    .view-blog .views-row:nth-child(9n+10) {
        width: 620px!important;
        height: 410px!important;
    }

    .view-blog .views-row:nth-child(9n+10) img {
        width: 100%;
        height: 100%;
    }
    #block-system-main .view-blog .views-row:nth-child(9n+10) h4 {
        width:100%!important;
        height: 100%!important;
    }
    #block-system-main .view-blog .views-row:nth-child(9n+10) h4 a {
        height: 395px!important;
    }
}

/*blog hovers */
.view-blog .views-row .thumb { overflow: hidden; }
.view-blog .views-row .thumb a img {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

.view-blog .views-row:hover .thumb a img, .view-blog .views-row:hover .thumb a img:active {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.node-type-article.not-front .view-blog .views-row h4 { position: absolute; top: 0; left: 0; width: 300px; height: 195px; font-size: 22px; color: #fff; line-height: 25px; font-weight: normal; font-family: "Arial Black"; background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); }
.node-type-article.not-front .view-blog .views-row h4 a { display: table-cell; vertical-align: bottom; width: 246px; height: 175px; padding: 0 30px 20px 24px; color: #fff; }
.node-type-article.not-front .view-blog .views-row h4 a:hover { text-decoration: none; }
.node-type-article.not-front .view-blog .views-row .tag { position: absolute; right: 0; top: 165px; width: 30px; height: 26px; padding-top: 4px; background: #FFED00; font-size: 14px; font-weight: bold; text-align: center; }
.node-type-article.not-front .view-blog .views-row .teaser a { color: #292929; text-decoration: none; line-height: 24px;
    font-size: 17px;}
.node-type-article.not-front .view-blog .views-row .teaser { display: none;}
.node-type-article.not-front .view-blog .views-row .teaser p { margin: 0; }
.node-type-article.not-front .view-blog .views-row .readmore { display: none;}
.node-type-article.not-front .view-blog .views-row .readmore a { margin-left: 0; position: relative; top: 4px;
    display: inline-block; width: 63px; height: 17px; background: url("images/arow-yellow.png") no-repeat 0 0px; cursor: pointer; }
.node-type-article.not-front .view-blog .views-row:hover .readmore a {
    -webkit-animation: readmore-bg-hover 0.3s infinite alternate ease; /* Chrome, Safari, Opera */
    animation: readmore-bg-hover 0.3s infinite alternate ease;}
.node-type-article.not-front .field-name-body a { font-weight: bold; color: #21bbef; }
.field-name-body .field-items .field-item > p:first-child:first-letter { font-size: 60px; line-height: 49px; float: left; color: #FFED00;
    padding: 10px; background: #292929; margin: 0 15px 0 0;}
.node-type-article.not-front .field-name-body blockquote { border-top: 7px solid #292929; border-bottom: 7px solid #292929; padding: 25px 65px 25px 95px; font: 30px/35px 'bebas_neueregular'; font-weight: bold; font-style: italic; background: url("images/quote-open.png") no-repeat 65px 25px; margin-bottom: 45px;  }
.node-type-article.not-front #block-system-main .field-name-body blockquote p { margin-bottom: 0; display: block; padding-right: 30px; line-height: 35px; background: url("images/quote-close.png") no-repeat 100% 100%; }
.node-type-article.not-front .field-name-field-image { height: 390px; overflow: hidden; }
.node-type-article.not-front .post-left .field-name-field-image { width: 600px; }

.node-type-article.not-front .field-name-field-author { clear: left; width: 535px; height: 105px; padding: 20px 45px 20px 20px; background: #2c2c2c; margin-bottom: 20px; }
.node-type-article.not-front .field-name-field-author .field-name-field-image,
.node-type-article.not-front .field-name-field-author .field-name-field-image img { width: 100px; height: 100px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    behavior: url(/PIE.htc);}
.rhs .field-name-field-image { width: 600px; height: 390px; }
.pageArea .rhs .region-content { width: auto; }

.node-type-article.not-front .field-name-field-author .field-name-field-image { float: left; clear: left; margin-right: 20px;  }
.node-type-article.not-front .field-name-post-by-author { float: left; width: 410px; font-size: 15px; font-weight: bold; color: #fff; margin-bottom: 5px; }
.node-type-article.not-front .field-name-post-by-author a { color: #FFED00; }
.node-type-article.not-front .field-name-field-description-title { float: left; width: 410px; float: left; font: 15px 'bebas_neueregular'; font-style: italic; color: #fff; margin-bottom: 10px; }
.node-type-article.not-front .field-name-more-post-by { float: left; width: 410px; float: left; }
.node-type-article.not-front .field-name-more-post-by a { display: block; float: left; width: auto; font-size: 17px;
    font-weight: bold; color: #FFED00; padding-right: 70px; background: url("images/arow-yellow.png") no-repeat 95% 5px;}
.node-type-article.not-front .field-name-more-post-by a:hover {
    -webkit-animation: author-intel-readmore 0.3s infinite alternate ease; /* Chrome, Safari, Opera */
    animation: author-intel-readmore 0.3s infinite alternate ease;
}
.node-type-article.not-front .pageArea .field-name-post-sharers { width: 340px; height: 145px; float: right; position: relative; }
.node-type-article.not-front .pageArea .field-name-post-sharers .sharers { width: 100%; height: 130px; padding-top: 15px; }
.node-type-article.not-front .pageArea .field-name-post-sharers #post-sharers .sharers .sharer { width: 68px; margin-bottom: 15px; }
.node-type-article.not-front .pageArea .post-left .field-name-post-sharers { width: 600px; clear: left; float: none; height: 50px; }
.node-type-article.not-front .pageArea .post-left .sharers { margin: 0; width: 600px; height: 50px; padding: 0; }
.node-type-article.not-front .pageArea .post-left .field-name-post-sharers #post-sharers .sharers a.sharer { display: block; margin: 0; color: #FFED00; width: 30px;
  margin-left: 15px; }
.node-type-article.not-front .pageArea .post-left .field-name-post-sharers #post-sharers .sharers a.sharer:hover { text-decoration: none; }
#post-sharers .sharers .sharer { float: left; width: 48px; height: 34px; border-right: 1px solid #5c5c5c; padding: 16px 0 0 44px; background: url("images/blog-post.png") no-repeat 0 16px;  }
#post-sharers .sharers .sharer#post-cm {  }
#post-sharers .sharers .sharer#post-fb { background-position: 0px -158px; }
#post-sharers .sharers .sharer#post-tw { background-position: 0px -332px; border: none; }
.post-left #post-sharers .sharers .sharer#post-tw { border-right: 1px solid #5c5c5c; }
#post-sharers .sharers .sharer#post-gp { background-position: 0px -506px; }
#post-sharers .sharers .sharer#post-m { background-position: 0px -680px; }
#post-sharers .sharers .sharer#post-p { background-position: 0px -854px; border: none; }



.node-type-article.not-front .field-name-field-tags { float: left; width: auto; margin: 0 15px 25px 0; padding: 9px 10px; font-size: 14px; font-weight: bold; color: #2e2d29; background: #FFED00; }
.node-type-article.not-front .field-name-post-date { float: left; width: auto; padding: 9px 10px; font-size: 14px; font-weight: bold; color: #2e2d29; }
.node-type-article.not-front .field-name-body { clear: both; margin-bottom: 40px; }

.node-type-article.not-front .post-left .field-name-body { width: 600px; }

#post-sharers-bottom { clear: both; width: 100%; }
#post-sharers-bottom .content { position: relative; width: 940px; margin: 0 auto; }
#post-sharers-bottom .sharers { width: 100%; margin-bottom: 55px;}
.post-left #post-sharers-bottom .sharers { width: 600px; }
.node-type-article.not-front .pageArea .sharers .sharer#sh-h { width: 174px; padding: 16px 0 0 16px; color: #FFED00; font-size: 13px; background: url("images/blog-post.png") no-repeat 155px -1028px; text-align: left;}
.node-type-article.not-front .pageArea .sharers .sharer#sh-m { width: 16px; }
.node-type-article.not-front .pageArea .sharers .sharer#sh-p { padding: 0; border: none; }



/*
.sprite.arrow-white { background-position: 0px -1213px; width: 43px; height: 13px;  }
.sprite.quote-close { background-position: 0px -1376px; width: 25px; height: 37px;  }
.sprite.quote-open { background-position: 0px -1563px; width: 25px; height: 38px;  }*/

/*.field-name-body .field-item .literal { font-size: 60px; display: inline-block;*/
    /*line-height: 49px; float: left; color: #FFED00; padding: 10px; background: #292929; margin: 0 15px 0 0;}*/

.post-bottom .view-header { clear: both; height: 35px;  margin-bottom: 30px; border-bottom: 7px solid #FFED00; }
.post-bottom .view-display-id-block_3 .view-header { border-color: #292929; }
.post-bottom .view-content { clear: both; margin-bottom: 60px; height: auto; overflow: auto; }
.post-bottom h2 { display: block; float: left; width: auto; background: #fff; padding-right: 15px; }
.node-type-article.not-front .post-bottom .view-blog .views-row.views-row-2 { margin: 0 20px; }


.disqus-comments { clear: both; width: 100%; padding: 20px 0; background: #292929; }
#disqus_thread { clear: both; width: 940px; margin: 0 auto; color: #fff; }
#disqus_thread a { color: #FFED00; }


/* About */
.page-node-2.not-front .highlightedArea { height: 575px; /*background: url(images/headers/About.jpg) no-repeat center 0; */ background-size: cover;}
.page-node-2.not-front .highlightedArea .content-top { padding-top: 265px; }
.page-node-2.not-front .pageArea { padding: 53px 0 0; }
.page-node-2 #block-block-8 { background: transparent url("images/frontpage-sprite.png") no-repeat 310px -860px; padding-top: 67px; height: 420px; text-align: center; }
.page-node-2 #block-block-8 h2 { margin-bottom: 25px; }
.page-node-2 #block-block-8 p { font-size: 24px; line-height: 33px;}
.page-node-2 #block-block-9 { background: #fff url('images/crew_line.png') no-repeat; width: 100%; height: auto; overflow: auto; }
.page-node-2 #block-block-9 .content { width: 940px; margin: 0 auto; padding: 40px 0 60px; }
#block-block-9 h2 { font-size: 66px; line-height: 70px; font-weight: bold; color: #f8e62d; margin-bottom: 30px; }
#block-block-9 p { font-weight: normal; line-height: 24px;}
#block-block-9 .quote p { font-weight: bold; line-height: 32px; }
#block-block-9 .column-right { margin-bottom: 0;}
#block-block-9 .column-left { margin-bottom: 30px;}
#block-block-9 .column-center { margin-bottom: 0;}
#block-block-9 .quote { margin-bottom: 40px;}
.quote { position: relative; padding: 25px 80px; width: 456px; border-top: 7px solid #343434; border-bottom: 7px solid #343434; font: 30px/35px "CenturySchoolbook"; font-weight: bold; font-style: italic; color: #1e1e1e; }
.quote p { line-height: 35px; margin: 0;}
.quote-top { position: absolute; top: 25px; left: 40px; width: 30px; height: 40px; background: url("images/quote.png") no-repeat;  }
.quote-bottom { position: absolute; bottom: 15px; right: 50px; width: 30px; height: 40px; background: url("images/quote.png") no-repeat 0 -1040px; }
.page-node-2 #block-block-7 { height: 545px;}

.peace-carrots { display:none !important; position: relative; top: -85px; left: 795px; width: 146px; height: 146px; background: url("images/peace-carrots.png") no-repeat; }


.view-timeline { clear: both; background: #1e1e1e; width: 100%; height: 570px; display:none;}
.view-timeline .views-slideshow-controls-top { background: #1e1e1e url("images/timeline_back.png") repeat-x; width: 100%; height: 190px; }
.view-timeline .views-slideshow-controls-top  .views-slideshow-controls-top-inner { position: relative; width: 940px; margin: 0 auto; padding-top: 58px; height: 150px; overflow: hidden; }
.view-timeline .views-slideshow-controls-top .views-slideshow-pager-fields  { position: absolute; left: 0;  }

.view-timeline #views_slideshow_cycle_main_timeline-block { background: #FFED00; width: 100%; height: 380px; }
.view-timeline #views_slideshow_cycle_main_timeline-block .views-slideshow-cycle-main-frame { width: 940px; margin: 0 auto; font-size: 24px; line-height: 31px; font-weight: bold; text-align: center;  }
.view-timeline #views_slideshow_cycle_main_timeline-block .views-slideshow-cycle-main-frame-row { padding: 80px 0 0; }

.view-timeline .views-slideshow-controls-top .views-slideshow-pager-field-item { position: relative; z-index: 2; width: 100px; height: 150px; padding-top: 10px; float: left; margin-right: 100px; color: #646464; font: 21px "CenturySchoolbook"; font-weight: bold; font-style: italic; text-align: center; cursor: pointer; background: url("images/timeline.png") no-repeat -1030px 56px; text-align: center; }
.view-timeline .views-slideshow-controls-top .views-slideshow-pager-field-item:hover { color: #fff;  /*padding-top: 0px; font-size: 39px; line-height: 39px;  background-position: -2060px 48px;*/ }
.view-timeline .views-slideshow-controls-top .views-slideshow-pager-field-item.active { color: #fff;  padding-top: 0px; font-size: 39px; line-height: 39px;  background-position: -2060px 48px; }
.view-timeline .views-slideshow-controls-top .views-slideshow-pager-field-item .views-content-title { height: 150px;}
.view-timeline .views-slideshow-controls-top .views-slideshow-pager-field-item:hover .views-content-title { /* background: url("images/timeline.png") no-repeat 15px 122px; */ }
.view-timeline .views-slideshow-controls-top .views-slideshow-pager-field-item.active .views-content-title { background: url("images/timeline.png") no-repeat 15px 132px; }

/* Contact us */
.page-node-73.not-front .highlightedArea { height: 345px; background: url(images/headers/contact-v3.jpg) no-repeat center 0; }
.page-node-73.not-front .highlightedArea .content-top { padding-top: 140px; }
.page-node-73.not-front .pageArea { padding: 53px 0 0; background: #fff; }
.page-node-73 #contacts-data { float: left; width: 580px; margin-right: 15px; }
#contacts-data h3 { font-size: 35px; line-height: 37px; font-weight: normal; font-family: "bebas_neueregular"; margin-bottom: 20px; }
#contacts-data .department { padding-bottom: 35px; border-bottom: 7px solid #292929; margin-bottom: 40px; line-height: 22px; height: auto; overflow: auto; }
#contacts-data .department.last { border: none; }
#contacts-data .department a { color: #21bbef; }
.contact-photo { float: left; clear: left; width: 100px; height: 100px; background: url("images/contacts.png") no-repeat; margin: 0 20px 20px 0; }
.contact-photo#fs { background-position: 0px 0px; width: 100px; height: 100px; }
.contact-photo#ga { background-position: 0px -200px; width: 100px; height: 100px; }
.contact-photo#rp { background-position: 0px -400px; width: 100px; height: 100px; }
.contact-photo#am { background-position: 0px -600px; width: 100px; height: 100px; }
.contact-photo#cw { background-position: 0px -600px; width: 100px; height: 100px; }
.contact-info { float: left; clear: right; }

#callback { clear: both; width: 100%; height: 675px; background: #000; }
#callback .content { position: relative; width: 940px; height: 395px; padding: 50px 0 55px; margin: 0 auto; color: #fff; }
#content-rocks { position: absolute; right: 0; top: -50px; width: 147px; height: 146px; background: url("images/contacts.png") no-repeat 0px -800px; display: none; }
#callback h2 { font-size: 50px; color: #fff; font-weight: bold; margin-bottom: 20px; }
#callback  .webform-component-markup { font-size: 17px; margin-bottom: 30px; }
#callback .form-required {color: #fff; }
#callback .webform-component-textfield label,
#callback .webform-component-email label,
#callback .webform-component-select label,
#callback .webform-component-phone label { display: block; float: left; clear: left; height: 35px; font: 22px 'bebas_neueregular'; width: 279px; margin: 0 10px 0 0; }
#callback .webform-component-textarea label { margin-bottom: 20px; font-family: "bebas_neueregular"; font-weight: normal; }
#callback .webform-component-textfield input,
#callback .webform-component-email input,
#callback .webform-component-select select,
#callback .webform-component-phone input { display: block; float: left; width: 410px; height: 35px; padding: 0 15px; font-size: 22px; color: #fff; background: #626262; border: none; }
#callback .webform-component-textarea textarea { display: block; float: left; width: 300px !important; height: 175px !important; padding: 15px; font-size: 24px; color: #fff; background: #626262; border: none; resize: none; }
#callback .webform-component-textfield,
#callback .webform-component-checkboxes,
#callback .webform-component-email,
#callback .webform-component-select,
#callback .webform-component-phone { position: relative; width: 800px; float: left; margin: 0; margin: 0 0 30px; }
#callback .webform-component-textarea { position: relative; width: 300px; float: left; margin: -115px 0 0 40px; }
#callback .form-actions { position: relative; float: left; clear: left; width: 727px; height: 30px; margin: -30px 0 42px;}
#callback .form-actions .form-submit { display: block; float: right; height: 40px; width: auto; padding: 0 28px; font: 30px 'bebas_neueregular'; color: #292929; text-transform: uppercase; background: #FFED00; border: none; cursor: pointer; }
#callback .form-actions .form-submit:hover { color: #706f6f; }
#callback .error-hint { position: absolute; top: -25px; left: 160px; color: #FFED00; font-size: 17px; }
#callback .webform-component-textarea .error-hint { left: 0; top: -30px; }
#callback .form-actions .status-hint { position: absolute; left: 0; top: 5px; color: #FFED00; }

#callback .webform-component-select select {
    width: 440px;
}

#callback .webform-component-checkboxes {
    width: 940px;
}

#webform-client-form-75 .form-checkboxes,
#webform-client-form-370 .form-checkboxes,
#webform-client-form-89 .form-checkboxes {
    width: 727px;
}

.page-node-73 #callback .webform-component-textfield label,
.page-node-73 #callback .webform-component-email label,
.page-node-73 #callback .webform-component-select label,
.page-node-73 #callback .webform-component-phone label { width: 150px; }
.page-node-73 #callback .webform-component-textarea { float: right; margin: -355px 0 0 40px; }
.page-node-73 #callback .form-actions { margin: 0 0 42px; }


/* Crew */
.page-crew.not-front .highlightedArea { height: 345px; }
.page-crew.not-front .pageArea { padding: 0; background: #fff; }
.view-crew { padding: 50px 0; overflow: auto; height: auto; }
.page-crew #jobs { clear: both; width: 100%; padding-top: 50px; overflow: auto; }
.page-crew #jobs .jobs-content { width: 940px; margin: 0 auto; }

.view-crew .views-row { position: relative; float: left; width: 310px; height: 285px; }
.crew-first-element { width: 236px; height: 151px; padding: 90px 30px 30px; border: 7px solid #FFED00; letter-spacing: 0; font-size: 50px; line-height: 53px; font-weight: normal; color: #292929; font-family: "bebas_neueregular"; }
a.crew-last-element { display: block; width: 236px; height: 211px; padding: 30px 30px 30px; border: 7px solid #292929;
    font-size: 50px; line-height: 53px; weight: normal; color: #292929;
    letter-spacing: 0;
    background: url("images/frontpage-sprite.png") no-repeat 142px -1771px;
    font-family: "bebas_neueregular";
    /*-webkit-transition: all 0.55s ease-in-out 0s;*/
    /*-moz-transition: all 0.55s ease-in-out 0s;*/
    /*-o-transition: all 0.55s ease-in-out 0s;*/
    /*-ms-transition: all 0.55s ease-in-out 0s;*/
    /*transition: all 0.55s ease-in-out 0s;*/
}
a.crew-last-element:hover { text-decoration: none; background-position: 152px -1771px;
    /*-webkit-transition: all 0.55s ease-in-out 0s;*/
    /*-moz-transition: all 0.55s ease-in-out 0s;*/
    /*-o-transition: all 0.55s ease-in-out 0s;*/
    /*-ms-transition: all 0.55s ease-in-out 0s;*/
    /*transition: all 0.55s ease-in-out 0s;*/
    -webkit-animation: more-crew-bg-hover 0.3s infinite alternate ease; /* Chrome, Safari, Opera */
    animation: more-crew-bg-hover 0.3s infinite alternate ease;
}


.page-crew .hello { position: absolute; top: -35px; right: 0; width: 143px; height: 143px; background: url("images/hello.png") no-repeat; display: none; }
.view-crew .pager { display: none; }

.view-crew .views-row a { color: #292929; }
/*.view-crew .views-row a.hover { background: url(/sites/all/themes/edge/images/crew-hover.png) no-repeat center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/

.view-crew .views-row a.hover:hover {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.view-crew .views-row a.hover {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.view-crew .views-row a.hover .row-base { z-index: 0; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #FFED00;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;}
.view-crew .views-row a.hover .hover-inner { z-index: 0; display: block; position: absolute; top: 0; left: 0; padding: 0 20px 0; width: 270px; height: auto; }
.view-crew .views-row a.hover .position { font: 40px/40px 'bebas_neueregular'; font-style: normal; text-align: center; overflow: hidden; margin-bottom: 20px; /*min-height: 85px;*/ line-height: 45px; }
.view-crew .views-row a.hover .name { font-size: 12px; text-transform: uppercase; text-align: center; overflow: hidden; }
.view-crew .views-row:hover a.hover { display: block !important; }

/* Crew profile */
.node-type-crew-profile.not-front .highlightedArea { background: #1e1e1e; height: 345px; }
.node-type-crew-profile.not-front .pageArea { padding: 0; background: #fff; }
.node-type-crew-profile.not-front .pageArea .region-content { width: 100%; }
.node-type-crew-profile .field-name-field-image { position: absolute; top: 0px; left: 0;/* text-align: center;*/ width: 100%; z-index: 0;}
.node-type-crew-profile .field-name-field-image .field-item {
    /*-webkit-transform-style: preserve-3d;*/
    /*-moz-transform-style: preserve-3d;*/
    /*transform-style: preserve-3d;*/
}
.desktop .node-type-crew-profile .field-name-field-image img,
.desktop .node-type-crew-profile .field-name-field-image img:active,
.tablet .node-type-crew-profile .field-name-field-image img,
.tablet .node-type-crew-profile .field-name-field-image img:active { width: 100%; height: auto; min-height: 792px; min-width: 1230px;
    position: relative; left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.node-type-crew-profile .node-crew-profile { height: 642px; overflow: hidden; position: relative; padding-top: 150px;}
.node-crew-profile.node-unpublished { background: none; }
.node-type-crew-profile .field-name-field-profile-header { position: relative; z-index: 5; width: 940px; margin: 0 auto 30px;
    font-size: 50px; line-height: 50px; font-weight: bold; color: #fff; }
.node-type-crew-profile .field-name-field-profile-header .field-items { width: 420px; float: right;}
.node-type-crew-profile .field-name-field-text1 { clear: right; position: relative; z-index: 5; width: 940px; margin: auto;
    font-size: 19px; line-height: 19px; color: #fff; }
.desktop .node-type-crew-profile .field-name-field-text1 .field-items,
.tablet .node-type-crew-profile .field-name-field-text1 .field-items { width: 420px; float: right;}
.node-type-crew-profile .field-label { font-size: 50px; line-height: 51px; margin-bottom: 25px; }
.node-type-crew-profile .field-name-field-social-network-link { clear: right; position: relative; z-index: 5; width: 940px; margin: auto;
    font-size: 17px; font-family: 'bebas_neueregular'; line-height: 18px; color: #FFED00; }
.desktop .node-type-crew-profile .field-name-field-social-network-link .field-items,
.tablet .node-type-crew-profile .field-name-field-social-network-link .field-items { float: right; width: 420px;}
.node-type-crew-profile .field-name-field-social-network-link a { display: block; float: left; clear: left; color: #FFED00; margin-bottom: 16px; }
.node-type-crew-profile .field-name-articles-by-author { clear: right; position: relative; z-index: 5; width: 940px; margin: auto;}
.desktop .node-type-crew-profile .field-name-articles-by-author .field-items,
.tablet .node-type-crew-profile .field-name-articles-by-author .field-items { float: right; width: 420px;}
.node-type-crew-profile .field-name-articles-by-author a { display: block; float: left; clear: left; width: auto; font: 13px/13px 'bebas_neueregular'; padding: 10px; color: #FFED00; background: #1e1e1e; }
.node-type-crew-profile .field-name-carpe-diem { position: absolute; z-index: 5; top: 1220px; left: 0; width: 100%; height: 145px; }
.node-type-crew-profile .field-name-carpe-diem .field-items { width: 940px; height: 145px; margin: 0 auto; }
.carpe-diem { float: right; clear: both; width: 145px; height: 142px; background: url('images/carpe_diem.png') no-repeat; }

.node-type-crew-profile .crew-profile-decription { clear: both; background: url('images/crew_line.png') no-repeat; }
.node-type-crew-profile .field-name-field-description-title { clear: both; /* min-height: 80px; */ padding-top: 50px; }
.node-type-crew-profile .field-name-field-description-title .content { width: 940px; margin: 0 auto; }
.node-type-crew-profile .field-name-field-description-title .content .field-item { font: 24px/26px Arial; font-weight: bold; width: 720px; }
.node-type-crew-profile .field-name-field-3-columns-text { width: 100%; height: auto; overflow: auto; padding: 5px 0 40px; }
.node-type-crew-profile .field-name-field-3-columns-text .content { width: 940px; margin: 0 auto;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;}
.node-type-crew-profile .field-name-field-3-columns-text h2 { font: 24px/26px Arial; font-weight: bold; margin-bottom: 35px; width: 720px; }
.node-type-crew-profile #jobs { clear: both; width: 100%; padding-top: 50px; overflow: auto; }
.node-type-crew-profile #jobs .jobs-content { width: 940px; margin: 0 auto; }

.sticker {
    margin-top: -119px;
    margin-left: 792px;
    z-index: 100;
    position: relative;
    margin-bottom: 10px;
}


/* 5 Reasons */
#block-block-7,
#block-block-11 { clear: both; width: 100%; height: 590px; background: #000;}
#block-block-7 .content,
#block-block-11 .content { width: 940px; height: 576px; padding: 54px 0 60px; margin: 0 auto; position: relative;  }
#block-block-7 .reasons-head,
#block-block-11 .reasons-head { float: left; width: 252px; height: 205px; padding: 30px 10px 20px 28px; border: 7px solid #FFED00; margin: 0 10px 40px 0; font-size: 19px; color: #f9fafe; }
#block-block-7 .reason,
#block-block-11 .reason { float: left; position: relative; width: 240px; height: 150px; padding: 0 35px; margin: 0 0 40px 0; }
.reason-name { font-size: 31px; font-family: "bebas_neueregular"; line-height: 35px; font-weight: normal; color: #f8e62d; margin-bottom: 25px; }
.reason-desc { color: #f9fafe; font-size: 19px; line-height: 23px; font-weight: normal;}
#block-block-7 .reason#friend,
#block-block-11 .reason#friend { height: 130px; padding-top: 110px; }
#block-block-7 .reason#doers,
#block-block-11 .reason#doers { height: 130px; padding-top: 110px; margin: 0 0 40px 0; }
#block-block-7 .reason#talents,
#block-block-11 .reason#talents { clear: left; margin: 0 1px 40px 0; }
#block-block-7 .reason#values,
#block-block-11 .reason#values { margin: 0 0 40px 0;}

#crew-profile-video { height: 260px; margin: 0 auto; padding-top: 4px; background: #292929;}
#crew-profile-video .content { position: relative; top: -75px; width: 940px; height: 295px; margin: 0 auto; overflow: hidden; }
#crew-profile-video .video { border: 7px #fff solid; width: 288px; height: 122px; margin: 0 0 45px; position: relative;
    -webkit-box-shadow: #666 0px 1px 2px;
    -moz-box-shadow: #666 0px 1px 2px;
    box-shadow: #666 0px 1px 2px;
    behavior: url(/pie/PIE.htc);}
#crew-profile-video .views-row { width: 302px; float: left; position: relative; }
#crew-profile-video .views-row.views-row-2 { margin: 0 17px 0; }
#crew-profile-video h3 { font-size: 22px; font-weight: normal; font-family: "bebas_neueregular"; color: #FFED00; text-align: center; margin-bottom: 15px; }
#crew-profile-video .descr { font-family: 'CenturySchoolbook-Italic'; font-size: 19px; line-height: 20px; color: #eeeeee; text-align: center; }
#crew-profile-video .views-row .hover { position: absolute; top: 0px; left: 0px; width: 288px; height: 153px;  background: url("images/video-play.png") no-repeat center 55px; }
#crew-profile-video .views-row:hover .hover { background-position: center -285px; }
#crew-profile-video .views-row .hover a { display: block; width: 100%; height: 100%; }
#crew-profile-video .views-row .hover img { display: none; }
.view-careers .ui-widget-content { background: transparent; }

.switch { 
    position: absolute; 
    top: 730px; 
    z-index: 10;
    /* background: url("images/page-switchers.png") no-repeat;  */
}

.node-type-work .switch { top: 816px; }

.switch a { 
    color: #FFFFFF;
    font-family: monospace;
    display: block;
    font-size: 70px;
    position: relative;
    line-height: 26px;
}

.switch a:hover {
    text-decoration: none;
} 

.switch a:before {
    content: '';
    display: block;
    position: absolute;
    top: 30px; 
    right: 0; 
    width: 40px; 
    height: 40px; 
    background-color: #CAB7DA;
    z-index: -1;
}

.switch.prev a:before {
    left: 0;
}

.switch a:after {
    content: '';
    position: absolute;
    background-image: url('/sites/default/files/arrow.svg');
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 30px;
    height: 30px;
    top: 35px;
    right: 5px;
}

.switch.prev a:after {
    transform: rotate(180deg);
    left: 5px;
}

.switch.prev { left: 50px; background-position: 0 0; }
.switch.next { right: 50px; }
.switch.prev:hover { background-position: 0px -360px; }
.switch.next:hover { background-position: 0px -1075px; }

.sprite.bullet_inst { background-position: 0px -1314px; width: 17px; height: 20px;  }
.sprite.bullet_inst_act { background-position: 0px -1834px; width: 20px; height: 20px;  }
.sprite.bullet_fb_actpng { background-position: 0px -2354px; width: 19px; height: 19px;  }
.sprite.facebook { background-position: 0px -2873px; width: 30px; height: 31px;  }
.sprite.instagram { background-position: 0px -3404px; width: 32px; height: 32px;  }
.sprite.twitter { background-position: 0px -3936px; width: 32px; height: 32px;  }
.sprite.video_play { background-position: 0px -4468px; width: 65px; height: 40px;  }


/* Careers page */
.page-careers.not-front .highlightedArea { background: url(images/headers/careers-v2.jpg) no-repeat center 0; height: 345px; }
.page-careers.not-front .pageArea { background: #fff; padding-top: 0px; }
#job-block { float: right; width: 240px; height: 340px; padding: 30px; border: 7px solid #FFED00; margin: 0 0 30px 30px; font-size: 19px; color: #292929; }
#job-block h2 { color: #292929; margin-bottom: 25px;}
.page-node-73 #job-block h2 { padding-right: 13px; letter-spacing: 0;}
.page-node-73 #job-block .content div { padding-right: 76px;}
.field-name-field-job-details ul,
.page-crew .view-careers .ui-accordion-content ul,
.page-careers .view-careers .ui-accordion-content ul { display: block; padding-left: 20px; }
.field-name-field-job-details ul li,
.page-crew .view-careers .ui-accordion-content ul li,
.page-careers .view-careers .ui-accordion-content ul li { font-weight: bold; list-style: disc outside; color: #292929; margin-bottom: 30px; }

.view-careers h2 { color: #292929;}
.current-job { width: 585px; float: left; font-size: 12px; text-transform: uppercase; margin-bottom: 25px; }
.view-careers .view-content { width: 585px; float: left; }
.view-careers .views-row { padding: 0; }
.view-careers .ui-accordion-header-icon.ui-icon { display: none; }
.view-careers .ui-state-active,
.view-careers .ui-widget-content .ui-state-active,
.view-careers .ui-widget-header .ui-state-active,
.view-careers .ui-state-default,
.view-careers .ui-widget-content .ui-state-default,
.view-careers .ui-widget-header .ui-state-default { border-width: 7px 0 0 0; border-color: #292929; border-radius: 0; background: none; padding: 28px 0; color: #292929; margin: 0; }

.view-careers .ui-accordion .ui-accordion-content { padding: 0 0 30px; overflow: visible; font-size: 19px; color: #292929; border: none; height: auto!important;}
.view-careers .read-more { height: 84px;}
.view-careers .read-more a { display: block; clear: left; float: left; background: #292929; padding: 10px 10px 8px; color: #eada2d; font-weight: bold; text-transform: uppercase; text-decoration: none; }
.view-careers .read-more a:hover { color: #fff; }





/* Job details */
.node-type-job.not-front .highlightedArea { background: #1e1e1e; height: 345px; }
.node-type-job.not-front .pageArea { background: #fff; padding: 53px 0 50px; }
.node-type-job.not-front .field-name-job-static-block { float: right; width: 240px; height: 340px; margin: 0 0 30px 30px; font-size: 19px; color: #292929; }
.node-type-job.not-front .field-name-job-static-block h2 { color: #292929; margin-bottom: 25px; }

.node-type-job.not-front .field-name-title { width: 595px; float: left; clear: left; margin-bottom: 35px; }
.node-type-job.not-front .field-name-field-job-details { width: 595px; float: left; clear: left; margin-bottom: 45px;}
.node-type-job.not-front .field-name-apply-with-linked-in { width: 595px; float: left; clear: left; margin-bottom: 65px;}
.node-type-job.not-front #job-sharers { width: 940px; height: 50px; margin: 0 auto; }
.node-type-job.not-front #job-sharers .sharers { float: left; clear: left; width: 700px; }

/* work */
.not-front .pageArea { padding: 53px 0 0; }
.page-work .tag-filter-wrap { background: #fff;}
.page-work .tag-filter { clear: both; width: 940px; height: 70px; padding-top: 25px; margin: 0 auto; background: #fff; font-weight: bold; }
.page-work  .tag-filter .filter { padding: 7px 7px 13px; }

#block-system-main .view-work { clear: both; width: 940px; float: left; overflow: hidden; }
#block-system-main .view-work .view-content { width: 960px;}
#block-system-main .view-work .views-row { float: left; position: relative; width: 300px; height: 195px; margin: 0 20px 20px 0; }
#block-system-main .view-work .views-row h4 { display: block; position: absolute; z-index: 2; top: 0; width: 300px;
    height: 195px; font-size: 22px; color: #fff; line-height: 25px; font-weight: normal;
    font-size: 28px;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
    /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/
    /*-moz-opacity: 0;*/
    /*-khtml-opacity: 0;*/
    /*opacity: 0;*/
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
    #block-system-main .view-work .views-row h4 a {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            width: 246px;
                height: 195px;
            padding: 0 30px 0px 24px;
            color: #fff;
            transition: color .2s ease-in-out;
    }
#block-system-main .view-work .views-row:hover h4, #block-system-main .view-work .views-row:active h4 {
/*    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;*/
    opacity: 1 !important;
}

#block-system-main .view-work .views-row h4 a, #block-system-main .view-work .views-row h4 a {
    transition: color .2s ease-in-out;
}

#block-system-main .view-work .views-row:hover h4 a, #block-system-main .view-work .views-row:active h4 a {
    color: #F3EC00 !important;
}

#block-system-main .view-work .views-row h4 a { display: table-cell; width: 246px; height: 195px; padding: 0 30px 0 24px; color: #fff; }
#block-system-main .view-work .views-row h4 a:hover { text-decoration: none; }
.view-work .views-row .logo { position: absolute; z-index: 10; height: 40px; top: 20px; left: 0; background: #fff; }
.view-work .views-row .tag { position: absolute; right: 0; bottom: 0; width: 30px; height: 26px; padding-top: 4px; background: #FFED00; font-size: 14px; font-weight: bold; text-align: center; }


#block-system-main .view-work .views-row .hover { display: block; position: absolute; z-index: 10; top: 0; left: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
#block-system-main .view-work .views-row:hover .hover, #block-system-main .view-work .views-row:active .hover {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
#block-system-main .view-work .views-row.views-row-last a.views-more { display: block; color: #292929;
    background: url("images/frontpage-sprite.png") no-repeat 135px -1742px; font-size: 50px; font-weight: normal; line-height: 53px;
    text-align: left; float: left; position: relative; width: 245px; height: 140px; padding: 10px 20px 30px; margin: 0 0 20px 0; border: 7px solid #292929; letter-spacing: 0; font-family: "bebas_neueregular";}
#block-system-main .view-work .views-row.views-row-last a.views-more:hover { text-decoration: none; background-position: 145px -1742px;
    -webkit-animation: more-intel-bg-hover 0.3s infinite alternate ease; /* Chrome, Safari, Opera */
    animation: more-intel-bg-hover 0.3s infinite alternate ease;}


#block-system-main .view-work .views-row.views-row-last .tag { display: none; }
#block-system-main .view-work .ajax-progress-throbber .throbber { position: absolute; right: 20px; top: 150px; }
#block-system-main .view-work .pager { display: none; }

#sexy-statistics { clear: both; background: #FFED00 url("images/graph.png") no-repeat center 0; width: 100%;
    height: 498px; text-align: center; font-size: 25px; line-height: 29px; font-weight: bold; }
#sexy-statistics .content { width: 740px; margin: 0 auto; padding-top: 50px; position: relative;}
#sexy-statistics h2 { font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 23px; }
#sexy-statistics .counter { font: 100px/100px "Arial Black"; width: 500px; height: 110px; margin: 0 auto 20px; }
#sexy-statistics .counter .digit,
#sexy-statistics .counter .separator { position: relative; display: block; float: left; width: 65px; height: 100px; padding: 0; margin: 0; overflow: hidden; text-align:center; }
#sexy-statistics .counter .separator { height: 110px;}
#sexy-statistics .counter .digit span { position:relative; top:0; letter-spacing: 0; }
#sexy-statistics .stat-text { clear: both; margin-bottom: 35px; }

#get-in-touch { clear: both; width: 100%; height: 355px; background: #FFED00 url("images/get_in_touch.jpg") no-repeat center 0/cover; color: #fff;  }
#get-in-touch .content { position: relative; width: 940px; margin: 0 auto; padding-top: 55px; }
#get-in-touch .head { font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 40px; }
#get-in-touch h2 { color: #fff; display: block; width: 250px; cursor: pointer; background: url("images/arow-yellow.png") no-repeat 115px 120px;
    /*-webkit-transition: all 0.25s ease-in-out 0s;*/
    /*-moz-transition: all 0.25s ease-in-out 0s;*/
    /*-o-transition: all 0.25s ease-in-out 0s;*/
    /*-ms-transition: all 0.25s ease-in-out 0s;*/
    /*transition: all 0.25s ease-in-out 0s;*/}
#get-in-touch h2:hover { background-position: 125px 120px;
    /*-webkit-transition: all 0.25s ease-in-out 0s;*/
    /*-moz-transition: all 0.25s ease-in-out 0s;*/
    /*-o-transition: all 0.25s ease-in-out 0s;*/
    /*-ms-transition: all 0.25s ease-in-out 0s;*/
    /*transition: all 0.25s ease-in-out 0s;*/
    -webkit-animation: get-in-touch-hover 0.3s infinite alternate ease; /* Chrome, Safari, Opera */
    animation: get-in-touch-hover 0.3s infinite alternate ease;
}

#get-in-touch .flat-white { position: absolute; top: 40px; left: 365px; cursor: pointer; display: none; }
#get-in-touch .flat-white img { width: 142px; height: auto; position: relative; top: 0; left: 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;}
#get-in-touch .flat-white:hover img , #get-in-touch .flat-white:active img { width: 162px; top: -10px; left: -10px;  }

.page-work #callback {background: #1e1e1e; display: none; overflow: hidden;}
.page-work #callback .form-actions { margin: 0 0 42px;}

/* custom fb button */
.page-work .fb_iframe_widget span { opacity: 0.0; position: relative; z-index: 2;
    -ms-transform: scale(1.9); /* IE 9 */
    -webkit-transform: scale(1.9); /* Chrome, Safari, Opera */
    transform: scale(1.9);}
.page-work .fb-custom-like-button { width: 90px; height: 38px; position: absolute; left: 50%; bottom: -9px; margin-left: -45px;
    background: url("images/fb-like-icon.png") no-repeat;}
/* Work details page */
.node-type-work.not-front .highlightedArea { background: #1e1e1e; height: 345px; display: flex; width: 100%; }
.node-type-work.not-front .pageArea { padding: 0; background: #fff; }
.node-type-work.not-front .pageArea .region-content { width: 100%; }

.node-type-work .field-name-field-background { /*position: absolute; top: 345px; left: 0;*/ text-align: center; width: 100%;
    z-index: 0; height: 660px;}
.node-type-work .field-name-field-background .field-item { max-width: 1920px; height: 660px; margin: auto;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    overflow: hidden;}
.node-type-work .field-name-field-background img { position: relative; height: 100%; top: 0; left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);}
.node-type-work .node-work .field-name-field-project-image { /*position: absolute; top: 755px; left: 0;*/ text-align: center; width: 100%; z-index: 2;
    position: relative; margin-top: -200px;}
.node-type-work .node-work .field-name-field-video { background: #1e1e1e; height: 410px; width: 100%; position: relative; margin-top: 250px;}
.node-type-work .field-name-field-video iframe { position: relative; display: block; top: -265px; margin: 0 auto; border-top: 9px solid #efefef; }


/* .node-type-work .node-work { background: url("images/work-line.png") no-repeat center 658px;  } */
.node-type-work .node-work .field-name-field-description { padding: 0; width: 950px; margin: 0 auto; }
.node-type-work .field-name-field-text1 { position: relative; z-index: 5; width: 375px; float: right; font-size: 19px; line-height: 19px; color: #fff; margin-bottom: 30px; }
.node-type-work .field-label { font-size: 50px; line-height: 51px; margin-bottom: 25px; }
.node-type-work .field-name-field-social-network-link { clear: right; position: relative; z-index: 5; width: 375px; float: right; font-size: 17px; font-family: 'bebas_neueregular'; line-height: 18px; color: #FFED00; }
.node-type-work .field-name-field-social-network-link a { display: block; float: left; clear: left; color: #FFED00; margin-bottom: 16px; }
.node-type-work .field-name-articles-by-author { clear: right; position: relative; z-index: 5; width: 375px; float: right;}
.node-type-work .field-name-articles-by-author a { display: block; float: left; clear: left; width: auto; font: 13px/13px 'bebas_neueregular'; padding: 10px; color: #FFED00; background: #1e1e1e; }
.node-type-work .field-name-carpe-diem { position: absolute; z-index: 5; top: 1220px; left: 0; width: 100%; height: 145px; }
.node-type-work .field-name-carpe-diem .field-items { width: 940px; height: 145px; margin: 0 auto; }
.carpe-diem { float: right; clear: both; width: 145px; height: 142px; background: url('images/carpe_diem.png') no-repeat; }
.node-type-work .field-name-field-description-title { position: absolute; z-index: 4; top: 1312px; left: 0;  width: 100%; }
.node-type-work .field-name-field-description-title .field-items { width: 940px; margin: 0 auto; }
.node-type-work .field-name-field-description-title .field-items .field-item { font: 24px/26px Arial; font-weight: bold; width: 720px; }
.node-type-work .field-name-field-3-columns-text { position: absolute; z-index: 3; top: 1262px; left: 0; width: 100%; height: 613px; padding-top: 135px; background: url('images/crew_line.png') no-repeat; }
.node-type-work .field-name-field-3-columns-text .field-items { width: 940px; margin: 0 auto;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;}
.node-type-work .field-name-field-3-columns-text h2 { font: 24px/26px Arial; font-weight: bold; margin-bottom: 35px; width: 720px; }
.node-type-work #jobs { clear: both; width: 100%; padding-top: 50px; overflow: auto; }
.node-type-work #jobs .jobs-content { width: 940px; margin: 0 auto; }

#work-sharers { clear: both; width: 100%; background: #FFED00; }
#work-sharers .content { position: relative; width: 940px; margin: 0 auto; padding: 65px 0px 55px; text-align: center; }
.quote-block { font: 54px 'bebas_neueregular'; line-height: 54px; width: 740px; margin: 0  auto 45px;}
.line-separator { clear: both; width: 85px; margin: 0 auto 35px; height: 1px; border-top: 1px solid #323232; background: #696431;}
.node-type-work .tag-filter { background: none; overflow: hidden; padding: 0; margin: 0 0 45px; width: 940px; height: auto;}
.node-type-work .tag-filter-inner { height: auto; width: 100%;}
.node-type-work .filter-head { float: none; padding: 0; margin: 0 0 25px; width: auto; font-size: 50px; line-height: 50px; font-weight: normal; font-family: "bebas_neueregular";}
.node-type-work .tag-filter .filter { padding: 8px 0 0; margin: 0 14px 0 0; background: #1e1e1e; color: #fff; font-size: 18px; height: 29px;
    border: none; width: 105px; font-family: "bebas_neueregular"; font-weight: normal;}
.node-type-work .tag-filter .filter.last { margin-right: 0;}
.node-type-work .tag-filter .filter:hover {  transition: all 0.2s ease-in-out 0s; color: #f8e62d;}


.sharers { /*width: 600px;*/ width: 410px; height: 50px; margin: 0 auto; background: #1e1e1e; font-size: 28px; color: #FFED00; }
.sharers .sharer { float: left; width: 9px; height: 34px; border-right: 1px solid #5c5c5c; padding: 16px 0 0 44px; background: url("images/sharers.png") no-repeat 0 16px; color: #FFED00;  }
.sharers .sharer#sh-h{ width: 126px; height: 34px; padding: 16px 0 0; font: 18px 'bebas_neueregular'; color: #ffffff; text-align: center; text-transform: uppercase; background: none; }
.sharers .sharer#sh-fb { background-position: 0px 16px; }
.sharers .sharer#sh-tw { background-position: 0px -106px; }
.sharers .sharer#sh-gp { background-position: 0px -228px; }
.sharers .sharer#sh-m { background-position: 0px -350px; }
.node-type-work .sharers .sharer#sh-m { width: 16px;}
.sharers .sharer#sh-p { background-position: 0px -473px; border: none;}

.sharers .sharer:hover { text-decoration: none; }
.sharers .sharer#sh-fb:hover { background-position: -5px -596px; }
.sharers .sharer#sh-tw:hover { background-position: 0 -720px; }
.sharers .sharer#sh-gp:hover { background-position: 0 -844px; }
.sharers .sharer#sh-m:hover { background-position: -1px -967px; }
.sharers .sharer#sh-p:hover { background-position: 0 -1090px; }


#cool-story-bro { position: absolute; right: 0; top: -50px; width: 146px; height: 141px; background: url("images/cool-story-bro.png") no-repeat; display: none; }


/* More articles */
.page-more-articles.not-front .highlightedArea { background: #1e1e1e; height: 345px; }
.page-more-articles .pageArea { padding: 53px 0 0; height: auto; overflow: auto; }

.articles-top { clear: both; width: 940px; height: 410px; margin: 0 auto 20px; }
.articles-top .author-block { float: left; width: 225px; height: 337px; overflow: hidden; padding: 30px; border: 7px solid #FFED00; margin: 0 20px 20px 0; font-size: 19px; }
.articles-top .author-block h2 { margin-bottom: 30px; }
.articles-top .author-block h3 {   font-size: 35px; line-height: 35px; }
.articles-top .view-morearticles { clear: right; float: right; }

.page-more-articles.articles-top .view-morearticles { margin-bottom: 20px; }
.articles-top .view-morearticles { float: left; width: 620px;}
.articles-top .view-morearticles .views-row { position: relative; height: 410px; }
.articles-top .view-morearticles .views-row .thumb { height: 410px; overflow: hidden; }
.articles-top .view-morearticles .views-row h4 { display: block; position: absolute; top: 0; width: 620px; height: 410px; font-size: 50px; line-height: 50px; background: url("images/thumb-base-big.png") no-repeat 0 100%; }
.articles-top .view-morearticles .views-row h4 a {display: table-cell; vertical-align: bottom; width: 560px; height: 390px; padding: 0 30px 20px; color: #fff; }
.articles-top .view-morearticles .views-row h4 a:hover { text-decoration: none; }
.articles-top .view-morearticles .views-row .tag { position: absolute; right: 0; bottom: 0; width: 30px; height: 26px; padding-top: 4px; background: #FFED00; font-size: 14px; font-weight: bold; text-align: center; }

#block-system-main .view-morearticles { clear: both; width: 940px; float: left; overflow: hidden; }
#block-system-main .view-morearticles .view-content { width: 960px; height: auto; margin-bottom: 55px; overflow: auto; }
#block-system-main .view-morearticles .views-row { float: left; position: relative; width: 300px; height: 195px; margin: 0 20px 20px 0; }
#block-system-main .view-morearticles .views-row.views-row-2,
#block-system-main .view-morearticles .views-row.views-row-8 { margin: 0 20px 20px 0; }
#block-system-main .view-morearticles .views-row h4 { position: absolute; top: 0; left: 0; width: 300px; height: 195px; font-size: 22px; color: #fff; line-height: 25px;
    font-weight: normal; font-family: "Arial Black"; background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));}
#block-system-main .view-morearticles .views-row h4 a { display: table-cell; vertical-align: bottom; width: 246px; height: 175px; padding: 0 30px 20px 24px; color: #fff; }
#block-system-main .view-morearticles .views-row h4 a:hover { text-decoration: none; }
#block-system-main .view-morearticles .views-row .tag { position: absolute; right: 0; bottom: 0; width: 30px; height: 26px; padding-top: 4px; background: #FFED00; font-size: 14px; font-weight: bold; text-align: center; }
#block-system-main .view-morearticles .views-row .thumb { height: 195px; }

#block-system-main .view-morearticles .view-footer { position: relative; clear: both; }
#block-system-main .view-morearticles .view-footer a.view-all { display: block; width: 180px; height: 26px; padding: 14px; margin: 0 auto 60px; font: 17px 'bebas_neueregular'; color: #FFED00; background: #4b4b4b; text-align: center; }
#block-system-main .view-morearticles .view-footer a.view-all:hover { text-decoration: none; color: #fff; }
#block-system-main .view-morearticles .view-footer .ajax-progress-throbber { position: absolute; right: 0px; top: 0px; }
#block-system-main .view-morearticles .pager { display: none; }

/* morearticles hovers */
.view-morearticles .views-row .thumb { overflow: hidden; }
.view-morearticles .views-row .thumb a img {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

.view-morearticles .views-row:hover .thumb a img, .view-morearticles .views-row:active .thumb a img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}



/* Mediakits */
.page-media-kits.not-front .highlightedArea { background: url(images/headers/Mediakits.jpg) no-repeat center 0; height: 345px; }
.page-media-kits .pageArea { padding: 53px 0 0; height: auto; overflow: auto; background: #fff; }

#block-system-main .view-mediakits .view-header { text-align: center; margin-bottom: 70px; }
#block-system-main .view-mediakits { clear: both; width: 940px; float: left; overflow: hidden; }
#block-system-main .view-mediakits .view-content { width: 960px; height: auto; margin-bottom: 55px; overflow: auto; }
#block-system-main .view-mediakits .views-row { float: left; position: relative; width: 300px; height: 195px; margin: 0 20px 20px 0; }
#block-system-main .view-mediakits .views-row.views-row-2,
#block-system-main .view-mediakits .views-row.views-row-8 { margin: 0 20px 20px 0; }
#block-system-main .view-mediakits .views-row .thumb { height: 195px; overflow: hidden;}
#block-system-main .view-mediakits .views-row .thumb a img {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#block-system-main .view-mediakits .views-row:hover .thumb a img, #block-system-main .view-mediakits .views-row:active .thumb a img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

/*#block-system-main .view-mediakits .views-row .hover { display: none; position: absolute; top: 0; left: 0; }*/
/*#block-system-main .view-mediakits .views-row:hover .hover { display: block; }*/
#block-system-main .view-mediakits .view-footer .ajax-progress-throbber { position: absolute; right: 0px; top: 0px; }
#block-system-main .view-mediakits .pager { display: none; }


/* Mediakits landing */
.node-type-mediakits.not-front .highlightedArea { background: #1e1e1e; height: 345px; }
.node-type-mediakits .pageArea { padding: 53px 0 0; height: auto; overflow: auto; background: #fff; }
.node-type-mediakits .field-name-field-image { clear: both; width: 940px; margin-bottom: 45px; }
.node-type-mediakits .field-name-field-description,
.node-type-mediakits .field-name-field-file{ clear: both; margin-bottom: 45px;}
.node-type-mediakits #callback,
.node-type-article #callback  { height: 670px; }
.node-type-mediakits #callback .form-actions,
.node-type-article #callback .form-actions { margin: 0 0 35px; }


/* Services text */
.node-type-services-text.not-front .highlightedArea { background: #1e1e1e; height: 345px; }
.node-type-services-text .pageArea { padding: 53px 0 0; height: auto; overflow: auto; background: #fff; }

.node-type-services-text .field-name-field-description { clear: both; margin-bottom: 45px; }
.node-type-services-text .field-name-field-description h1,
.node-type-services-text .field-name-field-description h2,
.node-type-services-text .field-name-field-description h3,
.node-type-services-text .field-name-field-description h4,
.node-type-services-text .field-name-field-description h5 { clear: both; margin-bottom: 45px; text-align: center; }

.field-name-field-description li {
    list-style: disc;
    margin: 0 0 24px 18px;
}


.node-services-text {
    padding-bottom: 50px;
}

.node-services-text ul {
    display: block;
    padding-left: 20px;
}

.node-services-text ul li {
    overflow: visible;
    font-size: 19px;
    color: #292929;
    border: none;
    font-weight: bold;
    list-style: disc outside;
    color: #292929;
    margin-bottom: 30px;
}


/* Additional services */
.add-services { clear: both; width: 100%; height: auto; overflow: auto; background: #000;}
.add-services h2 { text-align: center; font-size: 39px; color: #fff; margin-bottom: 50px; }
.add-services .content { text-align: center; width: 940px; height: auto; padding: 60px 0 60px; margin: 0 auto; position: relative;  }
.add-services .service { float: left; width: 215px; height: 218px; margin: 0 20px 40px 0; text-align: left; }
.service-name { font-size: 35px; font-weight: bold; color: #f8e62d; margin-bottom: 25px; }
.service-desc { color: #f9fafe; font-size: 19px; line-height: 23px; }
.add-services a:hover { text-decoration: none; }

/* Services with main */
.node-type-services-with-main.not-front .highlightedArea { background: #1e1e1e; height: 345px; }
.node-type-services-with-main .pageArea { padding: 0; height: auto; }
.node-type-services-with-main .add-services .main-service { float: left; width: 250px; height: 250px; padding: 20px 25px; border: 7px solid #FFED00; margin: 0 50px 40px 0; font-size: 19px; color: #f9fafe; overflow: hidden; text-align: left; }
.node-type-services-with-main .add-services .main-service h2 { text-align: left; margin-bottom: 30px; }
.node-type-services-with-main .add-services .service { margin: 0 50px 40px 0;  }
.node-type-services-with-main .add-services .service.serv-0,
.node-type-services-with-main .add-services .service.serv-1 { padding-top: 87px; }
.node-type-services-with-main .add-services .service.serv-2 { width: 264px; padding: 0 25px; }

.services-back-button {
    text-align: center;
    width: 100%;
}

.back-link {
    width: 140px;
    height: 30px;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #4b4b4b;
    border: none;
    cursor: pointer;
    color: #fff;
}

.page-node-419 .highlightedArea {
    background: url(images/headers/Services.jpg) no-repeat center 0;
    height: 345px;
}

.page-node-419 .pageArea {
    padding: 0;
}


/* page 404 */
.node-type-404 .highlightedArea { background: #000; height: 347px;}
.node-type-404 .pageArea { background: #1e1e1e; padding: 0;}
.node-type-404 .node-404 { text-align: center; font-size: 24px; font-weight: bold; color: #fff;}
#block-block-10 { color: #fff; background: #1e1e1e;}
#block-block-10 .content { width: 940px; height: 431px; padding: 77px 0 0; margin: auto; font-size: 19px;}
#block-block-10 .reasons-head { border: 7px solid #FFED00; float: left;  height: 280px; width: 257px; font-size: 22px;
    margin: 0 50px 0px 0; line-height: 30px; padding: 20px 0 0 30px;}
#block-block-10 .reasons-head h2 { line-height: 50px; margin-bottom: 11px; color: #f9fafe;}
#block-block-10 .wrap-links { float: left; width: 589px; height: 340px;}
#block-block-10 .wrap-links .block { float: left; width: 282px;}
#block-block-10 .wrap-links .block-1,
#block-block-10 .wrap-links .block-3 { margin-right: 25px;}
#block-block-10 .wrap-links .block-1,
#block-block-10 .wrap-links .block-2 { padding-top: 60px; height: 110px;}
#block-block-10 .wrap-links .block-3,
#block-block-10 .wrap-links .block-4 { padding-top: 45px;}
#block-block-10 .wrap-links .block a { font-size: 35px; font-weight: bold; color: #f8e62d; line-height: 35px;}
#block-block-10 .wrap-links .block .text { color: #f9fafe; margin-top: 16px; line-height: 24px;}
.node-type-404 .tag-filter { height: 284px; background: #FFED00; width: 100%; padding-top: 72px;}
.node-type-404 .tag-filter .tag-filter-inner { width: 940px; margin: auto;}
.node-type-404 .tag-filter-inner .filter-head { float: none; width: auto; margin: 0; padding: 0; font-size: 50px;
    text-align: center; line-height: 50px;}
.node-type-404 .tag-filter-inner .bottom-line { width: 84px; height: 2px; background: #323232; margin: 42px auto 56px;}
.node-type-404 .tag-filter .tag-filter-inner .filter { background: #1e1e1e; color: #fff; text-transform: uppercase;
    border: none; width: 120px; margin-right: 16px; padding-left: 0; padding-right: 0; text-align: center; font-size: 15px;}
.node-type-404 .tag-filter .tag-filter-inner #tag-all,
.node-type-404 .tag-filter .tag-filter-inner #tag-11,
.node-type-404 .tag-filter .tag-filter-inner #tag-11 { width: 114px;}
.node-type-404 .tag-filter .tag-filter-inner .filter:hover { transition: all 0.2s ease-in-out 0s; color: #f8e62d;}



/* ========================================= Mobile version ========================================= */
.mobile body { word-wrap: break-word; font-size: 18px; line-height: 22px;}
.mobile #block-system-main p { line-height: 22px;}
.mobile #block-system-main-menu { display: none;}
.mobile h1 { font-size: 1.8em; line-height: 1.5em; margin-bottom: 0;}
.mobile h2 { }
.mobile p { margin-bottom: 18px;}

/* headerArea */
.mobile .header-top { width: 100%; height: 180px; padding: 0;}
/*.mobile #logo { width: 60px; height: 30px; margin-left: 12%; margin-top: 3%;}*/
.mobile #logo {
    width: 50px;
    height: 30px;
    margin-left: 25px;
    margin-top: 10px;
}
.mobile #logo img { width: 100%; height: auto;}
/* menu more */
.mobile .menu-more { top: 0; right: 0px; text-indent: -9999px; padding: 0; position: static; float: right; width: 50px;
    height: 50px; margin-right: 0px; background: url("images/mobile-main-menu-btn.png") no-repeat; background-size: contain; }
.mobile body.smr-open nav.slide-menu-right { padding: 0 40px; overflow: auto; width: 180px;}
.mobile body.smr-open nav.slide-menu-right .close-menu { top: 20px; right: 30px; width: 30px; height: 30px;
   background: url("images/mobile-more-menu-close-btn.png") no-repeat; background-size: cover;}
.desktop #block-menu-menu-side-menu .menu-829,
.desktop #block-menu-menu-side-menu .menu-830,
.desktop #block-menu-menu-side-menu .menu-831,
.desktop #block-menu-menu-side-menu .menu-832,
.tablet #block-menu-menu-side-menu .menu-829,
.tablet #block-menu-menu-side-menu .menu-830,
.tablet #block-menu-menu-side-menu .menu-831,
.tablet #block-menu-menu-side-menu .menu-832 { display: none;}
.mobile #block-menu-menu-side-menu .menu a { margin-bottom: 10px; font-size: 1em; width: auto;}
.mobile #block-menu-menu-side-menu .menu-829,
.mobile #block-menu-menu-side-menu .menu-830,
.mobile #block-menu-menu-side-menu .menu-831,
.mobile #block-menu-menu-side-menu .menu-832 { color: #fff; font-size: 1.4em; line-height: 1.2em; margin-bottom: 0;}
.mobile #block-menu-menu-side-menu { margin-top: 30px;}
.mobile #block-menu-menu-side-menu .menu .menu-832 { margin-bottom: 1.2em;}
.mobile .get-closer { width: 75px; height: 75px; right: 11%; top: auto; bottom: -32px; display: none;}
.mobile .get-closer img { width: 75px; height: auto; }
/* footerArea */
.mobile .footerArea { width: 100%; height: auto; padding-top: 20px; padding-bottom: 20px;}
.mobile .footer-text { width: 85%;}
.mobile .social-links-footer { display: none;}

/*.desktop .menu {
    margin-top: 5px;
}*/

.mobile .not-front .highlightedArea .content-top h2 {
    width: 100%;
}

.mobile .slide img {
  display: block;
  width: 100vw;
  height: 90vh;
  object-fit: cover;
}

.subscribeForm form {
    display: block;
    font: 15px/17px Arial;
    font-weight: bold;
    /*color: #a5a7a8;*/
    margin-bottom: 9px;
}

.subscribe_submit {
    width: 100%;
    font-size: 16px /*20px*/;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    /* padding-bottom: 25px; */
    /* margin-bottom: 25px; */
}

#email_address {
    margin-top: 5px;
    margin-bottom: 8px;
    height: 32px;
    width: 98%;
    /*width: 97px;*/
}

.subscribe_inputs {
    margin-top: 10px;
    margin-bottom: 25px;
}

.edge-social-label {
    display: none;
}


/* ========================================= not front page ========================================= */
.mobile .not-front .highlightedArea { height: 180px; background-size: cover;}
.mobile .not-front .highlightedArea .content-top { width: 100%; height: auto; background: #000; padding: 0;}
.mobile .node-type-work.not-front .highlightedArea { display: block; }
.mobile .node-type-work .highlightedArea .content-top {
    padding-top: 45px;
}

.mobile .not-front .highlightedArea .content-top h1 {
    font-size: 25px;
    padding-top: 90px;
    padding-bottom:30px !important;
}
.mobile .node-type-crew-profile .highlightedArea .content-top h1,
.mobile .page-node-73 .highlightedArea .content-top h1
{
    padding-top: 50px;
}

.mobile .not-front .highlightedArea .content-top .header-text { line-height: 1.1em;font-size:20px !important;}
.mobile .not-front .pageArea { padding-top: 25px;}
.mobile .not-front .content-top { background: #292929; color: #fff; text-align: center; padding: 20px 0 30px;
    font-size: 1.2em;}
.mobile .not-front .content-top h1 { font-size: 2em; margin-bottom: 0;}
.mobile #block-views-tweets-block { display: none;}
.mobile .page-node-419 .pageArea {
    padding-top: 0;
}
.mobile .page-careers .pageArea {
    padding-top: 0;
}
.mobile .node-type-crew-profile .pageArea {
    padding-top: 0;
}
.mobile .front .pageArea {
    padding-top: 0px !important;
}

.mobile .page-more-articles .pageArea,
.mobile .node-type-services-with-main .pageArea,
.mobile .node-type-work .pageArea {
    padding-top: 0;
}

.mobile .page-node-73 .content-top {
    background: none;
}

.mobile .node-type-work .highlightedArea .content-top .header-text {
    display: none;
}


/* ========================================= front page ========================================= */
/* highlightedArea */
.mobile .highlightedArea { width: 100%; }
.mobile #block-views-frontpage-slider-block-1 { position: relative; background-color: #292929; width: 100%;}
.mobile #block-views-frontpage-slider-block-1 .views-slideshow-cycle-main-frame,
.mobile #block-views-frontpage-slider-block-1 .views-slideshow-cycle-main-frame .views-slideshow-cycle-main-frame-row { width: 100%!important;}
.mobile #block-views-frontpage-slider-block-1 .views-slideshow-controls-text-pause { display: none;}
.mobile #block-views-frontpage-slider-block-1 .views-slideshow-controls-top { width: 100%; position: absolute;
    top: 0; text-indent: -9999px; height: 180px;}
.mobile #block-views-frontpage-slider-block-1 .views-slideshow-controls-text-previous { position: absolute; top: 50%; left: 1px;
    width: 25px; height: 50px; background: url("images/front-slider-nav-prev.png") no-repeat; background-size: contain; z-index: 20;
    margin-top: -25px;}
.mobile #block-views-frontpage-slider-block-1 .views-slideshow-controls-text-next { position: absolute; top: 50%; right: 1px;
    width: 25px; height: 50px; background: url("images/front-slider-nav-next.png") no-repeat 100% 0; background-size: contain; z-index: 20;
    margin-top: -25px;}
.mobile #block-views-frontpage-slider-block-1 .slide img { width: 100%; height: 50%;}
.mobile #block-views-frontpage-slider-block-1 .slide-content { background: #292929; color: #fff; text-align: center; width: 100%;
    padding: 5% 0 2%;}
.mobile #block-views-frontpage-slider-block-1 .slide-content .slide-text { font-weight: bold; padding-left: 5%;
    padding-right: 5%;}
/* pageBody */
.mobile .pageArea .region-content { width: 100%; padding: 0 0 0; }
/* shuffle */
.mobile #block-block-3 { float: none; width: 80%; height: auto; margin: 0 auto 20px; text-align: center; padding: 3%;
    box-sizing: border-box; border-width: 3px;}
.mobile #block-block-3 a.use-ajax { height: auto; width: 100%; padding: 0; position: static;}
.mobile #block-block-3 h2 { font-size: 1.35em; line-height: 1.3em; letter-spacing: 0px; }
.mobile #block-block-3 .shuffle { display: none;}
/* posts */
.mobile #block-views-blog-block-1 { float: none; width: 80%; height: auto; margin: 0 auto 20px;}
.mobile #block-views-blog-block-1 .views-row { height: auto; width: 100%;}
.mobile #block-views-blog-block-1 .views-row .thumb,
.mobile #block-views-blog-block .view-blog .views-row .thumb,
.mobile .page-intel #block-system-main .view-blog .views-row .thumb,
.mobile #block-system-main .view-mediakits .views-row .thumb,
.mobile .node-type-article.not-front .view-blog .views-row .thumb { height: auto; width: 100%; position: relative; z-index: 1;}
.mobile #block-views-blog-block-1 .views-row .thumb img,
.mobile #block-views-blog-block .view-blog .views-row .thumb img,
.mobile .view-work.view-display-id-block_1 .views-row .project-image img,
.mobile .page-intel #block-system-main .view-blog .views-row .thumb img,
.mobile .page-work #block-system-main .view-work .views-row .project-image img,
.mobile .page-more-work #block-system-main .view-work .views-row .project-image img,
.mobile #block-system-main .view-mediakits .views-row .thumb img,
.mobile .node-type-article.not-front .view-blog .views-row img { width: 100%; height: auto; transform: scale(1.1); -webkit-transform: scale(1.1);}
.mobile #block-views-blog-block-1 .views-row h4,
.mobile #block-views-blog-block .view-blog .views-row h4,
.mobile .view-work.view-display-id-block_1 .views-row h4,
.mobile .page-intel #block-system-main .view-blog .views-row h4,
.mobile .page-work #block-system-main .view-work .views-row h4,
.mobile .page-more-work #block-system-main .view-work .views-row h4,
.mobile .node-type-article.not-front .view-blog .views-row h4 { width: 100%; height: 100%; font: 1.3em/1.3em "Arial Black";
    text-align: left; overflow: hidden;}
.mobile #block-views-blog-block-1 .views-row h4 a,
.mobile #block-views-blog-block .view-blog .views-row h4 a,
.mobile .view-work.view-display-id-block_1 .views-row h4 a,
.mobile .page-intel #block-system-main .view-blog .views-row h4 a,
.mobile .page-work #block-system-main .view-work .views-row h4 a,
.mobile .page-more-work #block-system-main .view-work .views-row h4 a,
.mobile .node-type-article.not-front .view-blog .views-row h4 a { width: 94%; height: auto; position: absolute; bottom: 0; z-index: 2;
    padding: 20% 3% 3%; display: block;
    -webkit-box-shadow: inset 0px -200px 40px -95px rgba(0,0,0,0.23);
    -moz-box-shadow: inset 0px -200px 40px -95px rgba(0,0,0,0.23);
    box-shadow: inset 0px -200px 40px -95px rgba(0,0,0,0.23);
}
.mobile .page-intel #block-system-main .view-blog .views-row h4 a {
font-family:'bebas_neueregular' !important;
}

.mobile #block-views-blog-block { float: none; width: 80%; margin: 0 auto 40px;}
.mobile #block-views-blog-block .views-row,
.mobile .view-work.view-display-id-block_1 .views-row,
.mobile .page-intel #block-system-main .view-blog .views-row,
.mobile .page-work #block-system-main .view-work .views-row, .mobile .page-more-work #block-system-main .view-work .views-row { float: none; width: 100%; height: auto; margin: 0 0 20px; }
.mobile .page-more-work #block-system-main .view-work .views-row, .mobile .page-more-work #block-system-main .view-work .views-row { float: none; width: 100%; height: auto; margin: 0 0 20px; overflow: hidden;}
.mobile #block-views-blog-block .view-footer { float: none; height: auto; width: 100%; border: 3px solid #292929;
    margin: 0; box-sizing: border-box; }
.mobile .page-work #block-system-main .view-work .views-row h4{
    font-family: 'bebas_neueregular'; 
    font-size: 28px;
    text-transform: uppercase;
}
.mobile #block-views-blog-block .view-footer h2,
.desktop #block-views-blog-block .view-footer h2.mobile,
.tablet #block-views-blog-block .view-footer h2.mobile,
.mobile .view-work.view-display-id-block_1 .views-row .hover a img,
.mobile .view-work.view-display-id-block_1 .views-row .hover .hover-back,
.mobile #block-system-main .view-work .views-row .hover a img,
.mobile #block-system-main .view-work .views-row .hover .hover-back,
.desktop .view-work .view-footer a.view-more-mobile,
.tablet .view-work .view-footer a.view-more-mobile,
.mobile .view-work .view-footer a.view-more { display: none;}
.mobile #block-views-blog-block .view-footer h2.mobile { display: block; text-align: center; height: auto; padding: 0;
    line-height: 1em; height: auto}
.mobile #block-views-blog-block .view-footer h2.mobile a { background: none; display: inline; position: static; margin: 0;
    font-size: 0.7em; line-height: 1.8em;}
.mobile .view-work.view-display-id-block_1 .views-row .hover { z-index: 10;}
.mobile .view-work .views-row .hover a { height: 100%; padding: 0;}
/* latest content creations */
.mobile .view-work.view-display-id-block_1 { height: auto; padding-bottom: 40px;}
.mobile .view-work.view-display-id-block_1 .view-header { width: 100%; height: auto; padding: 0;}
.mobile .view-work.view-display-id-block_1 .view-header h2 { font-size: 2em; line-height: 1.2em; padding: 25px 30px;}
.mobile .view-work.view-display-id-block_1 .view-content { width: 80%; height: auto;}
.mobile .view-work.view-display-id-block_1 .views-row .project-image,
.mobile .page-work #block-system-main .view-work .views-row .project-image { width: 100%; height: auto; position: static; overflow: hidden;}
.mobile .view-work.view-display-id-block_1 .views-row h4,
.mobile .page-work #block-system-main .view-work .views-row h4 { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;}
.mobile .view-work.view-display-id-block_1 .view-footer { width: 100%; padding: 0; height: auto;}
.mobile .view-work.view-display-id-block_1 .view-footer a.view-more-mobile {
    display: block;
    width: 80%;
    margin: 0 auto;
    font-size: 35px;
    line-height: 1.8em;
    color: #FFED00;
    border: 3px solid #FFED00;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
    box-sizing: border-box;
    font-weight: bold;
}
/* brief service overview */
.mobile #block-block-5 { height: auto; }
.mobile #block-block-5 .content { height: auto; width: 80%; padding: 40px 0 80px; position: relative;}
.mobile .brief-service { float: none; width: 100%; border: 3px solid #FFED00; box-sizing: border-box; padding: 20px 0px;
    margin: 0 0 30px; height: auto; text-align: center;}
.mobile #block-block-5 h2 {
    font-size: 22.5px;
    padding-right: 20px;
    padding-left: 20px;
    line-height: 1.2em;
}

.mobile .brief-service >div {
    font-size: 16px;
    padding: 0 10px;
}

.mobile .media-kits { float: none; width: 100%; height: auto;}
.mobile #block-block-5 .kit { float: none; display: block; padding-top: 85px; text-align: center; width: 100%;
    height: auto; margin: 0 0 30px;}
.mobile .media-kits .kit-name { float: none; width: 100%; font-size: 2em; font-weight: bold; height: auto;
    line-height: 1.4em; margin-bottom: 0;}
.mobile .media-kits .kit-name img,
.mobile .kit-desc br { display: none;}
.mobile .kit-desc { font-size: 1.1em; width: 100%;}
.mobile #strategy.kit { background-position: 50% 0;}
.mobile #production.kit { background-position: 50% -577px;}
.mobile #amplification.kit { background-position: 50% -1154px;}
.mobile #measurement.kit { background-position: 50% -1740px;}
.mobile #monetisation.kit { background-position: 50% -2326px;}
.mobile #media.kit { padding: 0; height: 170px; width: 170px; position: absolute; bottom: -85px; left: 50%;
    margin: 0 0 0 -85px;}
/* if that's not enough */
.mobile #block-block-6 { height: auto;}
.mobile #block-block-6 .content { width: 80%; height: auto; padding-top: 100px; padding-bottom: 1px; }
.mobile #block-block-6 h2 { font-size: 1.5em; line-height: 1.2em; margin-bottom: 20px;}
.mobile #block-block-6 .services { width: 100%; height: auto;}
.mobile #block-block-6 .services .serv-link { float: none; display: block; width: 100%; margin-bottom: 20px;
    height: auto; padding: 0; font-size: 1.8em; line-height: 2.1em; height: 2.1em; }
/* front video */
.mobile #front-video { background: #fff; height: 130px; }
.mobile #front-video .content { width: 80%; height: 130px; padding: 0;}
.mobile #front-video h2 { font-size: 1.7em; line-height: 2em; margin-bottom: 0;}
.mobile #front-video .content iframe { width: 100%; height: 160px;}
/* under video */
.mobile #under-video { height: auto;}
.mobile #under-video .content { width: 100%; height: auto; padding: 140px 0 20px;}
.mobile #under-video .video-text { display: none;}
.mobile #under-video .video-benefits { width: 80%; height: auto;}
.mobile #under-video .benefit { float: none; height: auto; width: 100%; margin: 0 0 30px;}
.mobile #under-video .benefit-name { font-size: 2em; line-height: 1.4em; margin-bottom: 0; font-weight: bold;}
.mobile #under-video .benefit-text { font-size: 1.1em; margin-bottom: 0;}
/* map */
.mobile #mobile-contacts { width: 100%; padding: 40px 0 20px;}
.mobile #mobile-contacts .address { width: 80%; margin: 0 auto 20px; text-align: center;}
.mobile #mobile-contacts .city-name { border: 5px solid #FFED00; background: #fff; font-size: 1.8em; line-height: 1.8em;
    height: 1.8em; font-weight: bold; margin-bottom: 15px;}
.mobile #mobile-contacts .wrap-button { overflow: hidden; width: 100%;}
.mobile #mobile-contacts .phone { float: left; width: 45%; color: #FFED00; background: #292929; text-transform: uppercase;
    font-size: 1.6em; height: 1.8em; line-height: 1.8em; font-weight: bold;}
.mobile #mobile-contacts .map { float: right; width: 45%; color: #FFED00; background: #292929; text-transform: uppercase;
    font-size: 1.6em; height: 1.8em; line-height: 1.8em; font-weight: bold;}
.mobile #map,
.mobile #reviews,
.mobile #awards,
.mobile #block-block-12 { display: none;}
/* ========================================= front page ========================================= */



/* ========================================= page work ========================================= */
.mobile .page-work .pageArea { background: #fff;}
.mobile .page-work .highlightedArea .tag-filter { display: none;}
.mobile .page-work #block-system-main .view-work { width: 100%;}
.mobile .page-work #block-system-main .view-work .view-content { width: 80%; margin: 0 auto 30px;}
.mobile .page-work #block-system-main .view-work .views-row.views-row-last { height: auto; margin-bottom: 0;}
.mobile .page-work #block-system-main .view-work .views-row.views-row-last a.views-more { background: none; border-width: 3px;
    padding: 0; text-align: center; font-size: 1.8em; line-height: 1.8em; height: 2em; width: 100%; box-sizing: border-box;
    margin-bottom: 0; z-index: 10;}
.mobile .page-more-work .pageArea { background: #fff;}
.mobile .page-more-work .highlightedArea .tag-filter { display: none;}
.mobile .page-more-work #block-system-main .view-work { width: 100%;}
.mobile .page-more-work #block-system-main .view-work .view-content { width: 80%; margin: 0 auto 30px;}
.mobile .page-more-work #block-system-main .view-work .views-row.views-row-last { height: auto; margin-bottom: 0;}
.mobile .page-more-work #block-system-main .view-work .views-row.views-row-last a.views-more { background: none; border-width: 3px;
    padding: 0; text-align: center; font-size: 1.8em; line-height: 1.8em; height: 2em; width: 100%; box-sizing: border-box;
    margin-bottom: 0; z-index: 10;}
.mobile .wrap-select-filter { width: 80%; margin: 30px auto 20px; position: relative; overflow: hidden;}
.mobile .wrap-select-filter .form-type-select { margin: 0;}
.mobile .wrap-select-filter .select-filter-border { height: 60px; width: 1px; position: absolute; background: #292929;
    top: 44px; right: 59px;}
.mobile .wrap-select-filter .arrow-down { width: 0; height: 0; border-left: 12px solid transparent;
    border-right: 12px solid transparent; border-top: 12px solid #292929; position: absolute; top: 70px; right: 18px;
    margin: 0;}
.mobile .wrap-select-filter label { font-size: 1.5em; padding-top: 3px;}
.mobile .wrap-select-filter select { border: none; width: 120%; height: 60px; background: #FFED00; font-size: 1.5em;
    padding-left: 20px; margin-top: 20px; font-weight: bold;
    -webkit-appearance: none;
    -webkit-border-radius:0;
    border-radius:0;}
.mobile .wrap-select-filter .ajax-progress-throbber { position: absolute; top: 5px; right: 0;}
.mobile .page-work #sexy-statistics,
.mobile .page-work #awards,
.mobile .page-work #block-block-12,
.mobile .page-work #get-in-touch { display: none;}
.mobile .page-work #callback,
.mobile .page-more-work #sexy-statistics,
.mobile .page-more-work #awards,
.mobile .page-more-work #block-block-12,
.mobile .page-more-work #get-in-touch { display: none;}
.mobile .page-more-work #callback,
.mobile .page-node-73 #callback,
.mobile .node-type-mediakits #callback,
.mobile .node-type-article #callback { display: block; height: auto; width: 100%;}
.mobile .page-work #callback .content,
.mobile .page-more-work #callback .content,
.mobile .page-node-73 #callback .content,
.mobile .node-type-mediakits #callback .content,
.mobile .node-type-article #callback .content { width: 80%; height: auto; }
.mobile .node-type-mediakits #callback .content,
.mobile .node-type-article #callback .content { padding: 25px 0;}
.mobile .page-work #callback h2,
.mobile .page-more-work #callback h2,
.mobile .page-node-73 #callback h2 { font-size: 1.8em; margin-bottom: 0;}
.mobile .node-type-mediakits #callback h2,
.mobile .node-type-article #callback h2 { font-size: 1.6em; margin-bottom: 0;}
.mobile .page-work #callback .webform-component-markup,
.mobile .page-more-work #callback .webform-component-markup,
.mobile .page-node-73 #callback .webform-component-markup,
.mobile .node-type-mediakits #callback .webform-component-markup,
.mobile .node-type-article #callback .webform-component-markup { margin-top: 0;}
.mobile .page-work #callback .webform-component-textfield,
.mobile .page-more-work #callback .webform-component-textfield,
.mobile .page-node-73 #callback .webform-component-textfield,
.mobile .node-type-mediakits #callback .webform-component-textfield,
.mobile .node-type-article #callback .webform-component-textfield,
.mobile .page-work #callback .webform-component-email,
.mobile .page-more-work #callback .webform-component-email,
.mobile .page-node-73 #callback .webform-component-email,
.mobile .page-node-73 #callback .webform-component-checkboxes,
.mobile .page-node-73 #callback .webform-component-select,
.mobile .node-type-mediakits #callback .webform-component-email,
.mobile .node-type-article #callback .webform-component-email,
.mobile .page-work #callback .webform-component-phone,
.mobile .page-more-work #callback .webform-component-phone,
.mobile .page-node-73 #callback .webform-component-phone,
.mobile .node-type-article #callback .webform-component-phone,
.mobile .page-node-73 #callback .webform-component-textarea { float: none; width: 100%;}
.mobile .page-work #callback label,
.mobile .page-more-work #callback label,
.mobile .page-node-73 #callback label,
.mobile .node-type-mediakits #callback label,
.mobile .node-type-article #callback label { float: none; width: 100%; font-weight: bold; font-size: 1.2em;}
.mobile .page-work #callback .webform-component-textfield input,
.mobile .page-more-work #callback .webform-component-textfield input,
.mobile .page-work #callback .webform-component-email input,
.mobile .page-more-work #callback .webform-component-email input,
.mobile .page-work #callback .webform-component-phone input,
.mobile .page-more-work #callback .webform-component-phone input,
.mobile .page-work #callback .webform-component-select select,
.mobile .page-more-work #callback .webform-component-select select,
.mobile .node-type-article #callback .webform-component-textfield input,
.mobile .node-type-article #callback .webform-component-email input,
.mobile .node-type-article #callback .webform-component-checkboxes input,
.mobile .node-type-article #callback .webform-component-select select,
.mobile .page-node-73 #callback .webform-component-textfield input,
.mobile .page-node-73 #callback .webform-component-email input,
.mobile .page-node-73 #callback .webform-component-phone input,
.mobile .page-node-73 #callback .webform-component-select select,
.mobile .node-type-mediakits #callback .webform-component-textfield input,
.mobile .node-type-mediakits #callback .webform-component-select select,
.mobile .node-type-mediakits #callback .webform-component-email input { float: none; width: 100%; padding: 0 0 0 10px; height: 43px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius:0;
    border-radius:0;}
.mobile .page-work #callback .form-actions,
.mobile .page-more-work #callback .form-actions,
.mobile .page-node-73 #callback .form-actions,
.mobile .node-type-mediakits #callback .form-actions,
.mobile .node-type-article #callback .form-actions { float: none; width: 100%;}
.mobile .page-work #callback .form-actions .form-submit,
.mobile .page-more-work #callback .form-actions .form-submit,
.mobile .page-node-73 #callback .form-actions .form-submit,
.mobile .node-type-mediakits #callback .form-actions .form-submit,
.mobile .node-type-article #callback .form-actions .form-submit { float: none; width: 100%; height: 60px; padding: 0;
    font-size: 1em; font-weight: bold; text-align: center;
    -webkit-appearance: none;
    -webkit-border-radius:0;
    border-radius:0;}
.mobile #callback .error-hint { position: static;}
.mobile .page-node-73 #callback .webform-component-textarea { margin: 0 0 60px; position: static;}
.mobile #callback .webform-component-textarea textarea { float: none; width: 100%!important;}
.mobile .page-node-73 #callback .content { padding-bottom: 25px;}
.mobile #callback .form-actions .status-hint { position: static;}

.mobile .contact-photo img {
    width: 50px;
    height: 50px;
}

.mobile #webform-client-form-75 .form-checkboxes,
.mobile #webform-client-form-370 .form-checkboxes,
.mobile #webform-client-form-89 .form-checkboxes {
    width: 100%;
}

.mobile #callback .webform-component-checkboxes {
    width: 100%;
}

/* ========================================= page work ========================================= */



/* ========================================= page about ========================================= */
.mobile .page-node-2 #block-block-8 { width: 90%; margin: auto; background-position: 0 -915px; padding-top: 10px;
    height: auto;}
.mobile .page-node-2 #block-block-8 h2 { font-size: 1.45em; line-height: 1.2em; letter-spacing: 0; margin-bottom: 10px;}
.mobile .page-node-2 #block-block-8 p { font-size: 1.1em; line-height: 1.1em;}
.mobile .page-node-2 #block-block-8 p br { display: none;}
.mobile .view-timeline { display: none;}
.mobile .page-node-2 #block-block-9 { background: #fff;}
.mobile .page-node-2 #block-block-9 .content { width: 80%; padding-top: 100px;}
.mobile .page-node-2 #block-block-9 .content .column-right,
.mobile .page-node-2 #block-block-9 .content .column-left,
.mobile .page-node-2 #block-block-9 .content .column-center { float: none; margin: 0 0 30px;}
.desktop .page-node-2 #block-block-9 .mobile-block-2,
.tablet .page-node-2 #block-block-9 .mobile-block-2,
.mobile .page-node-2 #block-block-9 .desktop-block-1,
.mobile .page-node-2 #block-block-9 .quote{ display: none;}
.mobile .page-node-2 #block-block-9 .column-1,
.mobile .page-node-2 #block-block-9 .column-2 { width: 100%;}
.mobile #block-block-9 h2 { font-size: 1.7em; line-height: 1.3em; text-align: center;}
.mobile #block-block-7,
.mobile #block-block-11 { height: auto;}
.mobile #block-block-7 .content { width: 80%; height: auto; padding-top: 110px; padding-bottom: 1px;}
.mobile #block-block-11 .content { width: 80%; height: auto; padding-top: 30px; padding-bottom: 60px;}
.mobile #block-block-7 .reasons-head,
.mobile #block-block-11 .reasons-head { float: none; width: 100%; padding: 10px 0; box-sizing: border-box; border-width: 3px;
    text-align: center; height: auto;}
.mobile #block-block-7 .reasons-head h2,
.mobile #block-block-11 .reasons-head h2 { font-size: 1.8em; line-height: 1.2em;}
.mobile #block-block-7 .reason,
.mobile #block-block-11 .reason { float: none; width: 100%; height: auto; margin: 0 0 40px; padding: 0; text-align: center;}
.mobile #block-block-7 .reason#friend,
.mobile #block-block-7 .reason#doers,
.mobile #block-block-11 .reason#friend,
.mobile #block-block-11 .reason#doers { margin: 0 0 40px; height: auto; padding: 0;}
.mobile .peace-carrots { position: absolute; top: -60px; left: 50%; margin-left: -73px;}
.mobile .reason-name { font-size: 2em;}
.mobile .reason-desc { font-size: 1.1em;}
/* ========================================= page about ========================================= */



/* ========================================= page crew ========================================= */
.mobile .page-crew .hello { display: none;}
.mobile .view-crew { padding: 10px 0 30px;}
.mobile .view-crew .view-content { width: 80%; margin: auto; overflow: hidden;}
.mobile .view-crew .views-row { width: 50%; height: auto;}
.mobile .view-crew .views-row .photo { height: inherit; position: relative; overflow: hidden;}
.mobile .view-crew .views-row img { width: 100%; height: auto;}
.mobile .view-crew .views-row a.hover .hover-inner { z-index: 0; padding: 0!important; width: 100%; background: none; display: inline;
    vertical-align: middle;
    margin: auto;}
.mobile .view-crew .views-row a.hover .position { margin: 0; font-size: 0.9em; line-height: 1em; min-height: 0;
    min-width: 100%; text-align: center; padding: 20px 0 10px;}
.mobile .view-crew .views-row-1 { border: 3px solid #FFED00; box-sizing: border-box;}
.mobile .view-crew .views-row-1 .photo { display: table-cell; vertical-align: middle; height: inherit; width: 100%; top: -3px;}
.mobile .crew-first-element { width: auto; height: auto; border: none; margin-left: 10px;
    font-size: 1.3em; line-height: 1.1em; padding: 0; display: block;}
.mobile .view-crew .photo a.crew-last-element { padding: 0; font-size: 1.3em; line-height: 1.1em; width: 100%; height: inherit;
    border-width: 3px; box-sizing: border-box; background-image: none; display: table-cell; vertical-align: middle;}
.mobile .view-crew .photo a.crew-last-element > div { margin-left: 10px; width: auto;}
.mobile .page-crew #block-block-7 .content { padding: 30px 0 70px;}
.mobile #crew-profile-video { height: auto; width: 100%;}
.mobile #crew-profile-video .content { width: 80%; height: auto;}
.mobile #crew-profile-video .views-row { width: 100%; float: none; margin-bottom: 30px;}
.mobile #crew-profile-video .views-row.views-row-2 { margin-left: 0; margin-right: 0;}
.mobile #crew-profile-video .video { width: 100%; height: auto; border-width: 3px; box-sizing: border-box; margin-bottom: 20px;
    overflow: hidden;}
.mobile #crew-profile-video .video img { width: 100%; height: auto; transform: scale(1.1); -webkit-transform: scale(1.1);}
.mobile #crew-profile-video .views-row .hover { width: 65px; height: 40px; background-position: 0 0; top: 50%; left: 50%;
    margin: -20px 0 0 -32px; z-index: 1;}
.mobile #crew-profile-video h3 { font-size: 2em; line-height: 1.5em; margin-bottom: 0;}
.mobile #crew-profile-video .descr { font-size: 1.1em; line-height: 1em;}
.mobile #jobs { width: 100%; }
.mobile .page-crew #jobs,
.mobile .node-type-crew-profile #jobs { margin-top: -70px;}
.mobile #jobs .jobs-content { width: 80%;}
.mobile #job-block { width: 100%; float: none; border-width: 3px; box-sizing: border-box; padding: 10px 0;
    margin: 0; height: auto; text-align: center; font-size: 0.9em;}
.mobile #job-block h2 { font-size: 25px; line-height: 1.2em; margin: 0 0 10px; padding-right: 0;}
.mobile #job-block .content div { padding-right: 0;}
.mobile .current-job { width: 100%; float: none; font-size: 1em; margin: 30px 0 10px; line-height: 1em;
    font-weight: bold;}
.mobile .view-careers .view-content { width: 100%; float: none;}
.mobile .view-careers h2 { font-size: 1.4em; line-height: 1.4em;}
.mobile .view-careers .ui-state-active,
.mobile .view-careers .ui-widget-content .ui-state-active,
.mobile .view-careers .ui-widget-header .ui-state-active,
.mobile .view-careers .ui-state-default,
.mobile .view-careers .ui-widget-content .ui-state-default,
.mobile .view-careers .ui-widget-header .ui-state-default { padding: 10px 0; border-width: 3px 0 0 0;}
.mobile .view-careers .views-row-1 .ui-accordion-content { padding-bottom: 0;}
.mobile .view-careers .read-more a { width: 100%; text-align: center; padding: 3px 0 0; font-size: 1.8em; line-height: 2em;}
.mobile .page-crew .bottom-sliders { display: none;}
.mobile .view-crew .views-row a.hover { display: none; }
/* ========================================= page crew ========================================= */



/* ========================================= page crew profile ========================================= */
.mobile .node-type-crew-profile .highlightedArea { position: relative; background-color: #000;}
.mobile .node-type-crew-profile .highlightedArea .content-top .header-text { width: 90%; margin: auto; font-size: 25px;}
.mobile .node-type-crew-profile .switch { top: 270px; width: 25px; height: 50px; background-size: cover;}
.mobile .node-type-crew-profile .switch.next { background-position: 0 -224px;}
.mobile .node-type-crew-profile .switch.prev:hover { background-position: 0 0;}
.mobile .node-type-crew-profile .switch.next:hover { background-position: 0 -337px;}
.mobile .node-type-crew-profile .pageArea .region-content { padding-top: 0;}
.mobile .node-type-crew-profile .node-crew-profile { padding: 0 0 30px; height: auto; width: 100%; background: #292929;}
.mobile .node-type-crew-profile .field-name-field-image { position: static; margin-bottom: 20px;}
.mobile .node-type-crew-profile .field-name-field-image img { width: 100%; height: auto;}
.mobile .node-type-crew-profile .field-name-field-profile-header { float: none; position: static; width: 80%; margin: 20px auto;
    font-size: 1.6em; line-height: 1.1em;}
.mobile .node-type-crew-profile .field-name-field-text1 { float: none; position: static; width: 80%; margin: auto; margin-bottom: 20px;}
.mobile .node-type-crew-profile .field-name-field-social-network-link { float: none; position: static; width: 80%; margin: auto;}
.mobile .node-type-crew-profile .field-name-field-social-network-link a { font-size: 1.4em; font-weight: bold; line-height: 1.6em;}
.mobile .node-type-crew-profile .field-name-articles-by-author { float: none; position: static; width: 80%; margin: auto;}
.mobile .node-type-crew-profile .field-name-articles-by-author a { float: none; width: 100%; padding: 0; font-size: 1em;
    height: 3em; line-height: 3em; text-align: center; font-weight: bold;}
.mobile .node-type-crew-profile .field-name-carpe-diem { display: none;}
.mobile .node-type-crew-profile .crew-profile-decription { background: #fff; width: 80%; margin: 30px auto 0;}
.mobile .node-type-crew-profile .field-name-field-3-columns-text { padding: 0px;}
.mobile .node-type-crew-profile .field-name-field-3-columns-text .content { width: 100%;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;}
.mobile .node-type-crew-profile .field-name-field-description-title .content { width: 100%;}
.mobile .node-type-crew-profile .field-name-field-description-title .content .field-item { font-size: 1.4em; width: 100%;
    line-height: 1.1em; margin-bottom: 30px;}
.mobile .node-type-crew-profile #block-block-7 .content { padding: 30px 0 70px;}
.mobile .node-type-crew-profile .bottom-sliders { display:  none;}
.mobile .node-type-crew-profile .field-name-field-description-title { display: none;}
/* ========================================= page crew profile ========================================= */



/* ========================================= page job ========================================= */
.mobile .node-type-job.not-front .highlightedArea { height: auto;}
.mobile .node-type-job.not-front .field-name-job-static-block { float: none; width: 80%; margin: 0 auto 20px; height: auto;}
.mobile .node-type-job.not-front .field-name-title { float: none; width: 80%; margin: 20px auto; text-align: center;}
.mobile .node-type-job.not-front .field-name-title h2 { font-size: 1.6em;}
.mobile .node-type-job.not-front .field-name-field-job-details { float: none; width: 80%; margin: 20px auto;}
.mobile .node-type-job.not-front .field-name-apply-with-linked-in { width: 100%; display: none;}
.mobile .node-type-job #job-sharers { width: 100%; height: 70px;}
.mobile .node-type-job #job-sharers .content { width: 80%; margin: auto;}
/* ========================================= page job ========================================= */



/* ========================================= page intel ========================================= */
.mobile .page-intel .pageArea { padding-top: 30px;}
.mobile .page-intel .wrap-select-filter { margin-top: 0;}
.mobile .page-intel #block-system-main .view-blog { float: none; width: 100%;}
.mobile .page-intel #block-system-main .view-blog .view-content { width: 80%; margin: auto;}
.mobile .page-intel #block-system-main .view-blog .views-row.views-row-5 { display: none;}
.mobile .page-intel #block-system-main .view-blog .views-row.views-row-last,
.mobile .page-intel #block-system-main .view-blog .views-row.views-row-last > .thumb { height: auto;}
.mobile #block-system-main .view-blog .views-row.views-row-last a.views-more { background: #fff; float: none; text-align: center;
    width: 100%; padding: 0; border-width: 3px; box-sizing: border-box; font-size: 1.8em; line-height: 1.8em; height: 2em;
    margin-bottom: 20px;}
/* ========================================= page intel ========================================= */



/* ========================================= page article ========================================= */
.mobile .node-type-article .headerArea { background: #000; height: auto;}
.mobile .node-type-article .header-top { height: auto;}
.mobile .node-type-article .menu-more { background-position: 0 4px;}
.mobile .node-type-article .highlightedArea { display: none;}
.mobile .node-type-article.not-front .blog-top { height: auto; padding-bottom: 20px;}
.mobile .node-type-article.not-front .blog-top .content { width: 80%; height: auto; background: none; padding-bottom: 10px;}
.mobile .node-type-article.not-front h1#page-title { font-size: 1.6em; line-height: 1.2em; margin-bottom: 10px; text-align: left;}
.mobile .node-type-article.not-front .article-summary { font-size: 1em; text-align: left;}
.mobile .post-content { width: 100%; margin: 0;}
.mobile .post-left { float: none; width: 100%; margin: 0;}
.mobile .node-type-article.not-front .post-left .field-name-field-image,
.mobile .node-type-article.not-front .field-name-field-image { width: 80%; height: auto; margin: auto;}
.mobile .node-type-article.not-front .post-left .field-name-field-image img,
.mobile .node-type-article.not-front .field-name-field-image img { width: 100%; height: auto;}
.mobile .node-type-article.not-front .field-name-field-author { width: 80%; height: auto; padding: 10px; box-sizing: border-box;
    margin: 0 auto 5px}
.mobile .node-type-article.not-front .field-name-field-author .field-name-field-image,
.mobile .node-type-article.not-front .field-name-field-author .field-name-field-image img { width: 50px; height: auto;
    margin-right: 0px;}
.mobile .node-type-article.not-front .wrap-author { float: right; width: 80%;}
.mobile .node-type-article.not-front .field-name-post-by-author { float: none; width: auto; font-size: 1em;}
.mobile .node-type-article.not-front .field-name-field-description-title { float: none; width: auto; font-size: 0.9em;}
.mobile .node-type-article.not-front .field-name-more-post-by { float: none; width: auto;}
.mobile .node-type-article.not-front .field-name-more-post-by a { display: inline; background: none; padding: 0; font-size: 1em;}
.mobile .node-type-article.not-front .pageArea .post-left .field-name-post-sharers,
.mobile .node-type-article.not-front .pageArea .field-name-post-sharers { width: 80%; height: auto; float: none;
    margin: 0 auto 25px;}
.mobile .node-type-article.not-front .wrap-tag-date { width: 80%; margin: auto;}
.mobile .node-type-article.not-front .field-name-field-tags { font-size: 1em;}
.mobile .node-type-article.not-front .field-name-post-date { font-size: 1em;}
.mobile .node-type-article.not-front .post-left .field-name-body,
.mobile .node-type-article.not-front .field-name-body { width: 80%; margin: auto;}
.mobile .node-type-article.not-front .pageArea .sharers,
.mobile .node-type-job.not-front #job-sharers .sharers { width: 100%; height: 70px; background-color: #040205; font-size: 20px;}
.mobile .node-type-article.not-front .pageArea .field-name-post-sharers .sharer,
.mobile .node-type-article.not-front #post-sharers-bottom .sharer,
.mobile .node-type-job.not-front #job-sharers .sharers .sharer { box-sizing: border-box; text-align: center;}
.mobile .node-type-article.not-front .pageArea .post-left .field-name-post-sharers #post-sharers .sharers a.sharer,
.mobile .post-left #post-sharers-bottom .sharers .sharer,
.mobile .node-type-article.not-front .pageArea .field-name-post-sharers #post-sharers .sharers .sharer,
.mobile #post-sharers-bottom .sharers .sharer,
.mobile .node-type-article.not-front .pageArea .sharers .sharer#sh-m,
.mobile .node-type-job.not-front #job-sharers .sharers .sharer { width: 16%; padding: 40px 0 0; height: 100%;}
.mobile #post-sharers .sharers .sharer#post-cm,
.mobile .post-left #post-sharers-bottom .sharers .sharer#sh-h,
.mobile #post-sharers-bottom .sharers .sharer#sh-h,
.mobile .node-type-job.not-front #job-sharers .sharer#sh-h { width: 36%; background: none; padding: 0; color: #fff;
    font: 0.9em/1.1em "Arial Black"; text-transform: uppercase;}
.mobile #post-sharers .sharers .sharer#post-cm:before,
.mobile .node-type-job.not-front #job-sharers .sharer#sh-h:before { content: "share this"; display: table-cell; vertical-align: middle;
    height: 70px; width: inherit;}
.mobile #post-sharers .sharers .sharer#post-fb,
.mobile .post-left #post-sharers-bottom .sharers .sharer#sh-fb,
.mobile #post-sharers-bottom .sharers .sharer#sh-fb,
.mobile .node-type-job.not-front #job-sharers .sharer#sh-fb{ background: url("images/mobile-sharer-fb.png") no-repeat 50% 10px/10px auto;}
.mobile #post-sharers .sharers .sharer#post-tw,
.mobile .post-left #post-sharers-bottom .sharers .sharer#sh-tw,
.mobile #post-sharers-bottom .sharers .sharer#sh-tw,
.mobile .node-type-job.not-front #job-sharers .sharer#sh-tw{ background: url("images/mobile-sharer-tw.png") no-repeat 50% 12px/22px auto;
    border-right: 1px solid #5c5c5c;}
.mobile #post-sharers .sharers .sharer#post-gp,
.mobile .post-left #post-sharers-bottom .sharers .sharer#sh-gp,
.mobile #post-sharers-bottom .sharers .sharer#sh-gp,
.mobile .node-type-job.not-front #job-sharers .sharer#sh-gp { background: url("images/mobile-sharer-gp.png") no-repeat 50% 11px/22px auto;}
.mobile #post-sharers .sharers .sharer#post-m,
.mobile .post-left #post-sharers-bottom .sharers .sharer#sh-m,
.mobile #post-sharers-bottom .sharers .sharer#sh-m,
.mobile .node-type-job.not-front #job-sharers .sharer#sh-m { border-right: none; padding-top: 0; background: url("images/mobile-sharer-mail.png") no-repeat 50% 50%/34px auto;}
.mobile #post-sharers .sharers .sharer#post-p,
.mobile .post-left #post-sharers-bottom .sharers .sharer#sh-p,
.mobile #post-sharers-bottom .sharers .sharer#sh-p,
.mobile .node-type-job.not-front #job-sharers #sh-p { display: none;}
.mobile #post-sharers-bottom { background-color: #040205; }
.mobile #post-sharers-bottom .content { width: 80%; margin: auto; height: 70px;}
.mobile #post-sharers-bottom .sharers { margin-bottom: 0; width: 100%;}
.mobile .post-left #post-sharers-bottom .sharers .sharer#sh-h,
.mobile #post-sharers-bottom .sharers .sharer#sh-h { text-align: center; font-size: 0.7em;}
.mobile .post-left #post-sharers-bottom .sharers .sharer#sh-h span,
.mobile #post-sharers-bottom .sharers .sharer#sh-h span { height: 70px; display: table-cell; vertical-align: middle;}
.mobile .post-right { float: none; width: 100%; margin-top: 55px;}
.mobile .node-type-article .view-blog { width: 80%; margin: auto;}
.mobile .node-type-article .view-blog.view-display-id-block_2 { margin-bottom: 50px;}
.mobile .node-type-article .view-blog.view-display-id-block_2 .views-row-last { margin-bottom: 0;}
.mobile .node-type-article .view-blog .view-header { border-bottom: 3px solid #FFED00; height: 1.5em; margin-bottom: 20px;}
.mobile .node-type-article .view-blog.view-display-id-block_3 .view-header { border-color: #292929;}
.mobile .post-right h2,
.mobile .node-type-article .view-blog .view-header h2 { border: none; padding: 0 10px 0 0; margin: 0; width: auto;
    font-size: 1.8em; background: #fff; display: inline-block;}
.mobile .node-type-article.not-front .view-blog .views-row { float: none; width: 100%; height: auto;}
.mobile .node-type-article.not-front .post-bottom .view-blog .views-row.views-row-2 { margin: 0 0 30px;}
.mobile .node-type-article.not-front .view-blog .views-row .teaser { font-size: 1em; display: none;}
.mobile .node-type-article.not-front .view-blog .views-row .readmore a { display: none;}
.mobile .post-bottom .view-content { margin-bottom: 0px;}
.mobile #disqus_thread { width: 80%; margin: auto;}
/* ========================================= page article ========================================= */



/* ========================================= page contacts ========================================= */
.mobile .page-node-73 .node-page { width: 80%; margin: auto;}
.mobile .page-node-73 #contacts-data { float: none; width: 100%; margin: 25px 0 0;}
.mobile #contacts-data .department { overflow: hidden; border-width: 3px;}
.mobile #contacts-data h3 { font-size: 1.6em;}
.mobile #contacts-data .contact-photo { float: left; width: 50px; height: 50px; background-size: 146% auto;}
.mobile #contacts-data .contact-info { width: 70%;}
.mobile #contacts-data .contact-info a { font-size: 0.8em;}
.mobile .contact-photo#rp { background-position: 0 -197px;}
.mobile .contact-photo#ga { background-position: 0 -98px;}
.mobile .contact-photo#am,
.mobile .contact-photo#cw { background-position: 0 -298px;}
.mobile #contacts-data .department.last { border-bottom: 3px solid #292929;}
.mobile .page-node-73 #content-rocks { display: none;}
/* ========================================= page contacts ========================================= */



/* ========================================= page media kits ========================================= */
.mobile .page-media-kits.not-front .highlightedArea { background: #000;}
.mobile #block-system-main .view-mediakits { width: 80%; float: none; margin: auto;}
.mobile #block-system-main .view-mediakits .view-header { margin-bottom: 30px;}
.mobile #block-system-main .view-mediakits .view-content { width: 100%; margin-bottom: 30px;}
.mobile #block-system-main .view-mediakits .views-row { float: none; width: 100%; margin-right: 0; margin-left: 0;
    height: auto;}
/* ========================================= page media kits ========================================= */



/* ========================================= page node media kits ========================================= */
.mobile .node-mediakits { width: 80%; margin: auto;}
.mobile .node-type-mediakits .field-name-field-image { width: 100%; margin-bottom: 25px;}
.mobile .node-type-mediakits .field-name-field-image img { width: 100%; height: auto;}
/* ========================================= page node media kits ========================================= */



/* ========================================= page careers ========================================= */
.mobile .page-careers.not-front .highlightedArea { background: #000;}
.mobile .page-careers .view-careers { width: 80%; margin: auto;}
.mobile .page-careers .bottom-sliders { display: none;}
/*.mobile .page-careers .footerArea { margin-top: -70px;}*/
/* ========================================= page careers ========================================= */



/* ========================================= page more articles ========================================= */
.mobile .page-more-articles .highlightedArea { background: #000;}
.mobile .page-more-articles .articles-top { width: 80%; margin: auto; height: auto;}
.mobile .articles-top .author-block { float: none; width: 100%; border-width: 3px; box-sizing: border-box; margin: 40px 0 20px;
    padding: 10px; height: auto;}
.mobile .articles-top .author-block h2 { font-size: 1.8em; line-height: 1.2em; margin-bottom: 0;}
.mobile .articles-top .author-block div { display: none;}
.mobile .articles-top .author-block h3 {
    font-size: 20px;
    line-height: 25px;
}
.mobile .articles-top .view-morearticles { float: none; width: 100%;}
.mobile .articles-top .view-morearticles .views-row { height: 200px; margin-bottom: 20px; }
.mobile .articles-top .view-morearticles .views-row .thumb { height: 200px;}
.mobile .articles-top .view-morearticles .views-row .thumb a img { width: 100%; height: 200px;}
.mobile .articles-top .view-morearticles .views-row h4 {   position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    height: 195px;
    font-size: 22px;
    color: #fff;
    line-height: 25px;
    font-weight: normal;
    font-family: "Arial Black";
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
}


.mobile .articles-top .view-morearticles .views-row h4 a { display: table-cell;
    vertical-align: bottom;
    width: 246px;
    height: 175px;
    padding: 0 30px 20px 24px;
    color: #fff;
}
.mobile #block-system-main .view-morearticles { float: none; width: 80%; margin: auto;}
.mobile #block-system-main .view-morearticles .view-content { width: 100%; overflow: hidden;}
.mobile #block-system-main .view-morearticles .views-row.views-row-odd { float: left;}
.mobile #block-system-main .view-morearticles .views-row .thumb a img { width: 100%; height: 200px;}
.mobile #block-system-main .view-morearticles .views-row .thumb { height: 200px;}
.mobile .view-morearticles .views-row .thumb a img { width: 100%; height: 100px;}

.mobile #block-system-main .view-morearticles .views-row h4 {  top: 5px; }
/*
.mobile #block-system-main .view-morearticles .views-row h4 a { width: 100%; height: inherit; padding: 0 30px 10px 10px;
    font-size: 0.8em; line-height: 1em;}*/
.mobile #block-system-main .view-morearticles .view-footer { background: none;}
.mobile #block-system-main .view-morearticles .view-footer a.view-all { width: 100%; margin: 0 0 25px; background: #1e1e1e;
    padding: 0; font-size: 1.8em; line-height: 2em; height: 2em; color: #fff; font-weight: bold;}
/* ========================================= page more articles ========================================= */



/* ========================================= page services main ========================================= */
.mobile .not-front.node-type-services-with-main .highlightedArea .content-top h1 { font-size: 2em; padding-top: 40px;}
.mobile .node-type-services-with-main .pageArea .region-content { padding-top: 0;}
.mobile .node-type-services-with-main .add-services { background-color: #1e1e1e; padding-top: 30px;}
.mobile .node-type-services-with-main .add-services .content { width: 80%; margin: auto; padding: 0;}
.centeredServices {display: inline-block; }
.mobile .node-type-services-with-main .add-services .main-service { width: 100%; height: auto; float: none;
    border-width: 3px; box-sizing: border-box; padding: 10px 15px;}
.mobile .node-type-services-with-main .add-services .main-service h2,
.mobile .node-type-services-text .add-services .content h2 { font-size: 1.6em; line-height: 1.0em;
    margin-bottom: 15px;}
.mobile .node-type-services-with-main .add-services .service,
.mobile .node-type-services-text .add-services .service { float: none; width: 100%; height: auto; margin: 0 0 30px;
    padding: 0; text-align: center;}
.mobile .node-type-services-with-main .reason-name,
.mobile .node-type-services-text .add-services .reason-name { font-size: 1.6em; line-height: 1.4em; margin-bottom: 5px;}
.mobile .back-link { margin-bottom: 25px; }

/* ========================================= page services main ========================================= */


/* ========================================= page services text ========================================= */
.mobile .node-type-services-text .node-services-text,
.mobile .node-type-services-text .add-services .content { width: 80%; margin: auto;}
.mobile .not-front.node-type-services-text .highlightedArea .content-top h1 { font-size: 25px; line-height: 1.2em; padding-top: 70px;}
.mobile .node-type-services-text .node .content h2 { font-size: 2em; line-height: 1.2em;  margin-bottom: 30px;}
.mobile .node-type-services-text .node .content .service { float: none; width: 100%; height: auto; margin: 0 0 30px;
    padding: 0; text-align: center;}
.mobile .node-type-services-text .add-services .content h2 { line-height: 1.2em; margin-bottom: 20px;}
.mobile .node-type-services-text .node .content .service .reason-name { font-size: 1.6em; line-height: 1.4em;
    margin-bottom: 15px;}
/* ========================================= page services text ========================================= */


/* ========================================= page work details ========================================= */
.mobile .node-type-work.not-front .highlightedArea .content-top h1 { line-height: 1.2em;}
.mobile .node-type-work .pageArea .region-content { padding-top: 0;}
.mobile .node-type-work .node-work { background: none;}
.mobile .node-type-work .field-name-field-background { position: static; height: auto; overflow: hidden;}
.mobile .node-type-work .field-name-field-background .field-item { height: auto;}
.mobile .node-type-work .field-name-field-background img { width: auto; height: auto; max-height: 275px;}
.mobile .node-type-work .switch { top: 450px; width: 25px; height: 50px; background-size: cover; background-position: 0 0; z-index: 20; }
.mobile .node-type-work .switch.next { background-position: 0 -337px;}
.mobile .node-type-work .switch.prev:hover { background-position: 0 0;}
.mobile .node-type-work .switch.next:hover { background-position: 0 -337px;}
.mobile .node-type-work .field-name-field-project-image { position: static; width: 80%; margin: -40px auto 20px;}
.mobile .node-type-work .field-name-field-project-image .field-items { position: relative;}
.mobile .node-type-work .field-name-field-project-image img { width: 100%; height: auto;}
.mobile .node-type-work .node-work .field-name-field-description { padding: 0; width: 80%; margin: 20px auto 25px;}
.mobile .node-type-work .field-name-field-video { width: 80%; margin: -15px auto 25px; height: auto;}
.mobile .node-type-work .field-name-field-video iframe { width: 100%; height: auto; position: static; border-top-width: 4px;}

.mobile #work-sharers { display: none;}
/* ========================================= page work details ========================================= */

.mobile .page-careers .highlightedArea .content-top h1 {
    padding-top: 60px;
}


@media only screen
and (max-device-width : 780px)
and (orientation : portrait)  {
    .mobile .not-front .content-top h1 { font-size: 1.5em;}
    .mobile .not-front .content-top { font-size: 1em;}
    .mobile #block-block-3 h2,
    .mobile #job-block h2 { font-size: 1.22em; }
    .mobile .view-work.view-display-id-block_1 .view-header h2 { font-size: 1.7em; padding-left: 25px; padding-right: 25px;}
    .mobile #block-block-5 h2 { font-size: 1.5em;}
    .mobile #front-video h2 { font-size: 1.4em;}
    .mobile #under-video .benefit-name { font-size: 1.7em;}
    .mobile .page-node-2 #block-block-8 h2 { font-size: 1.2em;}
    .mobile .page-node-2 #block-block-8 p { font-size: 1em;}
    .mobile #block-block-9 h2 { font-size: 1.47em;}
    .mobile #block-block-7 .reasons-head h2 { font-size: 1.6em;}
    /*.mobile .crew-first-element { font-size: 1.1em; height: 112px;}*/
    .mobile .view-crew .views-row a.hover .position {   padding: 0px; }
    .mobile #crew-profile-video h3 { line-height: 1.1em;}
    .mobile .current-job { font-size: 0.8em;}
    .mobile .view-careers .read-more a { font-size: 1.6em; line-height: 1.8em;}
    .mobile .view-careers h2 { font-size: 1.2em;}
    .mobile .node-type-crew-profile .field-name-field-profile-header,
    .mobile .node-type-crew-profile .field-name-field-social-network-link a,
    .mobile .node-type-crew-profile .field-name-field-description-title .content .field-item { font-size: 1.2em;}
    .mobile .node-type-crew-profile .field-name-articles-by-author a { font-size: 0.8em;}
    .mobile .node-type-job .sharers .sharer#sh-tw { background-position: 0 -98px;}
    .mobile .node-type-job .sharers .sharer#sh-gp { background-position: 0 -182px;}
    .mobile .node-type-job .sharers .sharer#sh-m { background-position: 50% -253px;}
    .mobile .node-type-job .sharers .sharer#sh-p { background-position: 50% -346px;}
    .mobile .node-type-article.not-front h1#page-title { font-size: 1.5em;}
    .mobile .node-type-article.not-front .article-summary { font-size: 0.95em;}
    .mobile .node-type-article.not-front .wrap-author { width: 76%;}
    /*.mobile #post-sharers .sharers .sharer#post-tw,*/
    /*.mobile .post-left #post-sharers-bottom .sharers .sharer#sh-tw,*/
    /*.mobile #post-sharers-bottom .sharers .sharer#sh-tw { background-position: 0 -120px;}*/
    /*.mobile #post-sharers .sharers .sharer#post-gp,*/
    /*.mobile .post-left #post-sharers-bottom .sharers .sharer#sh-gp,*/
    /*.mobile #post-sharers-bottom .sharers .sharer#sh-gp { background-position: 0 -230px;}*/
    /*.mobile #post-sharers .sharers .sharer#post-m,*/
    /*.mobile .post-left #post-sharers-bottom .sharers .sharer#sh-m,*/
    /*.mobile #post-sharers-bottom .sharers .sharer#sh-m { background-position: 50% -230px;}*/
    .mobile .node-type-mediakits #callback h2 { font-size: 1.4em;}
    .mobile #block-system-main .view-morearticles .views-row h4 { top: 5px; }
    .mobile #block-system-main .view-morearticles .views-row h4 a { font-size: 0.7em; padding-bottom: 0;}
    .mobile #block-system-main .view-morearticles .views-row h4 a { font-size: 0.7em; padding-bottom: 0;}
    .mobile .articles-top .view-morearticles .views-row h4 a { font-size: 0.7em; padding-bottom: 0;}
    .mobile #block-system-main .view-morearticles .view-footer a.view-all { font-size: 1.6em;}
    .mobile .node-type-services-with-main .add-services .main-service h2 { font-size: 1.6em; line-height: 1.3em;}
    .mobile #block-system-main .view-morearticles .views-row { width: 100%; }
    /*.mobile .view-crew .views-row .photo a { height: 118px;}*/
    .mobile #block-views-blog-block-1 .views-row h4 { line-height: 1.2em;}
    .mobile #block-system-main .view-morearticles .views-row h4 { width: 100%; }
    .mobile .page-more-articles .highlightedArea .content-top h1 {
        padding-top: 45px;
    }
    .mobile .page-work #callback label, .mobile .page-node-73 #callback label, .mobile .node-type-mediakits #callback label, .mobile .node-type-article #callback label, 
    .mobile .page-more-work #callback label, .mobile .page-node-73 #callback label, .mobile .node-type-mediakits #callback label, .mobile .node-type-article #callback label 
    {
        font-size: 1em;
    }
}

@media print {
    nav.slide-menu-right { display: none;}
}

.someOfOurWork{
    text-align: center;
    margin-bottom: 33px;
}
.pageAreaDark{
    background: #1e1e1e !important;
}

.view-work.view-display-id-page .view-content:after{
    content: '';
    display: table;
    clear: both;
}

video {
    object-fit: cover; 
    object-position: top;
    background-color: #000000;
    width: 100% !important;
}

.hero-video{
    display: block;
}

img.work-play-btn, img.work-overview-play-btn{
    z-index: 10;
}