BODY {font-family: 'Roboto', sans-serif; margin:0; color:#252324; font-size:14px;}
.block {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.full {width:100%;}
.half {width:50%;}
.grid {width:30%;}
.left {float:left;}
.right {float:right;}
.wrapper {width:1200px; margin:0 auto;}
.box {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
A {color:inherit;}
H2.section-heading {text-transform:uppercase;margin-top: 0;font-size: 18px;}
UL.download {text-align:left;}

.formLine .formSubmit {width: 100%; float: left; margin: 0; padding: 10px 30px; background-color: #181445; margin-top: 20px; color: #fff; border: 1px solid #090728; border-color: #181445; font-size: 23px; font-weight: 700; cursor: pointer;}
.formLine .formSubmit:HOVER {background-color: #090728; border-color: #090728;}

#header {padding: 10px 0 5px 0;background:#fdfdfd; /*border-bottom:2px solid #581a4d;*/}
#header #menu {margin: 41px 0 0 0; font-size:15px;}
#header #logo { margin-top: 10px; }

#info {width:865px;}
#info .phone {background-image:url(/images/phone.png); background-repeat:no-repeat; background-position: left center; padding: 5px 0 5px 30px;}
#info .email {background-image:url(/images/email.png); background-repeat:no-repeat; background-position: left center; padding: 5px 30px;}

#menu UL {margin:0; padding:0;}
#menu UL LI {position:relative;float:left; list-style:none;}
#menu UL LI A {text-decoration:none;padding: 7px 10px; margin: 0 20px 0 0;text-transform:uppercase; border-top: 3px solid transparent;}
#menu UL LI:last-child A {margin:0;}
#menu UL LI A.active {border-top: 3px solid #181445;}
#menu .submenu {display:none;position: absolute;top: 40px;background: #fff;z-index: 1000;left: 0;right: 0;}
#menu .submenu LI {width:100%;padding: 15px 10px;border-bottom: 1px solid #ccc;}
#menu .submenu .submenu {display:none;}

#banner {overflow:hidden; max-height: 630px;}
#banner IMG {width:100%; display:block;}
#banner .pager {position:absolute; z-index:1000; bottom: 20px;right: 20px; padding:10px;}
#banner .pager .page {width:65px; height:8px; margin-left:10px; float:left; background:#fff;}
#banner .pager .page.active {background:#181445;}

#purpleFrame { color:#fff;text-align: center;padding: 20px 0;background-color: #181445;line-height: 1.7;}
#purpleFrame H1 {margin:0 0 15px 0; font-size: 28px;font-weight:500; text-transform:uppercase;}
#purpleFrame.menu {background: rgb(176,21,33);  background: -webkit-linear-gradient(top, rgba(176,21,33,1) 29%,rgba(208,24,39,1) 100%); background: -webkit-linear-gradient(top, rgba(176,21,33,1) 29%, rgba(208,24,39,1) 100%); background: linear-gradient(to bottom, rgba(176,21,33,1) 29%,rgba(208,24,39,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b01521', endColorstr='#d01827',GradientType=0 ); padding:20px 0 0 0;}
#purpleFrame.menu.losinyfest {background: linear-gradient(#ee2283, #ee2283);}

#newsFrame {padding:30px 0; background:#fdfdfd; border-top: 1px solid #ccc;}
#newsFrame .col {width:380px; min-height: 380px;/*margin: 25px 0;*/margin: 0 0 30px 0; border-top: 5px solid; font-size:12px;}
#newsFrame .col H2 {text-overflow:ellipsis; height:21px; white-space: nowrap;width: 100%;overflow: hidden;}
#newsFrame .col.festival {border-color:#cf242a;}
#newsFrame .col.clients {border-color:#181445;}
#newsFrame .col.news {border-color:#e1b409;}
/*#newsFrame .col:nth-of-type(3n+1) {border-color:#cf242a;}*/
/*#newsFrame .col:nth-of-type(3n+2) {/*margin: 25px 30px 25px 30px;margin: 0 30px 30px 30px;}*/
/*#newsFrame .col:nth-of-type(3n+3) {border-color:#e1b409;}*/
/*#newsFrame .col:nth-last-of-type(1),#newsFrame .col:nth-last-of-type(2),#newsFrame .col:nth-last-of-type(3) {margin-bottom:0;}*/
#newsFrame .col H2 {margin: 10px 0 0 0; font-size:20px; font-weight:600; text-transform:uppercase;}
#newsFrame .col .perex {position:relative; height: 58px;overflow: hidden;margin: 0 0 4px 0;line-height: 1.4;}
#newsFrame .col .perex:before {content: ""; position: absolute; bottom: 0; height: 11px; background: rgba(255, 255, 255, 0.67); width: 100%;}
#newsFrame .col .perex P {max-height:100%; display:inline-block; vertical-align:middle;}
#newsFrame .col A.more {font-weight:600; font-size:13px;}
#newsFrame .col .img {position:relative; margin: 10px 0 0 0;}
#newsFrame .col .img IMG {display:block;}
#newsFrame .col .img .overlay {opacity:0;position:absolute; top:0; left:0; bottom:0; right:0; background: -webkit-linear-gradient(315deg, rgba(3, 169, 244, 0.2) 0%, rgba(167, 219, 216, 0.2) 44%, rgba(243, 134, 48, 0.2) 100%); background: linear-gradient(135deg, rgba(3, 169, 244, 0.2) 0%, rgba(167, 219, 216, 0.2) 44%, rgba(243, 134, 48, 0.2) 100%);}
#newsFrame .col .img:HOVER > .overlay {opacity:1; -webkit-transition:0.2s; transition:0.2s;}
#newsFrame .col .img A {position:absolute; top:0; left:0; bottom:0; right:0;}
#newsFrame #allJobs IMG {max-width:100%;}

.our-work a { width: 380px; line-height: 80px; float: left; background: #181445; text-align: center; text-transform: uppercase; text-decoration: none; font-size: 27px; color: #fff; }

#clientsFrame .col {position:relative;width: 224px;margin: 0 20px 20px 0; border-bottom:1px solid #ccc; text-align:center;}
#clientsFrame .col A {position:absolute; left:0; top:0; right:0; bottom:0;}
#clientsFrame .col IMG {max-width:100%;}

#siteNav {text-align:left; font-size: 12px;}
#siteNav A {color: #ccc; float: left;}
#siteNav A.home {background:url(/images/home.png) no-repeat center; background-size: 21px;padding: 10px 12px;}
#siteNav A:not(:last-child) {margin:0 7px 0 0;}
#siteNav A:not(:first-child):before {content: "\0203A"; display: inline-block; padding-right: 7px;}
#siteNav A:last-child {text-decoration:none; color:#ddd;}
#siteNav SPAN {font-weight:900;}
#siteNav SPAN.separator {font-weight:400; margin:5px;}

#graphicMenu {}
#graphicMenu .col {width:200px;height: 218px; padding: 20px; position:relative;font-size: 20px;text-align: center;background-image: url(/images/more-cyrcle.png);background-repeat: no-repeat;background-position: bottom 35px center;}
/*#graphicMenu .col.active A {background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(85,2,2,0.25) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(85,2,2,0.25) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(85,2,2,0.25) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40550202',GradientType=0 );}*/
#graphicMenu .col.active A {background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.15));}
#graphicMenu .col A {text-decoration:none; position:absolute; left:0; top:0; right:0; bottom:0;}
#graphicMenu .col IMG {display:block;margin:0 auto 10px auto;}

#content {padding:20px 0;}

#sideMenu {width:380px; text-transform:uppercase;}
#sideMenu UL {margin:0; padding:0; width:100%;}
#sideMenu UL LI {float:left; width:100%; list-style:none; border-bottom: 1px solid #ccc;}
#sideMenu UL LI A {width:100%; background:#343434; padding:15px 25px; color:#fff; text-decoration:none; font-size:20px;}
#sideMenu.festivalNo2 UL LI A {background-color: #444772;}
#sideMenu UL.submenu {}
#sideMenu UL.submenu LI {position:relative;border-bottom:1px solid #E6E6E6;}
#sideMenu UL.submenu LI A {font-size:15px; background:#f7f7f7; color:inherit;}
#sideMenu UL.submenu LI A.active { background: #ddd;}

#festivalContent {width:800px; word-wrap: break-word;line-height: 1.6;}
#festivalContent H2 {margin-top:0;}
#festivalContent A.home { background-image: url('/images/home-black.png'); }
#festivalContent #siteNav A { color: #343434; }
#festivalContent #siteNav { margin-bottom: 15px; }

#footer {background:#f5f5f5; padding:40px 0;}
#footer UL {margin:0; padding:0;}
#footer UL LI {float:left; width: 125px; list-style:none;margin: 0 10px 15px 0;}
#footer UL LI A {text-decoration:none;}
#footer UL LI:last-child {margin:0 0 15px 0;}
#footer .left {width:810px; }