/* Landscape phone to portrait tablet */ @media (min-width: 767px) { body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; background: #f3f3f3; color: #666; font-family: 'aller_lightregular';} .clearfix { zoom: 1; } h1{font-size: 60px;} h2{font-size: 35px;} h3{font-size: 30px;} h4{font-size: 22px;} h6{font-size: 16px;} p{ margin-bottom: 1em;/*font-size:16px; line-height:25px;*/font-size:14px; line-height:22px; } p.intro { font-size: 1.25em; color: #555; font-weight: 700; } a.btn{font-size:20px;padding:7px 26px;} a.btn:hover{background:#f87270} .main{padding:124px 0px 0px 0px;} body, html { scrollbar-face-color: ThreeDFace !important; scrollbar-shadow-color: ThreeDDarkShadow !important; scrollbar-highlight-color: ThreeDHighlight !important; scrollbar-3dlight-color: ThreeDLightShadow !important; scrollbar-darkshadow-color: ThreeDDarkShadow !important; scrollbar-track-color: Scrollbar !important; scrollbar-arrow-color: ButtonText !important; } body{ scrollbar-base-color: white; scrollbar-3dlight-color: white; scrollbar-highlight-color: white; scrollbar-track-color: white; scrollbar-arrow-color: white; scrollbar-shadow-color: white; scrollbar-darkshadow-color:white; scrollbar-face-color: white; } @-moz-document url-prefix() { div.mozilla {position:absolute; width:7%; height:16.5em;margin-left:46%;background-color:white;} } #wrapper #header .container {padding:45px 0px;margin: 0px auto;} #wrapper #header .logo{margin-left:0px;} #wrapper #slider .container {padding:15px 0px 86px 0px;width:980px; overflow:visible} /*#wrapper #portfolio .container{padding:0px 0px 120px 0px}*/ #wrapper #services .container{padding:0px 0px 100px 0px} #wrapper #team .container{padding:0px 0px 110px 0px;width:980px;} #wrapper #team .container .containerInner{width:980px; margin:0px auto} #wrapper #team .container ul.list{width:980px;margin:0px auto;margin-top:50px;} #wrapper #portfolio .container{padding:0px 0px 41px 0px;width:980px !important} #wrapper #office .container{padding:0px 0px 0px 0px} #wrapper #feed{border-top:1px solid #e3e3e3} #wrapper #feed .container{padding:159px 0px 120px 0px} #wrapper #section .container{padding:60px 0px;} #wrapper #section.services{background-image:url(../images/bg-services.jpg)} #wrapper #section.servicesInner{background-image:url(../images/banner-service-e-commerce.jpg) !important;} #wrapper #section.servicesseo{background-image:url(../images/banner-service-referencement.jpg) !important;} #wrapper #section.serviceswebdesign{background-image:url(../images/banner-service-webdesign.jpg) !important;} #wrapper #section.servicessocial{background-image:url(../images/banner-service-marketing.jpg) !important;} #wrapper #section.servicesadword{background-image:url(../images/banner-service-adwords.jpg) !important;} #wrapper #section.servicesstg{background-image:url(../images/banner-service-strategie.jpg) !important;} #wrapper .container{margin:0px auto;width:980px; overflow:hidden; position:relative;padding:0px;} #wrapper #header {clear:both; overflow:hidden} #wrapper #header .logo{float:left} /*home page slider*/ #slider .sliderHome{position:relative;clear:both; overflow:hidden} #slider .sliderHome .image{background:url(../images/frame-ipad.png) no-repeat left top;width:853px;height:690px;float:left; overflow:hidden} #slider .sliderHome .mac{/*height:505px;*/margin-top:35px;background:none} #slider .sliderHome .mac img{left:0px !important} #slider .sliderHome .caption{float:right;position:absolute;right:0px;top:180px;} #slider .sliderHome .caption h1{padding-left:308px;font-size:45px;color:#6f6f6f;line-height:50px;text-align:left;margin:0px;} #slider .sliderHome .caption h2{ font-family: 'susaregularregular';font-size:55px;line-height:52px;color:#de4a4a;padding-left:250px;text-transform:none;margin:0px !important} #slider .sliderHome .caption h4{/*background:url(../images/transparent.png) repeat left top;*/font-size:26px;padding:5px 15px;text-align:right;} /**/ #wrapper #portfolio{width:980px;margin:0px auto} #wrapper #portfolio .portfolioSlider {height: 507px;overflow: hidden; width: 100%;} #wrapper #portfolio .portfolioSlider .sliderBlock{float:left;width:980px;clear:none;padding-top:0} #wrapper #portfolio .portfolioSlider ul{ height:507px; overflow:hidden;margin-bottom:10px;width:100%} /*#wrapper #portfolio .portfolioSlider ul li{width:100%;border:0px;margin:0px;float:left} #wrapper #portfolio .portfolioSlider ul li ul li{float:left;border:1px solid #dedede;margin:1% 2.57% 1% 0px;width:31.4%;}*/ #wrapper #portfolio .portfolioSlider ul li {float:left;border:1px solid #dedede;margin:1% 2.57% 1% 0px;width:31.4%; /*width:308px;margin:5px 15px 5px 0*/} #wrapper #portfolio .portfolioSlider ul li:nth-child(4n){clear:left} #wrapper #portfolio .portfolioSlider ul li ul li:nth-child(3n){margin-right:0} #wrapper #portfolio .workList li{float:left;border:1px solid #dedede;margin:1% 2.57% 1% 0px;width:31.4%;} #wrapper #portfolio .workList li:nth-child(3n){margin-right:0} #wrapper #portfolio h1{margin:0px;text-align:center} #wrapper #portfolio .link{text-align:center;padding-bottom:119px} #wrapper #portfolio .link a.btn{display:inline} #wrapper #services .container{margin:0px auto;} #wrapper #feed .container{margin:0px auto;} #wrapper #portfolio .clientList li{float:left;margin:0 2.653% 28px 0px;width:31.2%;} #wrapper #portfolio .clientList li:nth-child(3n){margin-right:0} #wrapper #services ul.servicBox li{ float: left; height: 100%; margin-left: 0.5%; overflow: hidden; position: relative; width: 16.24%; } #wrapper #services ul.servicBox li:first-child { margin-left: 0px; } /*No scrollbar needed*/ #no-scrollbar-needed { width: 50.53%; float: left; } #wrapper #services .serviceDesc .article { float: left; /*width:504px; width: 46.53%;*/ /*width: 50.53%;*/ line-height: 1em; /* height: 22.5em;*/ /*overflow-x:hidden; overflow-y:scroll; padding-right: 4.45%;*/ /* background: url(../images/border-divider.png) repeat-y right 11px;*/ margin-bottom:0; } ::-webkit-scrollbar { width: 5px; } ::-webkit-scrollbar-button { width: 5px; height:5px; } ::-webkit-scrollbar-thumb { background:#F2F2F2; border: thin dotted gray; border-radius:10px; } ::-webkit-scrollbar-thumb:hover { background:#7d7d7d; } #wrapper #services .serviceDesc .articleRt { float: right; /*width:473px;*/ width: 45%; position: relative; min-height: 256px; } #wrapper #services .serviceDesc .articleRt a.btn { padding: 5px 22px; } #wrapper #team ul.list li { float: left; font-size: 31px/*35px*/; background: url(../images/bdr-ver.png) no-repeat left center; text-align: left; width: auto; } #wrapper #feed ul li { float: left; margin-left: 14px; width: 30%; } #wrapper #feed ul li:first-child { width: 36%; margin-left: 0; } #wrapper #office .container { min-height: 717px; } #wrapper #office .contact { padding: 36px; width: 279px; position: absolute; left: 0px; top: 166px; z-index: 1; overflow: hidden; } .articleDetail{overflow:hidden;margin-bottom:35px;} #wrapper #services.background{background-image:url(../images/shadow-services.png); } #wrapper #office .contact h3{font-size:25px;line-height:auto;color:#ed4242} #nav {margin:0px !important;} #nav ul{float:left;} #nav li { float:left;background:url(../images/nav-sep.png) no-repeat left center;padding:0px 5px 0px 10px;border:0px; } #nav li:first-child{background:none} #nav ul.lang li, #nav ul.lang li:first-child{background-position:left 7px} #nav ul.lang li a{font-size:13px;line-height:18px;line-height:32px;} #wrapper #services .serviceDesc .articleRt .bubble{width:213px;} #wrapper #services .serviceDesc .articleRt .image{height:256px;bottom:-42px} #wrapper #services .serviceDesc .articleRt .image img{z-index:-1;height:219px;} .main .title{height:126px;/*margin-bottom:50px;*/} .main .header .title{height:auto;} #wrapper .container .row{margin-left:-3%;overflow:hidden;padding:60px 0px 0px 0px} #wrapper .container .row .col{margin-bottom:25px;width:30%;padding:0px 0px 0px 3%;float:left;} #wrapper .container .link{text-align:center} #wrapper .container .link:hover{text-decoration:underline} /*#wrapper #portfolio .container .link{text-align:left}*/ /*services*/ #wrapper #section.services .container{padding:40px 0px;} #wrapper #services .serviceDesc {padding:57px 0px 0px 0px} #wrapper #section.services h1{color:#ffffff} #wrapper #section.services h2{color:#ffffff;text-align:left} #wrapper #section.services h2 span{color:#ffffff} .servicesblock ul{overflow:hidden} .servicesblock ul li{float:left;width:45.40%;margin-bottom:35px;background:none;/*min-height:410px;*/} .servicesblock ul li:nth-child(2n){float:right;clear:right} .sliderBlock{padding:60px 0px 0px 0px;/*height:250px;*/} .services .sliderBlock{padding:60px 0px 0px 0px;height:250px;} .sliderBlock .colLt{float:left;width:65.51%} .sliderBlock .colRt{/*background:#ef4a49 url(../images/grey-gradient.png) repeat-x left bottom;*/float:right;width:31.632%;background:none;padding:0px;} .sliderBlock .colRt .article{background:#ef4a49;padding:20px;} .sliderBlock .colRt .colRtBtm{background: url(../images/grey-gradient.png) repeat-x left bottom;clear:both;height:105px;} .sliderBlock .colRt h3{margin-bottom:34px;} .servicesblock ul li span.thumb{width:45%;float:left;display:block;margin:0 3.8% 0 0;} .servicesblock ul li p{line-height:20px;} /*services detail*/ #section .titleSer, #section .titleSer h1{text-align:center} #wrapper #section .header{ position:relative;height:482px;/*background-color:#6ed7df*/background:none} #wrapper #section.serviceswebdesign .header, #wrapper #section.servicesInner .header, #wrapper #section.servicesseo .header{background:none} #wrapper #section .header .container{height:482px;padding:0px;overflow:visible} #wrapper #section .header .title{padding:127px 0px 0px 0px;width:40%;text-align:left;border:0px;} #wrapper #section .header .title h1{color:#ffffff;line-height:none;margin:25px 0px;} #wrapper #section .header .title h2{width:58%;line-height:34px;color:#ffffff;padding-bottom:30px;font-size:30px;margin: 1em 0 .5em;} #wrapper #section .header .title h2 span{color:#414142} #wrapper #section .header .title a.btn{background:#5a5a5a;color:#ffffff;font-size:20px;width:48%;text-align:center;transition: background 0.2s linear;} #wrapper #section .header .title a.btn:hover{background:#C56463;transition: background 0.2s linear;} #wrapper #section .header .imageSlider{position:absolute;right:0px;bottom:0px;} #wrapper #section .header .imageSlider .shadow{position:absolute;right:-150px;bottom:0px;z-index:1} #wrapper #section .header .imageSlider img{vertical-align:bottom} /*services slider*/ #images-container{position:relative;width:600px;height:400px} .images{position:absolute;top:0px;right:0px;display:none;height:100%;} #image1{display:block;} #wrapper #section .sliderBlock .article{} #wrapper #section .sliderBlock .article ul {text-align:center} #wrapper #section .sliderBlock .article ul li{display:inline;zoom:1;*display:inline;margin-bottom:20px;} #wrapper #section .sliderBlock .article ul li a{margin:0px 12px;display:inline-block;zoom:1;*display:inline;padding:5px 3%;color:#ffffff;font-size:20px;text-transform:uppercase;-webkit-transition:background 0.2s linear;-moz-transition:background 0.2s linear;transition:background 0.2s linear;margin-bottom:15px;} #wrapper #section .sliderBlock .article ul li.item1 a{background:#f77e7c} #wrapper #section .sliderBlock .article ul li.item2 a{background:#f77e7c} #wrapper #section .sliderBlock .article ul li.item3 a{background:#f77e7c} #wrapper #section .sliderBlock .article ul li.item4 a{background:#f77e7c} #wrapper #section .sliderBlock .article ul li.item5 a{background:#f77e7c} #wrapper #section .sliderBlock .article ul li.item6 a{background:#f77e7c} #wrapper #section .sliderBlock .article ul li.item1:hover a{background:#c56463} #wrapper #section .sliderBlock .article ul li.item2:hover a{background:#c56463} #wrapper #section .sliderBlock .article ul li.item3:hover a{background:#c56463} #wrapper #section .sliderBlock .article ul li.item4:hover a{background:#c56463} #wrapper #section .sliderBlock .article ul li.item5:hover a{background:#c56463} #wrapper #section .sliderBlock .article ul li.item6:hover a{background:#c56463} .sliderBlock .colLt{background: url(../images/grey-gradient.png) repeat-x left bottom;padding-bottom:104px;} .sliderBlock .colLt #images-container{position:relative;width:100%;height:382px} /*added*/ #wrapper #section .header .title{text-align:center} #wrapper #section .header .title img.center{margin:0px auto} #wrapper #section .header .title h1{font-size:44px;} #wrapper #section.servicesInner .title h1{color:#f77e7c} #wrapper #section.servicesInner .title a.btn{background:#f77e7c} /**/ #wrapper #section.serviceswebdesign .title h1{color:#f77e7c} #wrapper #section.serviceswebdesign .title a.btn{background:#f77e7c} /**/ #wrapper #section.servicesseo .title h1{color:#f77e7c} #wrapper #section.servicesseo .title a.btn{background:#f77e7c} /**/ #wrapper #section.servicessocial .title h1{color:#f77e7c} #wrapper #section.servicessocial .title a.btn{background:#f77e7c} #wrapper #section.servicesadword .title h1{color:#f77e7c} #wrapper #section.servicesadword .title a.btn{background:#f77e7c} #wrapper #section.servicesstg .title h1{color:#f77e7c} #wrapper #section.servicesstg .title a.btn{background:#f77e7c} /**/ #wrapper #section .rowInner{clear:both;overflow:hidden} #wrapper #section .rowbkg{background:#f3f3f3;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3} #wrapper #section .rowInner h2{text-align:left;color:#6f6f6f;padding:0px 0px 25px 0px} #wrapper #section .rowInner .textCenter h2{text-align:center} #wrapper #section .rowInner h3{line-height:normal;font-family: 'novecento_widebook';font-size:20px;color:#f77e7c} #wrapper #section .rowInner .col{width:31.326%;float:left;background:#5a5a5a;margin-top:60px;} #wrapper #section .rowInner .col h3{font-size:28px;color:#ffffff;background:url(../images/bdr-hor-white.png) repeat-x left bottom;padding:0px 0px 15px 0px;margin:27px 27px 15px 27px} #wrapper #section .rowInner .col ul{padding:27px;} #wrapper #section .rowInner .col ul li{color:#ffffff;padding:5px 0px 5px 15px;background:url(../images/bullet-circle.png) no-repeat left 11px;} #wrapper #section .rowInner .col1{width:63.469%;float:right;margin-top:60px;} #wrapper #section .rowInner .col1 ul{clear:both; overflow:hidden;border-top:1px solid #e0e0e0;margin-top:25px;padding-top:0} #wrapper #section .rowInner .col1 ul li{float:left;width:47%;background:none;float:left} #wrapper #section .rowInner .col1 ul li:nth-child(2n){float:right} #wrapper #section .rowInner .col2{width:48%;float:left} #wrapper #section .rowInner .col2Rt{float:right;background:none;padding:0} #wrapper #section .rowInner .col3{width:48%;float:left} #wrapper #section .rowInner .col3Rt{float:right;margin-top:0px;} #wrapper #section .rowInner .col3 .article{background:#e0e0e0;padding:27px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;position:relative;margin-bottom:10px;} #wrapper #section .rowInner .col3 .article span.arrow{width:18px;height:15px;display:block;background:url(../images/bubble-btm.png) no-repeat left bottom;position:absolute;left:31px;bottom:-12px;} #wrapper #section .rowInner .col3 span.signature{display:block;padding-left:60px;font-size:13px;color:#f77e7c} #wrapper #section .rowInner .textCenter{text-align:center;/*width:782px;*/margin:0px auto} #wrapper #section .rowInner .textCenter h2{color:#f77e7c} #wrapper #section .rowInner .textCenter .accordion-container{width:455px;margin:0px auto} /*news page*/ #containerColumn.fluid {clear:both;margin-left:-4.5%} /* right margin value is 0.1% less than calculated, to allow for rounding errors in Firefox */ /*#containerColumn{margin-left:-2.75%;width:1003px;} */ #containerColumn .box { margin: 0px 0% 50px 4.5%; background-color: #ffffff; box-shadow: 2px 2px 2px rgba(217,217,217,0.4); -moz-box-shadow: 2px 2px 2px rgba(217,217,217,0.4); -webkit-box-shadow: 2px 2px 2px rgba(217,217,217,0.4); border:1px solid #f5f5f5; background:none; padding:0px; position:relative; } #containerColumn .box h2{font-size:22px} #containerColumn .box p{font-size:14px;} #containerColumn .box ul{padding-bottom:15px;padding-left:15px} #containerColumn .box ul li{color:#b2b2b2;padding-bottom:5px;font-size:14px;list-style:disc} #containerColumn .box ul li a{} #containerColumn .box.col1 { width: 28.5%; } #containerColumn .box.col2 { width: 61.6%; } #containerColumn .box.col2 .article{padding:20px 20px 10px 20px} #containerColumn .box.col3 { width: 56%; } /*contact-page*/ #contact-section{} #contact-section .navigation{margin:0px 0px 17px 0px} #contact-section .navigation li{float:left;width:30%;background:url(../images/icon-arrow.png) no-repeat left 54px;padding:0px 20px 0px 29px;} /*#contact-section .navigation li a{display:block;text-align:center} #contact-section .navigation li a:hover{background:#999999;} #contact-section .navigation li:first-child{background:none;padding-left:0px;} #contact-section .navigation li:last-child{padding-right:0px;} #contact-section .navigation li:nth-child(2n){}*/ #contact-section .slidingContainer {margin-bottom:0px} #contact-section .slidingContainer .section{/*padding:6%*/padding:0px;background:#f2f2f2; position:relative;width:980px;float:left} #contact-section .slidingContainer .section .sectionInner{padding:3%} #contact-section .slidingContainer .nobkg{padding:0px;background:none} #contact-section .slidingContainer ul.nextprev{position:absolute;right:6%;top:10%} #contact-section .slidingContainer .article{overflow:hidden;} #contact-section .slidingContainer .article h2{marign:0px !important;} #contact-section .slidingContainer .article h6{margin:0px !important;padding-bottom:30px;text-transform:none;font-family:Arial, Helvetica, sans-serif} #contact-section .slidingContainer .article h3{marign:0px !important;font-size: 22px;color:#f77e7c} #contact-section .slidingContainer .article h3.small{font-size:14px;margin:0px;padding:0px;color:#666666;margin:0px !important;padding-bottom:30px;text-transform:none;font-family:Arial, Helvetica, sans-serif} #contact-section .slidingContainer .article .col{/*width:65%;*/float:left} #contact-section .slidingContainer .article .col ul{list-style-type:disc;padding-left:18px;} #contact-section .slidingContainer .article .col ul li{list-style-type:disc} #contact-section .slidingContainer .article .col1{width:30%;float:right;padding-top:95px;} #contact-section .slidingContainer .article .col2{float:left;width:48.571%} #contact-section .slidingContainer .article .col2full{width:100%} #contact-section .slidingContainer .article .col2full .colEle{float:left;width:48.571%} #contact-section .slidingContainer .article .col2full .colEleRt{float:right;width:48.571%} #contact-section .slidingContainer .article .col2full .formElefull textarea{width:95.5% !important} #contact-section .slidingContainer .article .col a:hover{text-decoration:underline} #contact-section .slidingContainer .article .col3{float:right;width:42.857%;} #contact-section .slidingContainer .article .col3 p{font-size:14px;line-height:22px;color:#b2b2b2;padding-top:60px;} #contact-section .slidingContainer .article a.btn{margin-top:80px;} /*form*/ #contact-section .slidingContainer {} #contact-section .slidingContainer .article .formEle input[type="text"], #contact-section .slidingContainer .article .formEle textarea{width:95%} #contact-section .slidingContainer .article .formEle input[type="submit"]{width:35%;padding:1% } #contact-section .slidingContainer .article form#frm2 input[type="submit"]{width:50%;} #contact-section .slidingContainer .article .formEle textarea {height:85px} #contact-section .slidingContainer .article .formEle input[type="tel"], #contact-section .slidingContainer .article .formEle input[type="email"]{width:50%} #contact-section .visible-desktop .slidingContainer {width:2940px;overflow:hidden; position:relative;padding-top:50px;padding-bottom:115px} #contact-section .visible-desktop .slidingContainer .errormsg{position:absolute;top:0px;left:0px;color:red} /*map*/ #contact-section #map .nextprev{bottom:20%;} #contact-section #map .nextprev {bottom: 5%;left: 50%;margin-left: -33px;position: absolute; } #contact-section #map .mapSlider .maparea{margin-bottom:50px;clear:both;margin-bottom:5px;width:476px;height:326px;} #contact-section #map .mapSlider .article{margin-bottom:0px} #contact-section #map .mapSlider li {float: left;overflow: hidden; /*width: 48.571%;*/ width:476px; height: 555px;margin-bottom: 25px;margin-right:33px} #contact-section #map .caroufredsel_wrapper{width:980px !important} #contact-section #map .mapSlider li:nth-child(2n), #contact-section #map .mapSlider li.oddChild{} /*work detail page*/ #sectionwork{position:relative;overflow:hidden} #sectionwork .nextprev{position:absolute;right:0px;top:0px;} #sectionwork .section .article{clear:both; overflow:hidden;padding:50px 0px} #sectionwork .section .desc{margin-bottom:50px;width:70%;float:left;} #sectionwork .section .desc p{-moz-column-count:2;-webkit-column-count:2;column-count:2;} #sectionwork .section .desc span{margin-bottom: 1em;font-size: 14px;line-height: 22px;font-family:'aller_lightregular'} #sectionwork .section .siteurl{float:right;width:28%} #sectionwork .section .siteurl a.btn{float:right;width:80%} #sectionwork .section .link{color:#b2b2b2} #sectionwork .section .article .thumbbig, #sectionwork .section .article .thumbbig1{clear:both;margin-bottom:50px;} #sectionwork .section .article .link{color:#000000} #sectionwork .section .article a.btn{margin-top:35px;} #sectionwork .section .article .thumbbig img, #sectionwork .section .article .thumbbig1 img, #sectionwork .section .article .ipadiphone img{width:100%;min-width:100%} #sectionwork .section .article .ipadiphone{position:relative;clear:both; overflow:hidden;/*min-height:710px;*/margin-bottom:50px;} #sectionwork .section .article .ipadiphone .ipad{position:absolute;left:0px;top:0px;} #sectionwork .section .article .ipadiphone .iphone{position:absolute;right:0px;bottom:0px;} #sectionwork .section .article .imagecol{clear:both;} #sectionwork .section .article .imagecol img{width:100%} #wrapper #services .serviceDesc .article p{font-size:16px} /*footer*/ #footer .container{padding:24px 0px;} #wrapper #services .serviceDesc .articleRt a.btn{margin:0px 0px 28px 0px;} #footer .logo{float:left;margin-bottom:0} #footer ul{float:right; margin-top:4px;} #footer ul li{float:left;font-size:12px;} #footer ul li:nth-child(2n){background:url(../images/footer-sep.png) no-repeat left center;} #containerColumn .box img{width:100%;margin:0px;} #wrapper #header #mainMenu{ -webkit-transition:padding 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000); -moz-transition:padding 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000); -o-transition:padding 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000); -ms-transition:padding 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000); transition:padding 600ms cubic-bezier(1.000, 0.000, 0.000, 1.000); } #wrapper #header .lowerMenu{padding:10px 0px;} .servicesInner ul.nextprev, .servicesseo ul.nextprev, .servicesadword ul.nextprev, .servicesstg ul.nextprev{top:30px;right:0px;position:absolute} /*sitemap*/ .sitemap ul{list-style-type:disc;padding-left:20px;} .sitemap ul li{float:left;text-align:left;list-style-type:disc} .sitemap ul li:first-child{} .sitemap ul li a{text-transform:uppercase;color:#666666;font-size:18px !important;padding:0px;background:none} .sitemap ul ul li{display:block;float:none;padding-left:15px;list-style-type:disc;} .sitemap ul ul li:first-child{padding-left:15px;} .sitemap ul ul li a{} .sitemap ul ul{list-style-type:disc;} .cssdesignAward{background:url(../images/cssdesignaward.png) no-repeat left top;display:block;position:absolute;right:0px;width:98px;height:87px;z-index:1} .googlePartner{display:block;position:absolute;right:140px;width:130px;height:49px;z-index:1} .googlePartner img{ width:130px; height:auto!important; display:block;} .scrollable.default-skin{padding-right:25px;} .landing .formEle .formElements{float:left;width:49%} .landing .formEle .formElements input[type="text"]{padding:4% 2%} .landing .formEle input[type="text"]{width:94%} .landing .formEle .formElements.right{float:right} .landing .text{clear:both; overflow:hidden} .landing .collt{float:left;width:45%} .landing .colRt{float:right;width:45%;padding:30px 5% 0px 0px;} .landing .colRt p{font-size:16px} .landing .colRt p strong{color:#000000;font-size:18px;} } /* Large desktop */ @media (min-width: 1200px) { #slider #pager #next{ right:-50px !important; } #slider #pager #prev{ left:-50px !important; } #wrapper #slider .container {padding:15px 0px 86px 0px;width:1170px;} } @media (min-width: 1400px) { #slider #pager #next{ right:-100px !important; } #slider #pager #prev{ left:-100px !important; } #wrapper #team .container{padding:0px 0px 110px 0px;width:1247px;} } /* Portrait tablet to landscape and desktop */ @media (min-width: 767px) and (max-width: 979px) { #wrapper .container{width:auto !important;padding-right:15px !important;padding-left:15px !important} #wrapper #slider .container{} #wrapper #portfolio, #wrapper #team .container .containerInner {width:auto !important} #wrapper #portfolio .portfolioList li{width:31.3%} #wrapper #team ul.list li{float:none;display:inline} #wrapper #team .container ul.list{width:100% !important} #contact-section .slidingContainer .section {width:88% !important} #contact-section .slidingContainer {margin-bottom: 40px !important;clear:both; overflow:hidden} #contact-section #map .mapSlider li{width:45% !important;} #wrapper #section .sliderBlock .article ul li{display:block;zoom:1;*display:inline;margin-bottom:15px;} #wrapper #section .sliderBlock .article ul li a{display:block} #wrapper #portfolio .clientList li h2{padding:10px ;} #wrapper #section .rowInner .col{float:none;width:100%; overflow:hidden;} #wrapper #section .rowInner .col1{float:none;width:100%; overflow:hidden} /*.slideContent{-webkit-transform:scale(0.5);position:relative;top:25px;left:-105px;}*/ h1{font-size:36px} h2{font-size:32px} h3{font-size:28px} h4{font-size:24px} h5{font-size:20px} h6{font-size:16px} #contact-section .navigation li a.btn{font-size:14px} a.btn{font-size:16px} #wrapper #portfolio .clientList li h3{font-size:15px} #images-container{width:500px;height:300px;} #contact-section .slidingContainer .section {padding: 6%;/*background: #f2f2f2;*/position: relative; } #wrapper #services .serviceDesc .articleRt .bubble{width:115px;} .caroufredsel_wrapper{width:768px !important; overflow:hidden;margin-right:auto !important;margin-left:auto !important} #wrapper #portfolio .portfolioSlider ul li{width:24.2% !important} #wrapper #portfolio .workList li{margin:1% 2.57% 1% 0px;width:31.2%;} #wrapper #services ul.servicBox li span{font-size:14px;} #wrapper #slider .container{padding:86px 0px !important;width:100%;} #slider .sliderHome .caption h1{font-size:30px !important} #slider .sliderHome .caption h2{font-size:42px !important;} #slider .sliderHome .caption .slideTeaser h3{font-size:18px !important} .slideContent{height:1000px !important;} } @media (max-width: 768px) { /* For general iPad portrait tablet */ .sliderBlock .colLt{float:none;width:100%} .sliderBlock .colRt{float:none;width:100%;margin-top:-13%} .servicesblock p {font-size:12px} #contact-section .slidingContainer ul.nextprev{display:none} .slideContent{-webkit-transform:scale(0.8);position:relative;top:25px;left:-105px;} } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { .slideContent{-webkit-transform:scale(0.8);position:relative;top:25px;left:-105px;} } /*@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { #wrapper #slider .container{width:720px !important;} #images-container{position:relative;width:450px;height:300px} #wrapper #section .header .title h3{width:65%;font-size:22px;} .slideContent{-webkit-transform:scale(0.8);position:relative;top:25px;left:-105px;} #wrapper .newsBlock .container, #containerColumn{width:720px } }*/ /* Landscape phones and down */ @media (max-width: 480px) { #wrapper #portfolio .clientList li{width:99%} a.scroll{display:none !important;} } @media (max-width: 767px) { #wrapper #portfolio .portfolioList li,#wrapper #services ul.servicBox li,#wrapper #portfolio .workList li,#wrapper #portfolio .clientList li{float:left;width:46%;margin:2%} #wrapper #portfolio .portfolioList li{border:0px} #wrapper #portfolio .clientList li{text-align:center;width:45.4%} #wrapper #portfolio .clientList li h2{font-size:14px;padding:10px 0px;text-align:center} a.scroll{display:none !important;} .googlePartner{display:block;position:absolute;width:100px;left:20px;height:100px;z-index:1; top:70px; } .googlePartner img{ width:100px; height:auto!important; display:block;} .titlegoglePartners { width: 200px!important; height:auto; top:10px!important; position:relative!important; margin:0 auto!important;} .titlegoglePartners img{ width:200px!important; height:auto; margin:0 auto!important;} } @media (max-width: 360px) { #wrapper #portfolio .portfolioList li,#wrapper #services ul.servicBox li,#wrapper #portfolio .workList li,#wrapper #portfolio .clientList li{margin:0px auto 15px auto;position:relative; overflow:hidden;width:100%;float:none} #wrapper #portfolio .clientList li{border:1px solid #ececec;width:99.4%} #wrapper #services ul.servicBox li{float:none} a.scroll{display:none !important;} }