/* ========================================================================
   CUSTOM FONTS
 ========================================================================== */


@font-face {
font-family: 'CMBold';
src: url('../fonts/cm-bold-webfont.eot');
src: url('../fonts/cm-bold-webfont?#iefix') format('embedded-opentype'),
url('../fonts/cm-bold-webfont.woff') format('woff'),
url('../fonts/cm-bold-webfont.ttf') format('truetype'),
url('../fonts/cm-bold-webfont.svg#CMBold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'CMRegular';
src: url('../fonts/cm-regular-webfont.eot');
src: url('../fonts/cm-regular-webfont?#iefix') format('embedded-opentype'),
url('../fonts/cm-regular-webfont.woff') format('woff'),
url('../fonts/cm-regular-webfont.ttf') format('truetype'),
url('../fonts/cm-regular-webfont.svg#CMRegular') format('svg');
font-weight: normal;
font-style: normal;
}

/* GLOBAL */
.cm-content { margin:50px 0px;}
@media (min-width: 960px) {
body {background-position: center right; background-repeat: no-repeat;background-attachment: fixed;background-size: cover; background-color:#444444;}
body.homePage {background-image: url(../images/backgrounds/cm-creative-keyvisual-creative-land.jpg);}
body.form.meeting {background-image: url(../images/backgrounds/cm-creative-keyvisual-clock.jpg);}
body.form.order {background-image: url(../images/backgrounds/cm-creative-keyvisual-dart.jpg);}
body.expertise.marcom {background-image: url(../images/backgrounds/cm-creative-keyvisual-lighthouse.jpg);}
body.expertise.campaign {background-image: url(../images/backgrounds/cm-creative-keyvisual-space-balloon.jpg);}
body.expertise.fairs {background-image: url(../images/backgrounds/cm-creative-keyvisual-interior.jpg);}
body.expertise.film {background-image: url(../images/backgrounds/cm-creative-keyvisual-jockey.jpg);}
body.expertise.brand {background-image: url(../images/backgrounds/cm-creative-keyvisual-swimmer.jpg);}
body.expertise.web {background-image: url(../images/backgrounds/cm-creative-keyvisual-future.jpg);}
body.expertise.leadgen {background-image: url(../images/backgrounds/cm-creative-keyvisual-pendulum.jpg);}
body.expertise.social {background-image: url(../images/backgrounds/cm-creative-keyvisual-puzzle.jpg);}
body.agency.what {background-image: url(../images/backgrounds/cm-creative-keyvisual-sailing.jpg);}
body.agency.how {background-image: url(../images/backgrounds/cm-creative-keyvisual-super-creative.jpg);}
body.agency.where {background-image: url(../images/backgrounds/cm-creative-keyvisual-astronaut.jpg);}
body.agency.who,
body.credits {background-image: url(../images/backgrounds/cm-creative-keyvisual-walker.jpg);}
body.clients {background-image: url(../images/backgrounds/cm-creative-keyvisual-atom.jpg);}
body.casestudies {background-image: url(../images/backgrounds/cm-creative-keyvisual-plant.jpg);}
body.news {background-image: url(../images/backgrounds/cm-creative-keyvisual-kite.jpg);}
body.nextEvents {background-image: url(../images/backgrounds/cm-creative-keyvisual-binocular.jpg);}
body.contact {background-image: url(../images/backgrounds/cm-creative-keyvisual-chair.jpg);}
body.searchresults {background-image: url(../images/backgrounds/cm-creative-keyvisual-sphere.jpg);}
}

/* SEARCH */
#searchForm.uk-form.uk-margin-bottom .uk-panel.uk-panel-box {padding:0px;}
.searchresults .uk-margin-topsearchresults { background:#f7f7f7; padding:5px 10px; margin:15px 0px;}
.searchresults .uk-margin-topsearchresults .uk-badge.uk-badge-info { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight:600;}
.searchOrdering, .searchNresults { display:inline-block; margin-right:30px;}

/* PAGINAÇÃO */
#yoo-zoo .zoo-pagination { margin:20px 0 0 0; height:40px; overflow:hidden; text-align:left!important; }
#yoo-zoo .zoo-pagination div.pagination-bg {display: inline-block; cursor: pointer;}
#yoo-zoo .zoo-pagination a { text-decoration: none; display:inline-block; padding: 6px; border-bottom:2px solid #440077; line-height:23px; margin:0;}
#yoo-zoo .zoo-pagination a:hover,
#yoo-zoo .zoo-pagination span.pgActive {border-bottom:3px solid #ff4400; padding: 6px; color:#ff4400; line-height:23px; margin:0;}


/* MENU LEFT */
.tm-sidebar-nav ul.uk-navbar-nav li a.cm-sidemenutitle,
.tm-sidebar-nav ul.uk-navbar-nav li a.cm-sidemenutitle:hover,
.tm-sidebar-nav ul.uk-navbar-nav li a.cm-sidemenutitle:active,
.tm-sidebar-nav ul.uk-navbar-nav li a.cm-sidemenutitle:focus { color:#ffffff!important; display:inline-block!important; background:#440077!important; width:auto; padding:5px!important; cursor:default!important;}
.uk-navbar-nav > li > a.cm-purple { color:#440077!important;}
.uk-navbar-nav > li > a.cm-purple:hover { color:#ffffff!important;}

/* MENU RIGHT */
.tm-sidebar-b .homeMenuA .uk-nav-side > li > a { color: #ffffff; background:#440077; text-transform:uppercase; margin-bottom:1px; font-size:12px; line-height:12px; padding:5px 10px; border:none; outline:none;}
.tm-sidebar-b .homeMenuA .uk-nav-side > li.uk-active > a,
.tm-sidebar-b .homeMenuA .uk-nav-side > li > a:hover,
.tm-sidebar-b .homeMenuA .uk-nav-side > li > a:active,
.tm-sidebar-b .homeMenuA .uk-nav-side > li > a:focus,
.tm-sidebar-b .homeMenuA .uk-nav-side > li.uk-active > a:hover,
.tm-sidebar-b .homeMenuA .uk-nav-side li.uk-parent.uk-open > a {background:#ff4400;}
.tm-sidebar-b .homeMenuA .uk-nav-side ul.uk-nav-sub { padding:0px; }
.tm-sidebar-b .homeMenuA .uk-nav-side ul.uk-nav-sub > li > a {color: #440077; background:#ffffff; text-transform:uppercase; margin-bottom:1px; font-size:12px; line-height:12px; padding:4px 10px; outline:none; border:none;}
.tm-sidebar-b .homeMenuA .uk-nav-side ul.uk-nav-sub > li > a:hover,
.tm-sidebar-b .homeMenuA .uk-nav-side ul.uk-nav-sub > li > a:focus,
.tm-sidebar-b .homeMenuA .uk-nav-side ul.uk-nav-sub > li > a:active,
.tm-sidebar-b .homeMenuA .uk-nav-side ul.uk-nav-sub > li.uk-active > a,
.tm-sidebar-b .homeMenuA .uk-nav-side ul.uk-nav-sub > li.uk-active > a:hover { color:#ff4400; background:#e7e7e7;}

/* SOCIAL MEDIA */
.tm-sidebar-b .uk-panel.uk-panel-box.socialMedia {margin-top:20px; padding:0px;}
.tm-sidebar-b .uk-panel.uk-panel-box.socialMedia h3.uk-panel-title { color:#ffffff; font-size:12px; line-height:25px; margin-bottom:5px; text-transform:uppercase;}
.socialMedia ul.uk-nav { display:block; padding:0px 25px;}
.socialMedia ul.uk-nav li { width:38px; height:38px; margin:0 5px 5px 0; float:left;}
.socialMedia ul.uk-nav li:nth-child(3) { clear:left!important;}
.socialMedia ul.uk-nav li a.socMedia { display:block; padding:3px;}
.socialMedia ul.uk-nav li a.socMedia:hover { padding:0px; -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}

/* CONTENT AREA */
h1.ExtraBigTitle {color: #ffffff; font-size: 75px;  line-height: 73px; text-transform: uppercase;}
.tm-middle.uk-grid { margin-left:0px;}
.tm-content-container,
.tm-middle.uk-grid {height:100%;}
.homePage .tm-content-container,
.homePage .tm-middle.uk-grid {height:auto!important;}
.tm-main { padding-right:25px; padding-top:25px; background:rgba(255,255,255,0.85); color:#000000;}
.homePage .tm-main { background:rgba(255,255,255,0.00);}
 a.button,
 div.cm-button a { text-transform:uppercase;line-height:28px!important; padding: 0 12px; background:#440077; color:#ffffff; display:inline-block;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;font-size: 12px;text-decoration: none;}
 a.button:hover,
 div.cm-button a:hover {background:#ff4400;}
 h1.contentTitle,
.page-header h1 { text-transform:uppercase; font-size:50px; line-height:55px;}
 .contentHighlight { margin:25px 0;}
 .contentHighlight p { font-family:"CMRegular"; font-size:20px; line-height:25px!important; margin:0 0 0 10px!important; }
 .contentHighlight p span {box-shadow:10px 0 0 #440077, -10px 0 0 #440077; color:#ffffff; background:#440077; padding:3px 0; }
.contentText { font-size:14px; line-height:20px; margin-bottom:45px; }
.contentText p,
.contentText ul {margin:0 0 10px 0;}
.contentText li { list-style: none; }
.contentText li:before {content: "\f00c";font-family: FontAwesome; display:inline-block; font-size:12px; margin-left:-20px; width:20px;}
p.subtitlestext { font-family:"CMRegular"; font-size:16px; line-height:22px; margin:20px 0 10px 8px!important; }
p.subtitlestext span {box-shadow:8px 0 0 #440077, -8px 0 0 #440077; color:#ffffff; background:#440077; padding:2px 0; }
.socialMedia h3.uk-panel-title { font-family:"Open Sans"; color:#ffffff; font-size:14px; text-transform:uppercase; margin-bottom:5px; line-height:25px;}
.agencywho .teaserText p { margin-top:3px;}
.agencywho .teaserText p.agencyname, .agencywho .teaserText p.agencyfunction { margin-top:0;}
.pfClientDetails { width:80%;}
.pfClientDetails p { font-size:14px; line-height:22px!important; margin:0 0 0 10px!important; }
.pfClientDetails p span {box-shadow:10px 0 0 #440077, -10px 0 0 #440077; color:#ffffff; background:#440077; padding:3px 0; }
p.pfSubtitle { font-size:15px; color:#440077; font-family:"CMBold"; text-transform:uppercase; margin-bottom:5px; }
.pfTabDetails > div { margin-bottom:5px;}
.pfVideo, .pfGallery { display:block; margin:25px 0px 25px -25px;}
.pfBackButton { margin:20px 0;}
.tab-pane ul,
.pfLines ul { padding-left:0px; list-style:none;}
.pfLines ul { margin-top:0px;}
.tab-pane ul li { padding-left:15px; margin-bottom:3px; }
.pfLines ul li { padding-left:15px; margin-bottom:0px; }
.tab-pane ul li:before,
.pfLines ul li:before { content: "\f054"; font-family: "FontAwesome"; font-style: normal; font-weight: normal; text-decoration: inherit; color: #440077; font-size: inherit; display:inline-block; width:15px; margin-left:-15px;}
input.button{ -webkit-appearance: none; border:none; outline:none; overflow: visible;background:#440077; color:#ffffff; cursor:pointer; box-sizing: border-box;  padding: 0 12px;  vertical-align: middle;line-height: 28px; min-height: 28px;font-size: 12px;text-decoration: none;text-align: center; font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-weight: 400; text-transform: uppercase; -webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
input.button:hover { background:#ff4400;}
.filterCategory { display:block; margin-bottom:15px;}
.filterCategory .uk-nav ul.nav-child { padding-left:0;}
.filterCategory .uk-nav ul.nav-child li {display:inline-block;}
.filterCategory .uk-nav ul.nav-child li > a { font-size:12px; text-transform:uppercase; padding:3px 15px; margin-right:2px; margin-bottom:2px; background:#440077; color:#ffffff; display: inline-block;}
.filterCategory .uk-nav ul.nav-child li.active > a,
.filterCategory .uk-nav ul.nav-child li > a:hover,
.portfolio .homeMenuA .uk-nav > li > a.portfolioCaseStudies  { background:#ff4400;}
.tab-content h2.nn_tabs-title { display:none;}
.nn_tabs > .nav { border:none;}
.nn_tabs .nav-tabs > li > a { background:#ffffff; font-size: 13px;font-weight: bold;line-height: 18px;margin-right: 5px;padding: 5px 20px; outline:none;}
.nn_tabs > ul.nav-tabs > li > a {color: #440077;line-height: inherit;text-decoration: none;transition-duration: 0.2s;}
.nn_tabs .nav-tabs > li.active > a, .nn_tabs .nav-tabs > li.active > a:hover { background-color: #440077; border-bottom-color: transparent; color: #ffffff; cursor: default;}

/* LANGUAGE AND SEARCH */
.tm-top-a { text-align:right; }
.tm-top-a .uk-panel.langSwitch,
.tm-top-a .uk-panel.homeSearch { display:inline-block; margin-top:0px;}
.tm-top-a .uk-panel.langSwitch div.mod-languages.langSwitch li { margin:0px 1px 0px 0px; height:25px;}
.tm-top-a .uk-panel.langSwitch div.mod-languages.langSwitch ul.lang-inline li { display:inline-block; float:left;}
.tm-top-a .uk-panel.langSwitch div.mod-languages.langSwitch li a { background: #440077 none repeat scroll 0 0; color: #ffffff; display: inline-block;font-size: 12px;height: 25px;line-height: 25px;margin: 0; padding: 0 8px; }
.tm-top-a .uk-panel.langSwitch div.mod-languages.langSwitch li a:hover,
.tm-top-a .uk-panel.langSwitch div.mod-languages.langSwitch li.lang-active a,
.tm-top-a .uk-panel.langSwitch div.mod-languages.langSwitch li.lang-active a:hover { background:#ff4400;}
.input.uk-search-field {background:#440077;}

/* FOOTER */
.homePage .tm-bottom-c { position:absolute; bottom:0px;}
.tm-bottom-c.uk-grid { margin-left:-25px; padding-bottom:50px; }
.tm-bottom-c .btnContacts ul.btmContact { text-transform:uppercase; list-style:none; padding-left:0;}
.tm-bottom-c .btnContacts ul.btmContact li { display: inline-block; margin-right:40px;}
.tm-bottom-c .copyNotice { font-size:12px;}
.homePage .tm-bottom-c { color:#ffffff;}
.tm-bottom-c .footerCity { font-family:"CMBold";}
.tm-bottom-c .footerTel { font-family:"CMRegular";}
.txtPurple {color:#440077!important;}
.txtWhite, .copyNotice .homecopy {color:#ffffff!important;}
.tm-bottom-c .uk-panel.copyNotice { margin-top:10px;}
.homePage a.footerCreditsLink {color:#ffffff;}
.homePage a.footerCreditsLink:hover {color:#ff4400;}

/* AGENCY LAYOUT */
.agency .contentMedia { margin-bottom:20px;}
.agency .teaserMedia { margin-bottom:15px;}
p.agencyname { font-family:"CMBold"; margin:0; font-size:18px; display:block; text-transform:uppercase;}
p.agencyfunction { font-style:italic; margin:0 0 5px 0; display:block; }
p.agencyemail, p.agencyskype { color:#440077;display:block; margin:0;}
p.agencyskype { font-weight:bold;margin-bottom:10px;}
.item p.agencyname { font-size:22px; display:block;}
.item p.agencyskype { margin-bottom:20px;}
.agency .contentRelated ul { padding-left:0;}
.agency .contentRelated li { list-style:none;}
.agency .contentRelated li a:hover { color:#ff4400;}

/* NEXT EVENTS */
.eventWrap.uk-grid {margin:0px 0px 15px -25px;}
.teaserMedia a { display:inline-block; width:160px; padding-right: 30px; outline:none; border:none;}
.nextEvents .teaserMedia a img { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.eventContent h3.teaserTitle { font-family:"CMBold"; text-transform:uppercase; font-size:20px; line-height:22px; margin-bottom:5px; color:#333333;}
.teaserDetails p { margin:2px 0; background:#ffffff; color:#440077; display:inline-block; clear:both; padding:0px 5px; }
.teaserDetails span.prefix { font-weight:bold;}
.nextEvents .nextEventsButton,
.nextEvents .nextEventsButton.mobile,
.nextEvents .pastEventsButton.mobile { display:none;}
.nextEvents .pastEventsButton { display:block;}
.nextEvents.pastEvents .pastEventsButton,
.nextEvents.pastEvents .nextEventsButton.mobile,
.nextEvents.pastEvents .pastEventsButton.mobile { display:none;}
.nextEvents.pastEvents .nextEventsButton { display:block;}
.nextEvents .cm-content { margin-bottom:20px;}
.nextEvents .tm-bottom-a.uk-grid { margin-left:-25px;}
.nextEvents .tm-bottom-a.uk-grid .uk-width-1-1.uk-row-first { padding-left:0px;}

/* AGENCY */
.agency .eventWrap.uk-grid { margin-bottom:30px;}
.agency.who .eventWrap p { margin:5px 0px;}
.agency.who .eventWrap p.agencyname,
.agency.who .eventWrap p.agencyfunction { margin-top:0px;}
.agency.who .eventWrap p.agencyfunction { margin-bottom:10px;}

/* CLIENTS */
.cm-clients .uk-grid { margin-left:-25px;}
.clientLogoWarp { margin-bottom:25px;}
.clientLogo { display:inline-block; float:left; margin:0 25px 25px 0; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.clientLogo,
.clientLogo > span { width:100%; height:auto;}
.clientLogo:hover {-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);}
h3.popoverTitle { text-transform:uppercase; font-size:18px; line-height:20px; margin-bottom:8px;}
p.popoverText,
p.popoverLink { font-size:14px; margin:0 0 5px 0;}
p.popoverLink a:hover {color:#ff4400;}
.popoverList ul { padding-left:0!important; margin:10px 0; display:block;}
.popoverList ul li {padding:0!important; margin:0; list-style:none;}
.popoverList ul li:before { content: "\f054"; font-family: "FontAwesome"; font-style: normal; font-weight: normal; text-decoration: inherit; color: inherit; display:inline-block; margin-right:5px;}
.popoverList ul li a:hover,
.popoverList ul li:hover { color:#ff4400; cursor:pointer;}
.nn_tooltips.popover {z-index:9999!important;}

/* PORTFOLIO */
.portTeaser { margin-bottom:25px;}
.uk-grid.portItems {margin-left:-25px;}
.uk-width-1-2.portTeaser { width:46%; margin:0 0 40px 0px!important;}
.portPhoto { margin-top:10px;}
.portTeaser p { margin:0px; font-size:15px;}
.portTeaser span.prefix { font-family:"CMRegular"; color:#440077; text-transform:uppercase; font-size:14px;}
.portfolio .pfTabDetails p { margin:0px 0px 5px 0px;}

/* NEWS */
.news h1.pageTitle {font-size: 50px; line-height: 50px; text-transform: uppercase;}
.news .pageContent .uk-panel-body { padding:15px 0px 25px 0px;}
.news .tm-sidebar-b .homeMenuA .uk-nav-side > li:nth-child(6) > a { background:#ff4400!important;}
.news h3.teaserTitle {font-family: "CMBold";font-size: 28px;line-height:30px;margin-bottom: 5px;text-transform: uppercase;}
.news .teaserDetails p {background: #ffffff none repeat scroll 0 0;clear: both;color: #440077;display: inline-block;margin: 2px 0px 10px 0px;padding: 0 5px;}
.news .cm-newsTeaserText,
.news .cm-newsTeaserText p { margin:0px;}
.news h3.newsReadMore {color: #440077;display: block;font-family: "CMBold";font-size: 18px !important;line-height: 20px !important;margin-top: 30px; margin-bottom:10px;text-transform: uppercase;}
.news .uk-thumbnav > * > * { background:none;}
.news .uk-thumbnav a { text-decoration:none; outline:none; border:none;}
.news .uk-thumbnav a .cm-newsthumbtitle p {font-family: "CMRegular"; color:#440077; text-transform:uppercase; font-size:11px; line-height:14px; margin-top:10px;}
.news .uk-thumbnav a:hover .cm-newsthumbtitle p,
.news .uk-thumbnav li.uk-active a .cm-newsthumbtitle p { color:#ff4400;}
.news h1.newsTitle {font-size: 42px;line-height: 42px;text-transform: uppercase; margin-bottom:10px;}
.news.tm-isblog .teaserDetails p { margin-bottom:5px;}
.news .teaserNewsPhoto, .news .teaserNewsVideo {display: block;margin: 15px 0;overflow: hidden;width: 100%;}
.news .newsTags { margin:20px 0px; display:block;}
.news .newsTags .tagLabel {background: #440077 none repeat scroll 0 0;color: #ffffff;display: inline-block;line-height: 20px;margin-right: 10px;padding: 0 10px;}
.news .blog-news .textNewsContent p { margin-bottom:10px;}
.news .yoo-zoo .socialbuttons, .news yoo-zoo .socialbookmarks {cursor: pointer;display: inline-block; }
.news h3.teaserTitleNews { color: #333333; font-family: "CMBold"; font-size: 20px; line-height: 22px; margin-bottom: 5px; text-transform: uppercase;}
.news .video-responsive { margin-bottom:15px;}

 /* FORMS */
 .contact .formCaption2 { font-size:12px; font-weight:bold;}
 .contact .rsform-block { display:inline-block; width: 48%;}
 .contact .rsform-block input[type="text"], .contact .rsform-block select {width:100%;}
 .contact .formBody { width:100%;}
 .contact .formBody input[type="text"] { width:96%;}
 .contact .rsform-block-w100 { display:inline-block; width: 100%;}
 .contact select, .contact textarea { margin-bottom:11px;}
 .mRight4pc { margin-right:4%;}
 .contact textarea { width:96%; min-height:150px;}
 .contact .formbutton { margin-top:15px;}
 .contact span.smileIcon:after { content: "\f118"; font-family: "FontAwesome"; display:inline-block; font-style: normal; font-weight: normal; text-decoration: inherit; color: #000; font-size: 14px; margin-left:5px;}
 .contact .servicesCheck input[type="checkbox"] { margin-right:5px; float:left; min-height:5px;}
 .contact .servicesCheck label { float:left;}
 .contact .checkboxwrap { float:left; width:30%;}
 
 
 /* MOBILE */
.tm-navbar.uk-navbar.uk-hidden-large { background:#ff4400; padding:10px 20px;}
.homePage .tm-bottom-c .uk-hidden-large.socialMedia { display:block; float:none; clear:both;}
.uk-offcanvas .langSwitch select { width:150px;}


@media (max-width: 959px) {
.tm-sidebar-b.uk-width-medium-1-5 { display:none;}
.tm-main.uk-width-medium-4-5 { width:100%;}
.tm-top-c .mobanners { min-height:350px;}
.mobKeyvisuals .uk-cover-background { background-position:center right!important;}
body.homePage {background-image: url(../images/backgrounds/cm-creative-keyvisual-creative-land.jpg);background-position: center right; background-repeat: no-repeat;background-attachment: fixed;background-size: cover; background-color:#444444;}
body.form.meeting .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-clock.jpg);}
body.form.order .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-dart.jpg);}
body.expertise.marcom .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-lighthouse.jpg);}
body.expertise.campaign .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-space-balloon.jpg);}
body.expertise.fairs .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-interior.jpg);}
body.expertise.film .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-jockey.jpg);}
body.expertise.brand .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-swimmer.jpg);}
body.expertise.web .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-future.jpg);}
body.expertise.leadgen .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-pendulum.jpg);}
body.expertise.social .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-puzzle.jpg);}
body.agency.what .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-sailing.jpg);}
body.agency.how .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-super-creative.jpg);}
body.agency.where .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-astronaut.jpg);}
body.agency.who .tm-top-c .uk-cover-background,
body.credits .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-walker.jpg);}
body.clients .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-atom.jpg);}
body.casestudies .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-plant.jpg);}
body.news .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-kite.jpg);}
body.nextEvents .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-binocular.jpg);}
body.contact .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-chair.jpg);}
body.searchresults .tm-top-c .uk-cover-background {background-image: url(../images/backgrounds/cm-creative-keyvisual-sphere.jpg);}

.tm-content-container,
.tm-middle.uk-grid {height:auto!important;}
.cm-content { margin-top:15px;}
}

@media (min-width: 479px) and (max-width: 959px) {
.tm-bottom-c .uk-panel.btnContacts {display:block;}
.tm-bottom-c .btnContacts ul.btmContact li.footerCity.txtWhite {display:block; margin-right:0px;}
.tm-bottom-c .socialMedia ul.uk-nav { display:block; padding-left:0px; margin-bottom:20px;}
.tm-bottom-c .socialMedia ul.uk-nav li { display:inline-block; float:none;}
.tm-bottom-c .socialMedia h3.uk-panel-title { color:#666666;}
body.homePage .tm-bottom-c .socialMedia h3.uk-panel-title { color:#ffffff;}
 h1.ExtraBigTitle { margin-top:60px; }

}

@media (max-width: 479px) {
.tm-top-c .mobanners { min-height:250px;}
.tm-bottom-c .uk-panel.btnContacts {display:block;}
.tm-bottom-c .btnContacts ul.btmContact li.footerCity.txtWhite {display:block; margin-right:0px;}
.tm-bottom-c .socialMedia ul.uk-nav { display:block; padding-left:0px; margin-bottom:20px;}
.tm-bottom-c .socialMedia ul.uk-nav li { display:inline-block; float:none;}
.tm-bottom-c .socialMedia h3.uk-panel-title { color:#666666;}
body.homePage .tm-bottom-c .socialMedia h3.uk-panel-title { color:#ffffff;}
h1.ExtraBigTitle { font-size:45px; line-height:43px;}
.tm-bottom-c.uk-grid { padding-bottom:25px;}
h1.contentTitle, .page-header h1 { font-size:36px; line-height:34px;}
.portTeaser { margin-bottom:25px;}
.filterCategory .uk-nav ul.nav-child li { display:block;}
.nav-tabs > li { float:none;}
.eventWrap .eventContent { margin-top:10px;}
.contact .rsform-block ,
.contact .rsform-block-w100{ display: block; width: 80%;}
.contact .checkboxwrap { display:block; width:80%; float:none;}
.contact .servicesCheck label { float:none;}
}

@media screen and (max-height:600px) {
.homePage .tm-bottom-c { position:relative;}
h1.ExtraBigTitle { font-size:45px; line-height:43px;margin-top:35px;}
}