/*** BASIC ***/

* { margin: 0; padding: 0; }
a { color: #e31a15; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }

body { background: #fff; color: #4e4e4e; font-family: 'Arial CE', Arial, helvetica, sans-serif; font-size: 12px; text-align: center; }

* html .clearfix { height: 1%; }
*+html .clearfix { display: inline-block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

h1 { font-size: 2em; font-weight: bold; padding: 10px 0 20px 0; }
h2 { font-size: 1.5em; font-weight: bold; padding: 15px 0; }
h3 { font-size: 1.2em; font-weight: bold; padding: 10px 0; }

p { line-height: 1.5em; padding: 0 0 10px 0; }

hr,
.hidden,
.hide { display: none; }
.fl { float: left; }
.fr { float: right; }
.relative { position: relative; }


/* buttons */
a.btn { display: inline-block; color: #fff; font-size: 1.3em; background: #303030; padding: 12px 15px; text-decoration: none; }
a.btn:hover { background: #222; }
a.btnRed { background: #e31a15; }
a.btnRed:hover { background: #ce2d29; }


img {
    max-width: 100%;
    height: auto;
}

/*** LAYOUT ***/

.site { width: 100%; text-align: center; padding-top: 66px; }
.site > div { width: 100%; text-align: center; }
.width { width: 1200px; margin: 0 auto; text-align: left; }

.site h1,
.site h2.h1 { color: #e31a15; font-size: 5em; padding: 40px 20px 20px 20px; font-family: 'Conduit ITC W02 Bold'; font-weight: normal; text-transform: uppercase; }
.site h1 { padding-left: 0; }
.site h1 span,
.site h2.h1 span { background: #e31a15; width: 115px; height: 6px; display: inline-block; margin: 0 0 15px 20px; }

.content ul,
.content ul.graybox { padding: 0 0 0 5px; }
.content ul,
.content ul.graybox,
.content ul li,
.content ul.graybox li { list-style: none; }
.content ul li,
.content ul.graybox li { font-size: 1.3em; background: url('../images/li_gray.gif') 0 9px no-repeat; line-height: 1.5em; padding: 0 0 5px 20px; }
.content .fileList li{padding-left:30px;}
.menu,
.menu li { list-style: none; }
.content .menu li,
.menu li { float: left; padding: 0 20px; background: none; font-size: 1em; }
.content .menu li a,
.menu li a,
.content .menu li strong,
.menu li strong { color: #e31a15; font-family: 'Conduit ITC W02 Light'; text-transform: uppercase; font-size: 1.5em; display: block; }

#floatMenu { width: 138px; height: 87px; position: fixed; bottom: -100px; left: 50%; margin-left: -69px; background: url('../images/img_scroll.png') 0 0 no-repeat; z-index: 200; }
.en #floatMenu { background: url('../images/img_scroll.png') 0 -87px no-repeat; }

.onlyMobile,
.onMobile,
.onTablet { display: none; }

.topBar { background: #202020 url('../images/bg_graystructure.gif'); position: fixed; top: 0; left: 0; z-index: 1000; box-shadow: 0 -10px 10px rgba(0,0,0,0.6) inset; -webkit-box-shadow: 0 -10px 10px rgba(0,0,0,0.6) inset; -moz-box-shadow: 0 -10px 10px rgba(0,0,0,0.6) inset; }
.topBar .logo { float: left; padding: 17px 0 17px 20px; }
.topBar .logo a { display: block; background: url('../images/logo_mediafactory.png') 0 0 no-repeat; width: 195px; height: 31px; }
.topBar .logo h1 { padding: 0; }
.topBar .logo img { vertical-align: top; display: none; }
.topBar .menuTrigger { display: none; }
.topBar .menuWrap { float: right; padding: 0 20px 0 0; }
.topBar .menu li { padding: 0; }
.topBar .menu a,
.topBar .menu strong { color: #fff; text-decoration: none; display: block; padding: 23px 20px; }
.topBar .menu a:hover { text-decoration: underline; }
.topBar .menu a.active,
.topBar .menu strong { background: #dc2f21 url('../images/bg_redstructure.gif'); font-weight: normal; }
.topBar .menu a.active:hover,
.topBar .menu strong { text-decoration: none; }


.site > div.submenu { position: fixed; top: 226px; left: 0; width: auto; text-align: left; }
.submenu .width { width: 180px; }
.submenu ul,
.submenu li { list-style: none; }
.submenu ul {  }
.submenu li { margin-bottom: 1px; }
.submenu a,
.submenu li strong { color: #fff; background: #f04239 url('../images/bg_redstructure2.gif') 0 0 repeat; display: block; padding: 15px 20px; font-size: 1.4em; font-weight: bold; text-decoration: none; font-weight: normal; }
.submenu a.open,
.submenu li a.open strong { background-color: #dc2f21; background-image: url('../images/bg_redstructure.gif'); }
.submenu a:hover { text-decoration: underline; }
.submenu .back { font-size: 1.2em; padding: 15px; }
.submenu .back span { display: block; background: url('../images/ico_back.png') 0 50% no-repeat; padding-left: 15px; }

.header { border-bottom: 1px solid #cdcdcd; }
.header .slogan { text-align: center; padding: 40px 20px 10px 20px; }
.header .slogan p { color: #a2a1a1; padding: 0; font-family: 'Conduit ITC W02 Light'; font-size: 1.8em; }
.header .carouselWorksArea { width: 1260px; margin: 0 auto; height: 475px; /* main image 1200x415 + 30px each side white/overflow */ }
.no-js .header .carouselWorksArea { height: auto; }
.header .carouselWorks { position: relative; }
.header .carouselWorksViewport { width: 1260px; height: 475px; overflow:hidden; }
.no-js .header .carouselWorksViewport { height: auto; }
.header .carouselWorks .navigation { position: absolute; top: 0; right: 40px; z-index: 100; }
.header .carouselWorks .touchslider-nav-item { width: 17px; height: 17px; margin-left: 8px; background: #f7f7f7; border: 1px solid #e0e0e0; border-radius: 10px; display: block; float: left; overflow: hidden; text-indent: -1000em; cursor: pointer; }
.header .carouselWorks .touchslider-nav-item-current { background: #e0e0e0; }
.header .carouselWorks .item { position: relative; width: 1260px; height: 475px; }
.header .carouselWorks .item .img { position: relative; top: 0; left: 0; text-align: center; overflow: hidden; }
.header .carouselWorks .item .img img { max-width: 100%; }
.header .carouselWorks .item .content { position: absolute; top: 70px; left: 90px; width: 450px; text-align: left; }
.header .carouselWorks .item .content p { font-size: 1.2em; }
.no-js .header .carouselWorks .item h3 { font-size: 50px; }
.header .carouselWorks .item h3 { color: #e31a15; font-size: 58px; font-family: 'Conduit ITC W02 Bold'; font-weight: normal; padding: 0 0 15px 0; }
.header .carouselWorks .item .btns { padding: 30px 0 0 0; }
.header .carouselWorks .item .btns,
.header .carouselWorks .item .btns li { list-style: none; }
.header .carouselWorks .item .btns li { float: left; padding: 0 15px 15px 0; }

.header .carouselNewsArea { padding: 20px 0 40px 0; position: relative; }
.header .carouselNewsViewport { width: 1200px; overflow: hidden; height: 113px; }
.no-js .header .carouselNewsArea { height: auto; }
.header .carouselNews {  }
.header .carouselNewsSlider { padding: 0 0 10px 0; }
.header .carouselNews .page { padding: 0 0 30px 0; width: 1170px; }
.header .carouselNews .item { float: left; width: 390px; height: 113px; }
.header .carouselNews .item .date { float: left; width: 70px; height: 70px; background: #e9e9e9; padding: 0; margin-left: 20px; }
.header .carouselNews .item .date em { font-family: 'Conduit ITC W02 Bold'; font-style: normal; color: #e31a15; font-size: 2em; display: block; text-align: center; padding: 16px 0 2px 0; }
.header .carouselNews .item .date span { display: block; text-align: center; color: #6a6969; font-size: 1.1em; }
.header .carouselNews .item .content { float: right; padding-right: 10px; padding-left: 20px; width: 270px; }
.header .carouselNews .item .content h3 { padding: 0 0 7px 0; color: #4e4e4e; font-size: 1.2em; }
.header .carouselNews .item .content h3 a { color: #4e4e4e; }
.header .carouselNews .item .content p { padding: 0; font-size: 1.1em; }
.header .carouselNewsArea .navigation { position: absolute; bottom: 15px; right: -10px; }
.header .carouselNewsArea .touchslider-prev,
.header .carouselNewsArea .touchslider-next { cursor: pointer; width: 19px; height: 19px; display: block; float: left; margin-left: 8px; background: url('../images/sprite_navarrows.png') 0 0 no-repeat; }
.header .carouselNewsArea .touchslider-prev.hover { background-position: 0 -20px; }
.header .carouselNewsArea .touchslider-next { background-position: -20px 0; }
.header .carouselNewsArea .touchslider-next.hover { background-position: -20px -20px; }

.aboutus h2.h1 { float: left; }
.aboutus .width { position: relative; }
.aboutus .menu { float: right; padding-top: 70px; }
.aboutus .quote { background: url('../images/img_quote-start.png') 30px 30px no-repeat; padding: 30px 30px 30px 70px; margin-bottom: 40px; display: inline-block; }
.aboutus .quote p { font-family: 'ConduitITCW02-LightItal'; padding: 20px 55px 20px 0; font-size: 2em; color: #898989; line-height: 1.1em; text-indent: 20px; background: url('../images/img_quote-end.png') 100% 100% no-repeat; }
.aboutus .video { width: 300px; float: left; min-height: 465px; }
.aboutus .video .lcd { width: 707px; height: 465px; margin-left: 40px; background: url('../images/img_lcd-top.png') 0 0 no-repeat; position: absolute; bottom: 0; left: 0; }
.aboutus .video .screen { position: absolute; top: 27px; left: 40px; width: 627px; height: 354px; }
.aboutus .content { width: 440px; float: right; }
.aboutus .content p { font-size: 1.3em; padding: 0 20px 20px 30px; }
.aboutus .content p.btn {  padding: 30px 20px 20px 0; font-size: 1em; }
.aboutus .content a.btn { float: right; padding: 12px 20px; }
.aboutus .bottom { background: #e9e9e9; }
.aboutus .bottom .lcd { width: 707px; height: 56px; margin-left: 40px; background: url('../images/img_lcd-bottom.png') 0 0 no-repeat; }

.products { background: #e9e9e9 url('../images/bg_bubbles-ie.jpg') 50% 100% repeat-x; min-height: 300px; }
.borderradius .products { background: #e9e9e9 url('../images/bg_bubbles.jpg') 50% 100% repeat-x; }
.products h2.h1 { float: left; }
.products .menu { float: right; padding-top: 50px; }
.products .menu li { padding: 0 5px; }
.products .menu li a { padding: 0; margin: 0; }
.products .menu a span { display: inline-block; padding: 10px 15px; background: #fff; cursor: pointer; text-decoration: underline; }
.products .menu a:hover span { text-decoration: none; }
.products .menu li ul { display: none; }
.products .menu .strategy,
.products .cloud .strategy a:hover,
.products .cloud .strategy a.hover { color: #f39a0c; }
.products .menu .design,
.products .cloud .design a:hover,
.products .cloud .design a.hover { color: #a8b400; }
.products .menu .marketing,
.products .cloud .marketing a:hover,
.products .cloud .marketing a.hover { color: #0091c0; }
.products .menu .development,
.products .cloud .development a:hover,
.products .cloud .development a.hover { color: #aa207f; }
.products .cloud { position: relative; height: 550px; z-index: 1; }
.products .cloud > div { z-index: 2; }
.products .cloud a { display: block; position: absolute; color: #fff; text-decoration: none; border: 7px solid transparent; z-index: 3; }
.products .cloud a span { cursor: pointer; }
.products .cloud a .text { font-family: 'Conduit ITC W02 Medium'; text-transform: uppercase; display: block; width: 100%; text-align: center; position: absolute; top: 25px; left: 0; }
.products .cloud a .more { display: none; }
.products .cloud a:hover .more,
.products .cloud a.hover .more { display: block; bottom: 8px; left: 50%; margin-left: -15px; position: absolute; font-size: 14px; line-height: 13px; font-family: 'Conduit ITC W02 Light'; color: #7c7c7c; text-transform: uppercase; background: url('../images/ico_arrow.png') 100% 50% no-repeat; padding: 0 12px 0 0; }
.products .cloud .strategy a { background: url('../images/bg_bubble-strategy.png') 0 0 repeat; }
.products .cloud .design a { background: url('../images/bg_bubble-design.png') 0 0 repeat; }
.products .cloud .marketing a { background: url('../images/bg_bubble-marketing.png') 0 0 repeat; }
.products .cloud .development a { background: url('../images/bg_bubble-development.png') 0 0 repeat; }
.products .cloud a.size1 .more { bottom: 8px; }
.products .cloud a.size2 .more { bottom: 8px; }
.products .cloud a.size3 .more { bottom: 10px; }
.products .cloud a.size4 .more { bottom: 15px; }
.products .cloud a.size5 .more { bottom: 20px; }
.products .cloud .size1 { width: 85px; height: 85px; font-size: 1.3em; border-radius: 100px; }
.products .cloud .size2 { width: 94px; height: 94px; font-size: 1.4em; border-radius: 74px; }
.products .cloud .size3 { width: 120px; height: 120px; font-size: 1.6em; border-radius: 91px; }
.products .cloud .size4 { width: 135px; height: 135px; font-size: 1.8em; border-radius: 90px; }
.products .cloud .size5 { width: 150px; height: 150px; font-size: 2em; border-radius: 90px; }
.products .cloud .bigger span.text { font-size: 1.3em; }
.products .cloud .pos1 { top: 220px; left: 115px; z-index: 20; }
.products .cloud .pos2 { top: 205px; left: 465px; z-index: 20; }
.products .cloud .pos3 { top: 15px; left: 800px; }
.products .cloud .pos4 { top: 275px; left: 950px; }
.products .cloud .pos5 { top: 20px; left: 245px; }
.products .cloud .pos6 { top: 330px; left: 210px; z-index: 15; }
.products .cloud .pos7 { top: 280px; left: 652px; }
.products .cloud .pos8 { top: 110px; left: 700px; }
.products .cloud .pos9 { top: 120px; left: 920px; }
.products .cloud .pos10 { top: 44px; left: 124px; }
.products .cloud .pos11 { top: 330px; left: 65px; }
.products .cloud .pos12 { top: 220px; left: 290px; }
.products .cloud .pos13 { top: 140px; left: 555px; z-index: 15; }
.products .cloud .pos14 { top: 240px; left: 770px; }
.products .cloud .pos15 { top: 210px; left: 1060px; }
.products .cloud .pos16 { top: 120px; left: 25px; }
.products .cloud .pos17 { top: 100px; left: 360px; }
.products .cloud .pos18 { top: 300px; left: 490px; }
.products .cloud .pos19 { top: 40px; left: 1025px; }
.products .cloud .pos20 { top: 0; left: 560px; }
.products .cloud .pos21 { top: 210px; left: 870px; }
.products .cloud a.lev1 { -webkit-animation: lev1 5s linear infinite; -o-animation: lev1 5s linear infinite; -moz-animation: lev1 3s infinite; }
.products .cloud a.lev2 { -webkit-animation: lev2 5.5s linear infinite; -o-animation: lev2 5.5s linear infinite; -moz-animation: lev1 4s infinite; }
.products .cloud a.lev3 { -webkit-animation: lev1 6s linear infinite; -o-animation: lev1 6s linear infinite; -moz-animation: lev1 5s infinite; }
.products .cloud a:hover,
.products .cloud a.hover { background: #fff; z-index: 30; }
.products .cloud div:not(.disabled) a:hover,
.products .cloud div:not(.disabled) a.hover { -webkit-animation: neutral 700ms 1; -o-animation: neutral 700ms 1; -moz-animation: neutral 700ms 1; }
.products .cloud .strategy a:hover,
.products .cloud .strategy a.hover { border-color: rgba(243,154,12,0.5); }
.products .cloud .design a:hover,
.products .cloud .design a.hover { border-color: rgba(168,180,0,0.5); }
.products .cloud .marketing a:hover,
.products .cloud .marketing a.hover { border-color: rgba(0,145,192,0.5); }
.products .cloud .development a:hover,
.products .cloud .development a.hover { border-color: rgba(170,32,127,0.5); }
.products .cloud a.clicked { -webkit-animation: clicked 1s 1 !important; -moz-animation: clicked 1s 1 !important; }
.products .cloud .disabled {  -webkit-transform: scale(0.95); -webkit-transition: -webkit-transform 500ms linear; -webkit-filter: grayscale() blur(5px) opacity(50%); -o-transform: scale(0.95); -o-transition: -o-transform 500ms linear; -o-filter: grayscale() opacity(50%); -moz-transform: scale(0.95); -moz-transition: -moz-transform 300ms linear; opacity: .6; /*filter: url(filters.svg#blur);*/ }
.products .cloud .disabled a { background: url('../images/bg_bubble-disabled.png') repeat; cursor: default; }
.products .cloud .disabled a span { cursor: default; }
.products .cloud .disabled a:hover { border-color: transparent; }
.products .cloud .disabled a:hover span.text { color: #fff; }
.products .cloud .disabled a:hover span.more { display: none; }
@-webkit-keyframes lev1 { from { -webkit-transform: rotate(0deg) translate(-3px) rotate(0deg); } to { -webkit-transform: rotate(360deg) translate(-3px) rotate(-360deg); } }
@-webkit-keyframes lev2 { from { -webkit-transform: rotate(0deg) translate(3px) rotate(0deg); } to { -webkit-transform: rotate(360deg) translate(3px) rotate(-360deg); } }
@-webkit-keyframes neutral { 0% { -webkit-transform: translateY(-2px); } 100% { -webkit-transform: translateY(0px); } }
@-webkit-keyframes clicked { from { -webkit-transform: rotateY(0deg); } to { -webkit-transform: rotateY(360deg); } }
@-moz-keyframes lev1 { 0% {-moz-transform: translateY(-5px); } 50% { -moz-transform: translateY(0px); } 100%{ -moz-transform: translateY(-5px); } }
@-moz-keyframes neutral { 0% { -moz-transform: translateY(-2px); } 100% { -moz-transform: translateY(0px); } }
@-moz-keyframes clicked { from { -moz-transform: rotateY(0deg); } to { -moz-transform: rotateY(360deg); } }
@-o-keyframes lev1 { from { -o-transform: rotate(0deg) translate(-3px) rotate(0deg); } to { -o-transform: rotate(360deg) translate(-3px) rotate(-360deg); } }
@-o-keyframes lev2 { from { -o-transform: rotate(0deg) translate(3px) rotate(0deg); } to { -o-transform: rotate(360deg) translate(3px) rotate(-360deg); } }
@-o-keyframes neutral { 0% { -o-transform: translateY(-2px); } 100% { -o-transform: translateY(0px); } }

.clients {  }
.clients .width {  }
.clients h2.h1 { float: left; }
.clients .menu { float: right; padding-top: 70px; }
.clients .pretext { padding: 10px 20px 20px 20px; }
.clients .pretext p { font-size: 1.3em; }
.clients .client,
.reference .client  { float: left; width: 200px; text-align: center; height: 130px; }
.reference .client { width: 190px; }
.clients .client a {  }
.clients .client img,
.reference .client img { vertical-align: top; position: relative; -webkit-filter: grayscale(1); opacity: .6; filter: url(filters.svg#grayscale); filter: gray; max-width: 95%; }
.clients .client a:hover img,
.reference .client a:hover img { -webkit-filter: grayscale(0); opacity: 1; filter: none; } 
.clients p.btn { padding: 10px 20px; }
.clients a.btn { float: right; }

.contact { background: url('../images/bg_bubbles-noise.jpg') center 0 repeat; }
.contact .contactBG { background: url('../images/bg_bubbles-mail-ie.jpg') center 0 repeat-x; padding-top: 100px; }
.borderradius .contact .contactBG { background: url('../images/bg_bubbles-mail.jpg') center 0 repeat-x; padding-top: 100px; }
.contact h2.h1 { float: left; }
.contact .menu { float: right; padding-top: 70px; }
.contact .pretext { padding: 20px 20px 50px 20px; }
.contact .pretext p { font-size: 1.3em; }
.contact form fieldset { border: none; }
.contact .form { padding: 0 20px 30px 20px; }
.contact .form .name,
.contact .form .mail {  float: left; }
.contact .form .name { margin-right: 55px; }
.contact .form .phone { float: right; }
.contact .form .input,
.contact .form .textarea { border: 5px solid #d6d6d6; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #fff; position: relative; }
.contact .form .input label,
.contact .form .input input,
.contact .form .textarea label,
.contact .form .textarea textarea { color: #838383; font-family: Georgia, 'Arial CE', Arial; font-style: italic; font-size: 1.5em; -webkit-border-radius: 0; -webkit-appearance: none; }
.contact .form .input label,
.contact .form .textarea label { position: absolute; top: 0; left: 0; line-height: 45px; padding-left: 20px; display: none; }
.contact .form .input { height: 45px; display: inline-block; margin-bottom: 30px; }
.contact .form .textarea { display: inline-block; margin-bottom: 30px; }
.contact .form .input input { height: 43px; padding: 0 20px; border: 1px solid #fff; width: 295px; box-shadow: 2px 2px 10px rgba(0,0,0,0.2) inset; -webkit-shadow: 2px 2px 10px rgba(0,0,0,0.2) inset; -moz-shadow: 2px 2px 10px rgba(0,0,0,0.2) inset; }
.contact .form .textarea textarea { resize: none; padding: 10px 20px; border: 1px solid #fff; vertical-align: top; width: 1108px; box-shadow: 2px 2px 10px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.2) inset; -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.2) inset; overflow-y: auto; }
.contact .form .send input { -webkit-border-radius: 0; -webkit-appearance: none; float: right; display: inline-block; display: inline-block; color: #fff; font-size: 1.3em; background: #303030; padding: 12px 15px; border: none; cursor: pointer; }
.contact .form span.error { position: absolute; top: -20px; left: 0; color: #e31a15; }
.contact .form .error {  }
.contact .form .error label { color: #844; }
.contact .form .error input,
.contact .form .error textarea { background: #fee; color: #844; }
.contact .thankYou { padding: 0 0 20px 0; }
.contact .thankYou p { font-size: 1.2em; font-weight: bold; }

.footer { background: #202020 url('../images/bg_graystructure.gif'); padding: 0 0 30px 0; color: #e9e9e9; box-shadow: 0 10px 10px rgba(0,0,0,0.6) inset; -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.6) inset; -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.6) inset; }
.friend-us .footer { box-shadow: none; }
.footer .padding { padding: 20px; }
.footer h3 { color: #a4a4a4; font-size: 5em; padding: 35px 0 25px 0; font-family: 'Conduit ITC W02 Bold'; font-weight: normal; text-transform: uppercase; }
.footer .social { float: left; width: 555px; }
.footer .social ul,
.footer .social li { list-style: none; }
.footer .social li { float: left; margin-right: 20px; margin-bottom: 20px; }
.footer .social a { display: block; color: #a4a4a4; text-decoration: none; width: 70px; }
.footer .social a span { display: block; cursor: pointer; }
.footer .social a .logo { width: 60px; height: 60px; background: url('../images/sprite_social.png') 0 0 no-repeat; margin-left: 5px; }
.footer .social a .text { text-align: center; font-family: 'Conduit ITC W02 Bold'; text-transform: uppercase; font-size: 1.4em; padding-top: 10px; }
.footer .social a.clicked .logo { -webkit-transform: rotateY(360deg); -webkit-transition: -webkit-transform 1s ease; }
.footer .social a.fb .logo { background-position: 0 0; }
.footer .social a.tw .logo { background-position: -60px 0; }
.footer .social a.yt .logo { background-position: -120px 0; }
.footer .social a.mz .logo { background-position: -180px 0; }
.footer .social a.gp .logo { background-position: -240px 0; }
.footer .social a.in .logo { background-position: -300px 0; }
.footer .social a:hover.fb,
.footer .social a.hover.fb { color: #3b5998; }
.footer .social a:hover.fb .logo,
.footer .social a.hover.fb .logo { background-position: 0 -60px; }
.footer .social a:hover.tw,
.footer .social a.hover.tw { color: #9ae4e8; }
.footer .social a:hover.tw .logo,
.footer .social a.hover.tw .logo { background-position: -60px -60px; }
.footer .social a:hover.yt,
.footer .social a.hover.yt { color: #d02525; }
.footer .social a:hover.yt .logo,
.footer .social a.hover.yt .logo { background-position: -120px -60px; }
.footer .social a:hover.mz,
.footer .social a.hover.mz { color: #ee1c24; }
.footer .social a:hover.mz .logo,
.footer .social a.hover.mz .logo { background-position: -180px -60px; }
.footer .social a:hover.gp,
.footer .social a.hover.gp { color: #d19c10; }
.footer .social a:hover.gp .logo,
.footer .social a.hover.gp .logo { background-position: -240px -60px; }
.footer .social a:hover.in,
.footer .social a.hover.in { color: #096a9c; }
.footer .social a:hover.in .logo,
.footer .social a.hover.in .logo { background-position: -300px -60px; }
.footer .address { float: right; width: 500px;  }
.footer .address h3 { margin-left: -55px; }
.footer .address p { font-size: 1.3em; padding: 0; }
.footer .address a { color: #e9e9e9; }
.footer .address .fl,
.footer .address .fr { display: block; }
.footer .address .fr { margin-right: 110px; }
.footer .address .fr a span { text-decoration: underline; }
.footer .address .fr a:hover span { text-decoration: none; }
.footer .address .fr span { display: inline-block; padding: 0 0 0 35px; }
.footer .address .fr .phone { background: url('../images/ico_phone.png') 0 50% no-repeat; }
.footer .address .fr .mail { background: url('../images/ico_mail.png') 0 50% no-repeat; }


.content {  }
.content .padding { padding: 0 20px; }
.content h1 { padding-bottom: 50px; }
.content h2,
.content h2.h2 { text-transform: uppercase; font-family: 'Conduit ITC W02 Bold'; font-size: 2.8em; font-weight: normal; padding: 40px 0 20px 0; }
.content h2.h2b { padding-top: 0; padding-bottom: 0; }
.content h2.h2c { padding-top: 10px; padding-bottom: 30px; }
.content h3,
.content h3.h3 { font-size: 1.6em; padding: 40px 0 10px 0; }
.content p { font-size: 1.3em; padding: 0 0 20px 0; }

.contentTop { position: relative; }
.contentTop .menu { padding: 0; float: none; position: absolute; top: 67px; right: -20px; }

.content .quote { background: #f2f2f2 url('../images/img_quote-start.png') 30px 30px no-repeat; padding: 30px 30px 30px 70px; margin-bottom: 40px; }
.content .quote p { font-family: 'Conduit ITC W02 Light'; padding: 20px 0; font-size: 2em; color: #898989; line-height: 1.1em; text-indent: 20px; background: url('../images/img_quote-end.png') 100% 100% no-repeat; }
.content .cols2 {  }
.content .cols2 .fr,
.content .cols2 .fl { width: 48%; }

#sharing { border-top: 1px solid #dcdcdc; margin-top: 40px; padding: 30px 0; }
#sharing p { float: left; line-height: 35px; padding: 0; }
#sharing .socNets { float: left; padding: 0 0 0 15px; }
#sharing ul,
#sharing li { list-style: none; background: none; }
#sharing li { float: left; margin-right: 10px; padding: 0; width: 35px; }
#sharing li:last-of-type {margin-right:0;}
#sharing a { display: block; text-decoration: none; width: 35px; height: 35px; background: url('../images/sprite_social.png') 0 0 no-repeat; overflow: hidden; text-indent: -1000em; }
#sharing a.fb { background-position: 0 -120px; }
#sharing a.tw { background-position: -60px -120px; }
#sharing a.email {background-position: -159px -120px;}
#sharing a.gp { background-position: -240px -120px; }
#sharing a.in { background-position: -300px -120px; }
#sharing a:hover.fb { background-position: 0 -180px; }
#sharing a:hover.tw { background-position: -60px -180px; }
#sharing a:hover.gp { background-position: -240px -180px; }
#sharing a:hover.in { background-position: -300px -180px; }
#sharing a:hover.email {background-position: -159px -180px;}

#sharing.top-sharing {
    margin:5px 0 20px 0;
    padding:0;
    border:none;
}
#sharing.top-sharing .socNets{
    float: right;
}


/* aktuality */
.aktuality {  }
.aktuality .aktualityWrap { padding: 0 0 60px 0; }
.aktuality .aktualita { padding: 0 0 25px 0; }
.aktuality .aktualita .text { float: right; width: 845px; }
.aktuality .aktualita .text h2 { padding: 0; font-size: 1.8em; padding: 10px 0; }
.aktuality .aktualita .text h2 a { text-decoration: none; }
.aktuality .aktualita .text h2 a:hover { text-decoration: underline; }
.aktuality .aktualita .text p { padding: 0; font-size: 1.3em; }
.aktuality .aktualita .text .date,
.aktuality .date { padding: 0; font-size: 1.1em; }
.aktuality .aktualita .text .date span,
.aktuality .date span { color: #e31a15; font-weight: bold; background: #e9e9e9; display: inline-block; padding: 4px 7px; }
.aktuality .aktualita .img { float: left; width: 290px; }
.aktuality .aktualita .img img { vertical-align: top; max-width: 100%; }
.aktuality .paging { text-align: center; padding-top: 60px; }
.aktuality .paging .links { display: inline-block; margin: 0 auto; }
.aktuality .paging a,
.aktuality .paging strong { margin: 0 4px; background: #303030; margin-bottom: 8px; text-decoration: none; display: inline-block; color: #fff; font-size: 1.3em; width: 40px; height: 40px; overflow: hidden; line-height: 40px; text-align: center; text-transform: uppercase; }
.aktuality .paging strong { font-weight: normal; background: #e31a15; }
.aktuality .paging a.prev,
.aktuality .paging a.next { width: auto; padding: 0 20px; }
.aktuality .paging a:hover { text-decoration: underline; }
.aktuality .paging a.active { background: #e31a15; }
.aktuality .paging a.active:hover { text-decoration: none; }
.aktuality .aktualitaContent { float: left; width: 845px; }
.aktuality .aktualitaSide { float: right; width: 290px; min-height: 1550px; }
.aktuality .aktualitaSide img { vertical-align: top; max-width: 100%; }
.aktuality .imageGallery { position: absolute; top: 0; right: 0; }
.aktuality .imageGalleryBox { padding: 0 0 20px 0; width: 290px; text-align: center; }
.aktuality .imageGalleryBox img { border: 0; vertical-align: top; max-width: 100%; }

/* o media factory */
.o-media-factory .podporujeme { padding: 10px 0; }
.o-media-factory .podporujeme a { text-decoration: none; text-align: center; display: block; float: left; width: 190px; }
.o-media-factory .podporujeme a img { vertical-align: top; max-width: 100%; }
.o-media-factory .podporujeme a span { text-align: center; display: block; color: #e31a15; text-decoration: underline; padding: 20px 0 0 0; }
.o-media-factory .podporujeme a:hover span { text-decoration: none; }

/* kariera */
._homepage_ .kariera .content .cols2 .fl { padding-left: 20px; width: 47%; }
._homepage_ .kariera .content .cols2 .fr { padding-right: 20px; }
.kariera .pozice { padding: 0 0 0 10px; }
.kariera .pozice,
.kariera .pozice li { list-style: none; }
.kariera .pozice li { padding: 20px 0 20px 60px; font-size: 1em; }
.kariera .pozice li.account { background: url('../images/ico_pozice-account.png') 0 50% no-repeat; }
.kariera .pozice li.designer { background: url('../images/ico_pozice-designer.png') 4px 50% no-repeat; }
.kariera .pozice li.pm { background: url('../images/ico_pozice-pm.png') 3px 50% no-repeat; }
.kariera .pozice a { font-size: 1.4em; font-weight: bold; }
.kariera .contact h2 { padding: 60px 20px 0 20px; }
.kariera .contact .pretext { padding: 20px; }
.kariera .contact .form { padding: 0 40px 20px 40px; }
.kariera .contact .personal { float: left; }
.kariera .contact .anotherinfo { float: right;  }
.kariera .contact .input { float: none; margin: 0 0 25px 0; display: block; }
.kariera .contact .input label { z-index: 2; }
.kariera .contact .input input { width: 460px; }
.kariera .contact .input input[type=file] { opacity: 0;z-index: 3; position: relative; }
.kariera .contact .cv input[type=text],
.kariera .contact .attachment input[type=text] { position: absolute; background: url('../images/btn_prochazet.gif') 100% 50% no-repeat; z-index: 1; }
.kariera .contact .error input[type=text] { background-color: #fee; }
.kariera .contact .cv br,
.kariera .contact .cv span.form_file_uploaded,
.kariera .contact .attachment br,
.kariera .contact .attachment span.form_file_uploaded { display: none; }

/* reference */
.reference h1 { padding-bottom: 10px; }
.reference .headInfo { background: #f2f2f2; margin: 20px 0; }
.reference .headInfo h2.h1 { color: #333; padding: 30px 0 20px 30px; }
.reference .headInfo .quoteArea { float: left; width: 600px; padding: 0 30px 30px 25px; }
.reference .headInfo .quote { background: url('../images/img_quote-start.png') 0 0 no-repeat; padding: 0 0 10px 0; margin: 0; }
.reference .headInfo .quote p { font-family: 'Arial CE', Arial; padding: 20px 10px 20px 10px; font-size: 1.3em; color: #333; line-height: 1.5em; text-indent: 40px; background: url('../images/img_quote-end.png') 100% 100% no-repeat; }
.reference .headInfo .logo { float: right; width: 400px; padding: 0 30px 30px 30px; text-align: center; }
.reference .headInfo .logo img { max-width: 100%; max-height: 150px; }
.reference .refName { padding: 0 0 70px 0; }
.reference .refName h2 { text-transform: uppercase; font-family: 'Conduit ITC W02 Bold'; font-size: 2.8em; font-weight: normal; display: inline; padding-right: 15px; }
.reference .refName h3 { text-transform: uppercase; font-family: 'Conduit ITC W02 Bold'; font-size: 5em; font-weight: normal; color: #ccc; display: inline; }
.reference .monitor { width: 100%; height: 710px; background: url('../images/bg_monitor.png') 50% 0 no-repeat; position: relative; }
.reference .monitor .display { width: 845px; height: 475px; position: absolute; top: 39px; left: 158px; }
.reference .carouselRef {  }
.reference .carouselRefViewport { width: 845px; height: 475px; overflow: hidden; } 
.reference .monitor .navigation { position: absolute; z-index: 100; top: -75px; right: 0px;  }
.reference .monitor .touchslider-nav-item { width: 17px; height: 17px; margin-left: 8px; background: #f7f7f7; border: 1px solid #e0e0e0; border-radius: 10px; display: block; float: left; overflow: hidden; text-indent: -1000em; cursor: pointer; }
.reference .monitor .touchslider-nav-item-current { background: #e0e0e0; }
.reference .monitor .touchslider-prev,
.reference .monitor .touchslider-next { position: absolute; top: 50%; margin-top: -85px; width: 141px; height: 171px; background: url('../images/bg_carouselnav.png') 0 0 no-repeat; cursor: pointer; overflow: hidden; text-indent: -1000em; display: block; }
.reference .monitor .touchslider-prev { left: -180px; }
.reference .monitor .touchslider-next { background-position: -141px 0; right: -179px; }
.reference .monitor .item { width: 845px; height: 475px; }
.reference .monitor .item img { max-width: 100%; }
.reference .referenceText { float: left; width: 720px; }
.reference .referenceInfo { float: right; width: 370px; }
.reference .technology { padding: 30px 0; }
.reference .technology ul,
.reference .technology li { list-style: none; background: none; }
.reference .technology li { float: left; font-size: 1.4em; padding: 0 25px 15px 0; }
.reference .technology li span { display: inline-block; height: 12px; width: 12px; border-radius: 6px; margin-right: 5px; }
.reference .technology li a { text-decoration: none; }
.reference .technology li a:hover { text-decoration: underline; }
.reference .technology .strategy a { color: #f39a0c; }
.reference .technology .strategy span { background: #f39a0c; }
.reference .technology .design a { color: #a8b400; }
.reference .technology .design span { background: #a8b400; }
.reference .technology .marketing a { color: #0091c0; }
.reference .technology .marketing span { background: #0091c0; }
.reference .technology .development a { color: #aa207f; }
.reference .technology .development span { background: #aa207f; }
.reference .referenceInfo .online { padding: 0 0 40px 0; }
.reference .referenceInfo .online .btn { font-size: 1.1em; text-transform: uppercase; padding: 10px 25px; }
.reference .referenceInfo .online .btn span { display: block; background: url('../images/ico_hand.png') 0 50% no-repeat; padding-left: 30px; }
.reference .referenceInfo .spacer { height: 1px; width: 100%; background: #e0e0df; overflow: hidden; margin: 20px 0; }
.reference .referenceInfo h4 { color: #ccc; font-size: 1.3em; text-transform: uppercase; font-weight: bold; padding: 0 0 25px 0; }
.reference .referenceInfo .spusteni h4,
.reference .referenceInfo .spusteni p { padding: 0; }
.reference .referenceInfo .oceneni img { margin: 10px 30px 10px 0; }
.reference .referenceInfo .dokumenty ul,
.reference .referenceInfo .dokumenty li { list-style: none; }
.reference .referenceInfo .dokumenty li {padding: 20px 0 20px 60px; font-size: 1em; }
.reference .referenceInfo .dokumenty a { color: #e31a15; font-size: 1.4em; font-weight: bold; }
.reference .cta { color: #838383; text-transform: uppercase; font-family: 'Conduit ITC W02 Bold'; font-size: 2.8em; padding: 50px 0 0 0; }

.references .col { width: 372px; float: left; padding: 0 14px 50px 0; }
.references a { display: block; padding: 0px; text-decoration: none; text-align: center; }
.references a img { vertical-align: top; position: relative; -webkit-filter: grayscale(1); opacity: .6; filter: url(filters.svg#grayscale); filter: gray; width: auto; max-width: 100%; height: auto; max-height: 208px; }
.references a:hover img { -webkit-filter: grayscale(0); opacity: 1; filter: none; }
.references a span { color: #d71612; font-weight: bold; text-align: left; text-decoration: none; cursor: pointer; display: block; padding: 20px 0 5px 0; font-size: 1.5em; text-transform: uppercase; border-bottom: 1px dotted #ccc; }
.references a:hover span { text-decoration: underline; }

/* produkty a sluzby */
.produkty-a-sluzby h2 { padding: 20px 0 10px 0; }
.produkty-a-sluzby .content {  }
.produkty-a-sluzby .padding { padding: 0; }
.produkty-a-sluzby .products,
.borderradius .produkty-a-sluzby .products { background: none; }

/* ziskana-oceneni */
.ziskana-oceneni {  }
.ziskana-oceneni .timelineWrap { padding: 0 0 0 40px; position: relative; z-index: 1; }
.ziskana-oceneni .timelineContent { position: relative; z-index: 3; }
.ziskana-oceneni .timeline { width: 5px; height: 100%; background: #e31a15; position: absolute; top: 0; bottom: 0; left: 10px; z-index: 2; }
.ziskana-oceneni .year { padding: 0 0 30px 0; }
.ziskana-oceneni .year h2 { display: inline-block; background: #e9e9e9; color: #e31a15; padding: 5px 10px; margin: 0 0 25px -25px; }
.ziskana-oceneni .prize h3 { text-transform: uppercase; font-family: 'Conduit ITC W02 Bold'; font-weight: normal; padding: 0 0 5px 0; }
.ziskana-oceneni .prize { padding: 0 0 15px 0; }
.ziskana-oceneni .prize .text { float: right; width: 995px; }
.ziskana-oceneni .prize .img { float: left; width: 100px; text-align: center; padding-top: 19px; }
.ziskana-oceneni .prize .img img { max-width: 100px; }

/* clenstvi-a-certifikaty */
.clenstvi-a-certifikaty .cert .text { float: right; width: 920px; }
.clenstvi-a-certifikaty .cert .img { float: left; width: 200px; text-align: center; padding-top: 40px; text-align: center; }
.clenstvi-a-certifikaty .cert .img img { max-width: 200px; height: auto; }

/* kontakt */
.kontakt .content h2.h2d { padding-top: 0; padding-bottom: 20px; }
.kontakt .content h3,
.kontakt .content h3.h3 { padding: 10px 0 20px 0; } 
.kontakt .content .section { padding: 0 0 20px 0; }
.kontakt .content .fl { width: 49%; }
.kontakt .content .fr { width: 49%; }

#captchaBox {  }
#captchaBox .imageBox {  }
#captchaBox .imageBox .img { float: left; display: inline-block; margin-bottom: 20px; border: 5px solid #d6d6d6; border-radius: 5px; background: #fff; padding: 1px; text-align: center; }
#captchaBox .imageBox .imgIn { box-shadow: inset 2px 2px 10px rgba(0,0,0,0.2); padding: 5px; }
#captchaBox .imageBox .reload { float: left; padding: 25px 0 0 10px; }
/****banner MF-DV****/
.mf-text,.dv-text{font-family:"Conduit ITC W02 Medium";color:#fff;text-transform:uppercase;}
.item .content .mf-text{font-size:35px!important;color:#fff;letter-spacing:2px}
.item .content .dv-text{color:#5e5e5e;font-size:23px!important;letter-spacing:1px;line-height:1.35em}
.mfBut,.dvBut{position:relative;letter-spacing:1px;text-decoration:none;text-transform:uppercase;font-size:22px;
font-family:'Conduit ITC W02 Medium';padding:15px 75px 13px 75px;
display:inline-block;margin-top:30px;
-moz-transition:all 0.3s;
-webkit-transition:all 0.3s;
transition:all 0.3s;

}
.mfBut{border:1px solid #fff;color:#fff;}
.dvBut{border:1px solid #393939;color:#54504f;margin-top:14px;padding:12px 70px 10px 70px;font-size:21px;}
.mfBut span,.dvBut span{position:relative;z-index:2}
.mfBut:after,.dvBut:after{
content:"";
position:absolute;
left:0;
top:0;
height:100%;
width:0%;
z-index:1;
-moz-transition:all 0.3s;
-webkit-transition:all 0.3s;
transition:all 0.3s;
}
.mfBut:after{background:#fff}
.dvBut:after{background:#393939}
.mfBut:hover{color:#e31a15}
.dvBut:hover{color:#fff}
.mfBut:hover:after,.dvBut:hover:after{
width:100%;
}


#slide_mf-dv .content{width:100%;left:0;top:0;bottom:0}
.mfWr,.dvWr{position:absolute;text-align:center}
.mfWr{top:200px;left:157px;width:613px;}
.dvWr{right:40px;top:265px;width:304px;}

.button {
    text-decoration: none;
    background: #f04239 url('../images/bg_redstructure2.gif') 0 0 repeat;
    font-size: 19px;
    font-weight: bold;
    padding:20px 30px;
    text-align:center;
    display:inline-block;
    color: #fff;
    white-space:nowrap;
    min-width:110px;
}

.ad-header {
    margin: 20px 0 25px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
   /* -webkit-flex-wrap: wrap;
    flex-wrap: wrap;*/
}
.ad-header h2 {
    padding:0 50px 0 0;
}

.ad-header p {
    padding-bottom:0;
}

.ad-info {
    max-width:800px;
    padding-right:30px;
    margin-top:-45px;
}




@media only screen and (max-width: 1580px) {
	.site > div.submenu { position: relative; top: 1px; left: 0; width: 100%; background: #f04239 url('../images/bg_redstructure2.gif'); }
	.submenu .width { width: 1200px; }
	.submenu li { margin-bottom: 0; float: left; }
}

@media only screen and (min-width: 351px) and (max-width: 1275px) {
	.item .content .mf-text{font-size:25px!important}
	.item .content .dv-text{font-size:18px!important}
	.mfWr{width:457px;top: 142px;left: 127px;}
	.dvWr {right: 24px;top: 196px;width: 250px;}
	
	.header .carouselWorks .item h3 {font-size:38px;padding-bottom:5px}
	.header .carouselWorks .item .btns{padding-top:5px}
		
	.width,	
	.submenu .width { width: 960px; }
	.header .carouselWorksArea { width: 960px; height: 370px; }
	.header .carouselWorksViewport  { width: 100%; height: 370px; }		
	.header .carouselWorks .navigation { top: -5px; right: 30px; }
	.header .carouselWorks .item { width: 960px; height: 370px; }
	.header .carouselWorks .item .img img { width: 960px; height: auto; }
	.header .carouselWorks .item .content { width: 320px; top: 50px; left: 50px; }
	.header .carouselWorks .item .btns { padding-top: 20px; }	
	.header .carouselNewsViewport { width: 100%; }
	.header .carouselNews .page { width: 960px; }
	.header .carouselNews .item { width: 320px; }
	.header .carouselNews .item .date { margin-left: 10px; }
	.header .carouselNews .item .content { width: 220px; padding: 0 10px; }
	.header .carouselNewsArea .navigation { bottom: 15px; right: 30px; }
	.aboutus .quote { margin-bottom: 0; }
	.aboutus .video .lcd,
	.aboutus .bottom .lcd { margin-left: 0; }
	.aboutus .content { width: 270px; }
	.aboutus .content p.btn { padding-top: 10px; padding-bottom: 20px; }
	.products .cloud .size3 { width: 110px; height: 110px; font-size: 1.5em; border-radius: 90px; }
	.products .cloud .size4 { width: 125px; height: 125px; font-size: 1.7em; border-radius: 90px; }
	.products .cloud .size5 { width: 140px; height: 140px; font-size: 1.8em; border-radius: 90px; }	
	.products .cloud .pos1 { top: 222px; left: 69px; z-index: 20; }
	.products .cloud .pos2 { top: 205px; left: 400px; z-index: 20; }
	.products .cloud .pos3 { top: 0px; left: 700px; }
	.products .cloud .pos4 { top: 290px; left: 720px; }
	.products .cloud .pos5 { top: 20px; left: 180px; }
	.products .cloud .pos6 { top: 300px; left: 170px; }
	.products .cloud .pos7 { top: 280px; left: 510px; }
	.products .cloud .pos8 { top: 130px; left: 640px; }
	.products .cloud .pos9 { top: 90px; left: 790px; }
	.products .cloud .pos10 { top: 21px; left: 61px; }
	.products .cloud .pos11 { top: 337px; left: 15px; }
	.products .cloud .pos12 { top: 200px; left: 222px; }
	.products .cloud .pos13 { top: 90px; left: 460px; }
	.products .cloud .pos14 { top: 260px; left: 620px; }
	.products .cloud .pos15 { top: 210px; left: 800px; }
	.products .cloud .pos16 { top: 131px; left: 0; z-index: 30; }
	.products .cloud .pos17 { top: 80px; left: 300px; }
	.products .cloud .pos18 { top: 300px; left: 350px; }
	.products .cloud .pos19 { top: 10px; left: 570px; }
	.products .cloud .pos20 { top: 0; left: 390px; }
	.products .cloud .pos21 { top: 180px; left: 710px; }
	.clients .client { width: 160px; }
	.reference .client { width: 180px; }
	.contact .form .input input { width: 220px; }
	.contact .form .textarea textarea { width: 868px; }
	.footer .social { width: 500px; }
	.footer .social li { margin-right: 5px; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); }	
	.footer .address { width: 410px; }
	.footer .address .fr { margin-right: 20px; }
	
	.aktuality .aktualita .text { width: 605px; }
	.aktuality .aktualita .img { width: 290px; }	
	.aktuality .aktualitaContent { width: 605px; }
	.aktuality .aktualitaSide { width: 290px; } 
	
	.o-media-factory .podporujeme a { width: 150px; }
	.o-media-factory .podporujeme a img { max-height: 70px; }
	
	.kariera .contact .input input { width: 350px; }

	.products .cloud .disabled { -webkit-filter: none; -o-filter: none; }
	
	.reference .headInfo .quoteArea { width: 500px; }
	.reference .headInfo .logo { float: right; width: 300px; }	
	.reference .refName h2 { font-size: 2.5em; }
	.reference .refName h3 { font-size: 3.8em; }
	.reference .monitor { background-size: 100%; }
	.reference .monitor .display { left: 39px; width: 844px; height: 474px; }
	.reference .carouselRefViewport,
	.reference .monitor .item { width: 844px; height: 474px; }		
	.reference .monitor .touchslider-prev,
	.reference .monitor .touchslider-next { display: none; }
	.reference .referenceText { width: 605px; }
	.reference .referenceInfo { width: 290px; }
	
	.references .col { width: 33%; padding-right: 0; }
	
	.ziskana-oceneni .prize .text { width: 750px; }
	.ziskana-oceneni .prize .img { width: 100px; }
	
	.clenstvi-a-certifikaty .cert .text { width: 750px; }
	.clenstvi-a-certifikaty .cert .img { width: 150px; }
	.clenstvi-a-certifikaty .cert .img img { max-width: 100%; }
    .ad-info {
        max-width:670px;
    }
}

@media only screen and (max-width: 1000px) {

    .ad-header h2 {
        padding:0 0 20px 0!important;
    }
}

    @media only screen and (min-width: 351px) and (max-width: 975px) {
	.noTablet { display: none !important; }
	.onTablet { display: block; }
	.site { padding-top: 60px; }
	.site h1,
	.site h2.h1 { padding-top: 30px; font-size: 4em; }
	.site h1 { padding-bottom: 30px; }
	.site h1 span,
	.site h2.h1 span { margin-bottom: 12px; height: 5px; width: 100px; }
	.width { width: 760px; }
	.topBar .logo { padding-left: 10px; }
	.topBar .logo a { width: 157px; height: 25px; background-size: 100%; }
	.topBar .logo img { width: 165px; height: auto; }
	.topBar .menuWrap { padding-right: 0; }
	.topBar .menu li a { padding: 20px 10px; }	
	.submenu .width { width: 760px; }
	.submenu a { font-weight: normal; padding: 10px; }
	.header .carouselWorksArea { width: 760px; height: 300px; }
	.header .carouselWorksViewport { width: 100%; height: 300px; }	
	.header .carouselWorks .navigation { top: -10px; }
	.header .carouselWorks .item { width: 760px; height: 300px; }
	.header .carouselWorks .item .img img { width: 760px; height: auto; }
	.header .carouselWorks .item .content { width: 290px; top: 40px; left: 40px; }
	.header .carouselWorks .item .content p { font-size: 1.1em; }
	.header .carouselWorks .item .btns { padding-top: 10px; }
	.header .carouselNewsArea { padding-top: 0; }
	.header .carouselNewsViewport { height: 140px; }
	.header .carouselNews .page { width: 760px; }
	.header .carouselNews .item { width: 250px; height: 140px; }
	.header .carouselNews .item .date { width: 60px; height: 60px; font-size: .8em; overflow: hidden; }	
	.header .carouselNews .item .content { width: 170px; padding: 0 0 0 10px; font-size: .9em; }
	.header .carouselNewsArea .navigation { bottom: 10px; }
	.aboutus .video { float: none; min-height: 0; width: 100%; padding: 0 0 20px 0; }
	.aboutus .video .lcd { margin-left: 0; background: none; position: relative; height: auto; width: 100%; }
	.aboutus .video .screen { position: relative; top: 0; left: 0; bottom: auto; height: auto; width: 100%; }
	.aboutus .content { float: left; width: 100%; }
	.aboutus .bottom { display: none; }
	.aboutus .menu { padding: 20px 0; }
	.products .menu { padding: 20px 0 0 0; width: 295px; }
	.products .menu li { padding: 0 0 20px 20px; }
	.products .menu a {  }
	.products .menu a span { width: 100px; padding: 10px; text-align: center; }
	.products .cloud { height: 580px; }
	.products .cloud .size2 { width: 85px; height: 85px; font-size: 1.3em; border-radius: 74px; }
	.products .cloud .size3 { width: 95px; height: 95px; font-size: 1.3em; border-radius: 90px; }
	.products .cloud .size4 { width: 110px; height: 110px; font-size: 1.5em; border-radius: 90px; }
	.products .cloud .size5 { width: 120px; height: 120px; font-size: 1.6em; border-radius: 90px; }
	.products .cloud .pos1 { top: 142px; left: 108px; z-index: 20; }
	.products .cloud .pos2 { top: 240px; left: 315px; z-index: 20; }
	.products .cloud .pos3 { top: 90px; left: 532px; }
	.products .cloud .pos4 { top: 87px; left: 263px; }
	.products .cloud .pos5 { top: 28px; left: 159px; }
	.products .cloud .pos6 { top: 241px; left: 53px; z-index: 15; }
	.products .cloud .pos7 { top: 310px; left: 450px; }
	.products .cloud .pos8 { top: 200px; left: 480px; }
	.products .cloud .pos9 { top: 130px; left: 644px; }
	.products .cloud .pos10 { top: 0; left: 5px; }
	.products .cloud .pos11 { top: 337px; left: 5px; }
	.products .cloud .pos12 { top: 310px; left: 160px; }
	.products .cloud .pos13 { top: 150px; left: 375px; z-index: 15; }
	.products .cloud .pos14 { top: 292px; left: 576px; }
	.products .cloud .pos15 { top: 0; left: 490px; }
	.products .cloud .pos16 { top: 105px; left: 0; }
	.products .cloud .pos17 { top: 205px; left: 201px; }
	.products .cloud .pos18 { top: 335px; left: 294px; }
	.products .cloud .pos19 { top: 15px; left: 645px; }
	.products .cloud .pos20 { top: 45px; left: 370px; }
	.products .cloud .pos21 { top: 220px; left: 630px; }
	.clients h2.h1 { float: none; }
	.clients .menu { padding: 0 0 20px 0; float: none; }
	.clients .menu li { padding: 0 10px 20px 10px; }
	.clients .client { width: 150px; }
	.reference .client { width: 175px; }
	.contact h2.h1 { float: none; }
	.contact .menu { padding: 0 0 20px 0; float: none; }
	.contact .menu li { padding: 0 10px 20px 10px; }
	.contact .pretext { padding: 0 20px 30px 20px; }	
	.contact .form .info { float: left; width: 350px; }
	.contact .form .text { float: right; }
	.contact .form .input { float: none; margin-right: 0; margin-bottom: 25px; }
	.contact .form .input input { width: 290px; }
	.contact .form .textarea textarea { width: 300px; height: 183px; }
	.footer h3 { font-size: 4em; padding-bottom: 20px; }
	.footer .social { width: 300px; }
	.footer .social li { -webkit-transform: scale(1); -moz-transform: scale(0.8); margin-right: 20px; }
	.footer .address { width: 320px; }
	.footer .address h3 { margin-left: -43px; }
	.footer .address .fl { float: none; }
	.footer .address .fr { margin-right: 0; float: none; }
	
	.contentTop .menu { top: 50px; }
	
	.aktuality .aktualityWrap { padding-bottom: 30px; }
	.aktuality .aktualita .text { width: 440px; }
	.aktuality .aktualita .img { width: 250px; }
	.aktuality .aktualitaContent { width: 440px; }
	.aktuality .aktualitaSide { width: 250px; }
	.aktuality .imageGalleryBox { width: 250px; }
	
	.o-media-factory .podporujeme a { width: 120px; }
	.o-media-factory .podporujeme a img { max-height: 50px; }
	
	._homepage_ .kariera .content .cols2 .fl { width: 43%; }
	.kariera .contact .form { padding: 0 20px 20px 20px; }
	.kariera .contact .input input { width: 270px; }
	
	.reference .headInfo .quoteArea { width: 350px; }
	.reference .headInfo .logo { float: right; width: 250px; }
	.reference .refName { padding-bottom: 50px; }
	.reference .refName h2,
	.reference .refName h3 { display: block; }
	.reference .refName h2 { font-size: 2.6em; padding: 0; }
	.reference .refName h3 { font-size: 4em; }
	.reference .monitor { background: none; height: auto; }	
	.reference .monitor .display { position: relative; top: 0; left: 0; width: 720px; height: 410px; }
	.reference .carouselRefViewport,
	.reference .monitor .item { width: 720px; height: 410px; }
	.reference .monitor .navigation { top: -30px; }
	.reference .referenceText { width: 405px; }
	.reference .referenceInfo { width: 290px; }
	
	.references .col { width: 50%; padding-right: 0; }
	
	.ziskana-oceneni .prize .text { width: 550px; }
	.ziskana-oceneni .prize .img { width: 100px; }
	
	.clenstvi-a-certifikaty .cert .text { width: 550px; }
	.clenstvi-a-certifikaty .cert .img { width: 100px; }		
}

/*@media only screen and (min-width: 351px) and (max-width: 500px) {*/
@media only screen and (min-width: 351px) and (max-width: 974px) {	
#slide_mf-dv .content h3{display:block;font-size:28px}
#slide_mf-dv  p{padding-bottom:0}
#slide_mf-dv .content .dvWr h3{color:#5e5e5e}
.mfWr,.dvWr{position:static;width:auto;}
.item .content .mf-text,.item .content .dv-text{letter-spacing:0;color:#5e5e5e;font-size:13px!important;font-family:'Arial CE', Arial, helvetica, sans-serif;text-transform:none;margin-bottom:5px;}
.mfBut,.dvBut{color:#fff;border:none;background-color:#e31a15;margin:5px 0 5px 0;padding:6px 40px 5px 40px;font-size:15px;font-family:'Arial CE', Arial, helvetica, sans-serif}
.mfBut{background-color:#000000;margin-bottom:15px}
.mfBut:after,.dvBut:after{content:none;}
.mfBut:hover,.dvBut:hover{color:#fff}
	.noTablet { display: none !important; }
	.noMobile { display: none !important; }
	.onTablet { display: block !important; }
	.onMobile { display: block !important; }
	.screen{display: none}
	.site { padding-top: 0; }
	.site h1,
	.site h2.h1 { font-size: 3em; padding-left: 10px; }
	.site h1 { padding-left: 0; }
	.site h1 span,
	.site h2.h1 span { margin-bottom: 10px; height: 3px; width: 80px; }
	.width { width: 460px; }	
	.topBar { position: relative; }
	.topBar .logo { padding-left: 10px; float: none; }
	.topBar .logo img { width: 165px; height: auto; }
	.topBar .menuWrap { padding-right: 0; float: none; }
	.topBar .menu { padding-bottom: 10px; }
	.topBar .menu li a { padding: 10px;  }		
	.submenu .width { width: 460px; }
	.submenu a { font-size: 1.2em; padding: 10px; font-weight: normal; }
	.header .sloganWrap { box-shadow: 0 -10px 10px -5px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 -10px 10px -5px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 -10px 10px -5px rgba(0,0,0,0.1) inset; }
	.header .slogan { padding: 30px 20px 20px 20px; }
	.header .carouselWorks { padding: 0 10px; }
	.header .carouselWorksArea { width: 460px; height: 240px; padding-top: 20px; border-bottom: 1px solid #eaeaea; }
	.header .carouselWorksViewport { width: 100%; height: 240px; }	
	.header .carouselWorks .navigation { top: auto; bottom: 10px; right: 0; }
	.header .carouselWorks .item { width: 460px; height: 240px; }
	.header .carouselWorks .item .img { display: none; }
	.header .carouselWorks .item .content { width: 100%; position: relative; top: 0; left: 0; }
	.header .carouselWorks .item .btns { padding-top: 10px; }
	.header .carouselNewsArea { padding-top: 20px; }
	.header .carouselNewsViewport { height: 290px; }
	.header .carouselNews .page { width: 460px; }
	.header .carouselNews .item { float: none; width: 460px; padding: 10px 0 20px 0; height: 72px; overflow: hidden; }
	.header .carouselNews .item .date { width: 70px; height: 70px; font-size: 1em; }
	.header .carouselNews .item .content { width: 360px; }
	.header .carouselNewsArea .navigation { bottom: 10px; right: 0; }
	.products h2.h1 { float: none; }
	.products { background-position: -420px 100%; }
	.products .menu { float: none; width: 100%; padding: 0 0 0 10px; }
	.products .menu li { padding: 0 10px 0 0; margin: 0; }
	.products .menu a { margin: 0; width: auto; }
	.products .menu a span { width: auto; }
	.products .cloud { margin-top: 30px; height: auto; padding: 0 10px 50px 10px; }
	.products .cloud a { font-size: 1.4em !important; position: relative; top: 0!important; left: 0!important; float: left; width: 200px !important; margin-right: 5px; height: 40px !important; margin-bottom: 5px; border-radius: 0 !important; -webkit-animation: none !important; }
	.products .cloud a:hover span.more,
	.products .cloud a.hover span.more { display: none; }
	.products .cloud .disabled a { display: none; }
	.clients .pretext { padding: 10px; }
	.clients .client,
	.reference .client { height: 110px; }
	.clients .client img,
	.reference .client img { max-width: 80%; }
	.contact .contactBG { background-position: 50% -50px; padding-top: 70px; }
	.contact .pretext { padding: 0 10px 20px 10px; }
	.contact .form { padding: 0 10px 20px 10px; }
	.contact .form .info { float: none; width: auto; }
	.contact .form .text { float: none; }
	.contact .form .input { float: none; margin-right: 0; margin-bottom: 20px; }
	.contact .form .input input { width: 388px; }
	.contact .form .textarea { margin-bottom: 20px; }
	.contact .form .textarea textarea { width: 388px; height: 100px; }
	.footer h3 { font-size: 3em; padding-bottom: 10px; padding-top: 0; }
	.footer .padding { padding: 30px 10px 0 10px; }
	.footer .social { width: auto; float: none; }
	.footer .social ul { margin-left: -10px; }
	.footer .social li { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); margin-right: 0; }
	.footer .address { width: auto; float: none; padding: 0; }
	.footer .address h3 { margin-left: 0; }
	.footer .address .fl { float: none; }
	.footer .address .fr { margin-right: 0; float: none; }		
	
	.content h2,
	.content h2.h2 { font-size: 2.2em; }
	.content h3,
	.content h3.h3 { font-size: 1.5em; }	
	.content .quote { padding: 20px; background-position: 20px 20px; margin-bottom: 20px; }
	.content .quote p { text-indent: 50px; }
	.content .padding { padding: 0 10px; } 
	
	.contentTop .menu { top: 0; left: 0; right: auto; position: relative; padding: 0 0 20px 0; margin-top: -20px; }
	.contentTop .menu li { padding: 0 20px 20px 0; }
	
	.aktuality .aktualityWrap { padding-bottom: 20px; }
	.aktuality .aktualita { padding-bottom: 30px; }
	.aktuality .aktualita .text { width: 275px; }
	.aktuality .aktualita .img { width: 120px; }
	.aktuality .aktualitaContent { width: 275px; }
	.aktuality .aktualitaSide { width: 120px; }
	.aktuality .imageGalleryBox { width: 120px; }
	
	.o-media-factory .podporujeme a { width: 33%; padding: 0 0 40px 0; }
	.o-media-factory .podporujeme a img { max-height: 60px; }
	.o-media-factory .podporujeme a span { padding: 10px 0 0 0; }
	
	._homepage_ .kariera .content .cols2 .fl,
	._homepage_ .kariera .content .cols2 .fr,
	.kariera .content .cols2 .fl,
	.kariera .content .cols2 .fr { float: none; width: auto; }
	._homepage_ .kariera .content .cols2 .fl,
	._homepage_ .kariera .content .cols2 .fr { padding: 0 10px; }
	._homepage_ .kariera .content h2.h2 { padding-top: 0; }
	._homepage_ .kariera .content .cols2 .fr,
	.kariera .content .cols2 .fr { padding-top: 20px; }	
	.kariera .content .cols2 .fr iframe { height: 266px; }
	
	.kariera .contact .form { padding: 0 20px 20px 20px; }
	.kariera .contact .personal,
	.kariera .contact .anotherinfo { float: none; width: 100%; }
	.kariera .contact .input { display: inline-block; }
	.kariera .contact .input input { width: 365px; }
			
	.reference .headInfo .quoteArea { float: none; width: auto; }
	.reference .headInfo .logo { float: none; width: auto; }
	.reference .monitor .display {width: 440px; height: 260px; }
	.reference .carouselRefViewport,
	.reference .monitor .item { width: 440px; height: 260px; }
	.reference .referenceText,
	.reference .referenceInfo { width: auto; float: none; }
	
	.references .col { width: 100%; float: none; }
	.references a span { font-size: 1.3em; }
	
	.ziskana-oceneni .timelineWrap { padding-left: 25px; }
	.ziskana-oceneni .timeline { left: 0; }
	.ziskana-oceneni .year h2 { margin-left: -20px; margin-bottom: 20px; }	
	.ziskana-oceneni .prize .text { width: 280px; }
	.ziskana-oceneni .prize .img { width: 100px; }
	.ziskana-oceneni .prize .text p { font-size: 1.2em; }
	
	.clenstvi-a-certifikaty .cert .text { width: 280px; }
	.clenstvi-a-certifikaty .cert .img { width: 100px; }
	
	.kontakt .content .fl,
	.kontakt .content .fr { width: auto; float: none; }
	.kontakt .content .fr { padding-top: 20px; }
	
	#captchaBox .imageBox .img { float: none; display: block; margin-bottom: 5px; }
	#captchaBox .imageBox .imgIn {  }
	#captchaBox .imageBox .reload { float: none; padding: 0 0 10px 0; }
	#captchaBox .input { margin-top: 10px; }
    .ad-info {
        max-width:none;
        padding-right:0;
        margin-top:0
    }
}

/*@media only screen and (max-width: 350px) {*/
@media only screen and (max-width: 479px) {
	.screen { display: none; }
	.noMobile { display: none !important; }
	.onlyMobile,
	.onMobile { display: block !important; }
	.site { padding-top: 0; }
	.site h1,
	.site h2.h1 { font-size: 3em; padding-top: 20px; padding-left: 10px; }
	.site h1 { padding-left: 0; padding-bottom: 30px; }
	.site h1 span,
	.site h2.h1 span { /*margin-bottom: 10px; height: 3px; width: 80px;*/ display: none; }
	.width { width: 100%; }
	.topBar { position: relative; min-height: 60px; }
	.topBar .width { position: relative; }
	.topBar .logo { padding-left: 10px; float: none; }
	.topBar .logo a { width: 157px; height: 25px; background-size: 100%; }
	.topBar .logo img { width: 165px; height: auto; }
	.topBar .menuWrap { padding-right: 0; float: none; }
	.topBar .menu { display: none; }
	.no-js .topBar .menu,
	.no-js .submenu { display: block; }
	.topBar .menu {  border-top: 1px solid #555; }
	.topBar .menu li { padding: 0; width: 50%; border-right: 1px solid #555; margin-left: -1px;}
	.topBar .menu a { display: block; padding: 8px 0px; text-align: center; font-size: 1.3em; border-bottom: 1px solid #555; }
	.topBar .menu a:hover { background: rgba(255,255,255,0.1); }
	.topBar .menu li:last-child a { border-bottom: 0; }
	.topBar .menuTrigger { display: block; position: absolute; top: 10px; right: 10px; }
	.topBar .menuTrigger a { display: block; background: #e31a15 url('../images/ico_menuarrow.gif') 75px 50% no-repeat; color: #fff; padding: 6px 30px 6px 15px; font-size: 2em; font-family: 'Conduit ITC W02 Bold'; text-transform: uppercase; text-decoration: none; }
	.submenu { display: none; }
	.submenu .width { width: 100%; }
	.submenu a { font-size: 1.2em; padding: 10px; font-weight: normal; }
	.header .carouselWorksArea { display: none; }
	.header .sloganWrap { box-shadow: 0 -10px 10px -5px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 -10px 10px -5px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 -10px 10px -5px rgba(0,0,0,0.1) inset; }
	.header .slogan { padding: 10px; }
	.header .carouselWorksViewport { width: 100%; height: 240px; }
	.header .carouselNewsArea { padding-top: 10px; }
	.header .carouselNewsViewport { height: 220px; width: 100%; }
	.header .carouselNews .page { width: 300px; }
	.header .carouselNews .item { float: none; width: 300px; padding: 0 0 10px 0; height: 72px; }
	.header .carouselNews .item .date { width: 60px; height: 60px; font-size: .8em; overflow: hidden; margin-left: 10px; }
	.header .carouselNews .item .content { width: 210px; padding: 0 10px 0 0; }
	.header .carouselNews .item .content h3 { font-weight: normal; }
	.header .carouselNews .item .content p { display: none; }
	.header .carouselNewsArea .navigation { bottom: 10px; right: 10px; }	 
	.aboutus .video { float: none; min-height: 0; width: 100%; padding: 0 0 20px 0; }
	.aboutus .video .lcd { margin-left: 0; background: none; position: relative; height: auto; width: 100%; }
	.aboutus .video .screen { position: relative; top: 0; left: 0; bottom: auto; height: auto; width: 100%; }
	.aboutus .content { float: left; width: 100%; }
	.aboutus .bottom { display: none; }
	.aboutus .menu { padding: 20px 0; }
	.products h2.h1 { float: none; }
	.products { background-position: -400px 100%; }
	.products .menu { float: none; width: auto; padding: 0 10px; }
	.products .menu li { margin: 0; padding: 0; margin-bottom: 20px; }
	.products .menu li a { padding: 0; display: inline-block; }
	.products .menu li ul { display: block; padding: 10px 10px 10px 10px; background: #fff; }
	.products .menu ul li { margin: 0; }
	.products .menu ul a { font-family: 'Arial CE', Arial, helvetica, sans-serif; background: none; padding: 0; display: inline; color: #4e4e4e; text-transform: lowercase; text-decoration: none; padding: 0 5px 0 0; font-size: 1.3em; line-height: 1.5em; }
	.products .menu ul a:hover { text-decoration: underline; }
	.products .menu ul a:after { content: ' /'; }
	.products .cloud { min-height: 0; height: auto; padding-bottom: 100px; }
	.products .cloud a { display: none; }
	.clients h2.h1 { float: none; }
	.clients .menu { padding: 0 0 20px 0; float: none; }
	.clients .menu li { padding: 0 10px 10px 10px; }
	.clients .pretext { padding: 10px 10px 0 10px; }
	.clients .client,
	.reference .client { height: 80px; width: 49%; }
	.clients .client img,
	.reference .client img { max-width: 70%; max-height: 55px; }
	.contact .contactBG { background-position: 50% -80px; padding-top: 50px; }
	.contact h2.h1 { float: none; }
	.contact .menu { padding: 0 0 20px 0; float: none; }
	.contact .menu li { padding: 0 10px 10px 10px; }
	.contact .pretext { padding: 0 10px 20px 10px; }
	.contact .form { padding: 0 10px 20px 10px; }
	.contact .form .info { float: none; width: auto; }
	.contact .form .text { float: none; width: auto; }
	.contact .form .input { float: none; margin-right: 0; margin-bottom: 20px; }
	.contact .form .input input { width: 248px; }
	.contact .form .textarea { margin-bottom: 20px; }
	.contact .form .textarea textarea { width: 248px; height: 100px; }
	.contact .form .send input { float: left; }
	.footer h3 { font-size: 3em; padding-bottom: 10px; padding-top: 0; }
	.footer .padding { padding: 30px 10px 0 10px; }
	.footer .social { width: auto; float: none; }
	.footer .social h3 { padding-bottom: 10px; }
	.footer .social ul { max-width: 280px; }
	.footer .social li { -webkit-transform: scale(0.9); -moz-transform: scale(0.8); margin-right: 10px; }
	.footer .address { width: auto; float: none; padding: 20px 0 0 0; }
	.footer .address h3 { margin-left: 0; }
	.footer .address .fl { float: none; }
	.footer .address .fr { margin-right: 0; float: none; }		
	
	.content h2,
	.content h2.h2 { padding: 20px 0; font-size: 2.2em; }
	.content h2.h2b { padding-bottom: 0; padding-top: 0; }
	.content h3,
	.content h3.h3 { font-size: 1.4em; }
	.content .quote { padding: 20px; background-position: 20px 20px; margin-bottom: 20px; }
	.content .quote p { text-indent: 50px; }
	.content .cols2 .fl,
	.content .cols2 .fr { float: none; width: auto; }
	.content .padding { padding: 0 10px; }
	
	.contentTop .menu { top: 0; left: 0; right: auto; position: relative; padding: 0 0 10px 0; margin-top: -20px; }
	.contentTop .menu li { padding: 0 20px 20px 0; }
	
	.aktuality .aktualityWrap { padding-bottom: 20px; }
	.aktuality .aktualita { padding-bottom: 40px; }
	.aktuality .aktualita .text { float: none; width: auto; padding: 0 0 10px 0; }
	.aktuality .aktualita .img { float: none; width: auto; padding: 0; }
	.aktuality .aktualitaContent { float: none; width: auto; }
	.aktuality .aktualitaSide { float: none; width: auto; height: auto; display: none; }
	.aktuality .imageGallery { position: relative; padding: 20px 0 0 0; }
	.aktuality .imageGalleryBox { padding: 0 0 20px 0; width: auto; }		
	
	.o-media-factory .podporujeme a { width: 50%; padding: 0 0 40px 0; }
	.o-media-factory .podporujeme a img { max-height: 50px; }
	.o-media-factory .podporujeme a span { padding: 10px 0 0 0; }
	
	._homepage_ .kariera .content .cols2 .fl,
	._homepage_ .kariera .content .cols2 .fr { width: auto; padding: 0 10px; }
	._homepage_ .kariera .content .cols2 .fr,
	.kariera .content .cols2 .fr { padding-top: 20px; }
	.kariera .content .cols2 .fr iframe { height: 200px; }	
	.kariera .contact .form { padding: 0 10px 20px 10px; }
	.kariera .contact .personal,
	.kariera .contact .anotherinfo { float: none; width: 100%; }
	.kariera .contact .input { display: inline-block; }
	.kariera .contact .input input { width: 248px; }
	
	.reference .headInfo h2.h1 { padding: 20px; }
	.reference .headInfo .quoteArea { float: none; width: auto; padding: 0 20px 20px 15px; }
	.reference .headInfo .logo { float: none; width: auto; padding: 0 20px 20px 20px; }
	.reference .refName { padding-bottom: 50px; }
	.reference .refName h2,
	.reference .refName h3 { display: block; }
	.reference .refName h2 { font-size: 2.2em; padding: 0; }
	.reference .refName h3 { font-size: 3em; }
	.reference .monitor { background: none; height: auto; }				
	.reference .monitor .display { position: relative; top: 0; left: 0;width: 300px; height: 180px; }
	.reference .carouselRefViewport,
	.reference .monitor .item { width: 300px; height: 180px; }
	.reference .monitor .item img { max-width: 100%; }
	.reference .monitor .navigation { top: -30px; }
	.reference .monitor .touchslider-prev,
	.reference .monitor .touchslider-next { display: none; }	
	.reference .referenceText,
	.reference .referenceInfo { width: 100%; float: none; }
	.reference .cta { font-size: 2.5em; }
	
	.references .col { width: 100%; float: none; padding-right: 0; }
	.references a span { font-size: 1.3em; }
	
	.ziskana-oceneni .timelineWrap { padding-left: 15px; }
	.ziskana-oceneni .timeline { left: 0; }
	.ziskana-oceneni .year h2 { padding: 5px 10px; margin: 0 0 15px -10px; }
	.ziskana-oceneni .prize { padding: 0 0 20px 0; }	
	.ziskana-oceneni .prize h3 { padding-bottom: 10px; }	
	.ziskana-oceneni .prize .text { width: auto; }
	.ziskana-oceneni .prize .img { width: auto; }
	.ziskana-oceneni .prize .text p { font-size: 1.2em; padding: 0 0 10px 0; }
	
	.clenstvi-a-certifikaty .cert .text { width: auto; float: none; }
	.clenstvi-a-certifikaty .cert .img { width: auto; float: none; padding-top: 0; text-align: left; }
	
	.kontakt .content .fl,
	.kontakt .content .fr { width: auto; float: none; }
	.kontakt .content .fr { padding-top: 20px; }
	
	#captchaBox .imageBox .img { display: inline-block; }
	#captchaBox .imageBox .imgIn { width: 278px; }
    #sharing.top-sharing .socNets{
        float: none;
        padding-left:0
    }
    #sharing.top-sharing .socNets li:first-child {
        padding-left:0
    }
    .ad-header {
        display:block;
    }
}

@media only screen and (min-width: 351px) {
	.topBar .menu,
	.submenu { display: block !important; }
}

@media only screen and (max-width: 350px) {
    .ad-info {
        margin-top:0;
    }
}

@media only screen and (max-width: 290px) {
	.topBar .logo { padding: 20px 0 10px 10px; }
	.topBar .logo a { width: 120px; height: 19px; }
	.topBar .logo img { width: 120px; }
}

.careerPoster img {
	max-width: 100%;
	height: auto;
	display: block;
}