html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; font-family: 'Open Sans', sans-serif; color: #000; }
:focus { outline: 0; }
body { line-height: 1; }
ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { height: 100%; width: 100%; }
a { text-decoration:none; }
strong, b { font-weight:700; }
.clear { clear:both; padding:0px !important; margin:0px !important; width:auto !important; height:auto !important; border:0px !important; float: none !important; background: none repeat scroll 0 0 transparent !important; min-height:auto !important; }
button { cursor:pointer; }
/* ------------- */

/* STEP 1 */ 

body { background:#fff; height: 100%; width: 100%; }
.box { position:relative; width:100%; }
	.header-wrapper { width:100%; min-height:76px; position:relative; background: rgb(255,90,0); background: -moz-linear-gradient(left,  rgba(255,90,0,1) 0%, rgba(255,90,0,1) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left,  rgba(255,90,0,1) 0%,rgba(255,90,0,1) 50%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%); background: linear-gradient(to right,  rgba(255,90,0,1) 0%,rgba(255,90,0,1) 50%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a00', endColorstr='#ffffff',GradientType=1 ); }
    .header-wrapper-uwc { width:100%; min-height:76px; position:relative; }
		.header { min-width: auto; max-width:1475px; margin: 0 auto; position: relative; background:#fff; height:76px; }
            .logo { position:absolute; left:0px; top:0px; }
            .logo-uwc img { height: 60px; margin: 6px 0 0 20px; }
            .topmenu { position:absolute; left:320px; top:29px; }
                .topmenu>ul { float:left; }
                    .topmenu>ul>li { float:left; margin-left:50px; }
                    .topmenu>ul:first-child>li:first-child { margin-left:0px; }
                        .topmenu>ul>li>a { font-size:16px; font-family:'Ubuntu-medium'; color:#000; text-transform:uppercase; }
                        .topmenu>ul>li>a:hover { color:#ff5a00; }
                    
	.slider-wrapper { width:100%; min-height:388px; position:relative; background:#fff; }
		.slider { min-width: auto; margin: 0 auto; position: relative; }
            .slide-text { position:absolute; right:12%; top:183px; z-index:2; width:450px; background:#fff; }
                .slide-text>h1 { font-size:36px; color:#000; font-weight:600; line-height:36px; padding:20px 25px; }
                .slide-text:after { content:''; position:absolute; right:-60px; top:-59px; background:url('/img/slider-text.png'); width:60px; height:59px; }
            .slides { position: relative; z-index: 1; }
            .slides>div{ position:absolute; left:0px; top:0px; width:100%; height:388px; display:none; z-index:1; }
            .slides>div:first-child { background:url('/img/slide1.jpg') no-repeat scroll center center / cover; display:block; }
            .slides>div:first-child+div { background:url('/img/slide2.jpg') no-repeat scroll center center / cover; }
            
            
	.center-wrapper { width:100%; min-height:76px; position:relative; background:#fff; }
		.center { min-width: auto; max-width:1475px; margin: 0 auto; position: relative; }
            .content-blocks { position:relative; }
                .content-left, .img-left { float:left; }
                .content-right, .img-right { float:right; }
                .content-left, .content-right { position:relative; padding:55px 45px; width:calc(50% - 90px); }
                .img-left, .img-right { position:relative; width:50%; }
                    #seo>div:first-child { background:url('/img/seo.jpg') no-repeat scroll center center / cover; height:503px; }
                    #ppc>div:first-child { background:url('/img/ppc.jpg') no-repeat scroll center center / cover; height:503px; }
                    #smm>div:first-child { background:url('/img/smm.jpg') no-repeat scroll center center / cover; height:503px; }
                    #cro>div:first-child { background:url('/img/cro.jpg') no-repeat scroll center center / cover; height:556px; }
                    #brand>div:first-child     { background:url('/img/brand.jpg')   no-repeat scroll center center / cover; height:509px; }
                    #design>div:first-child   { background:url('/img/design.jpg')  no-repeat scroll center center / cover; height:537px; }
                    #content>div:first-child { background:url('/img/content.jpg') no-repeat scroll center center / cover; height:510px; }
                        .content-blocks>div:first-child>div { min-height:69px; background:#fff; position:absolute; top:45px; }
                            .content-blocks>div:first-child>div>h2 { line-height:69px; font-size:33px; color:#000; font-weight:600; }
                    .img-left>div { right:0px; }
                    .img-left>div:before { content:''; position:absolute; left:-72px; top:0px; background:url('/img/cont2.png'); width:72px; height:69px; }
                    .img-right>div { left:0px; }
                    .img-right>div:after { content:''; position:absolute; right:-72px; top:0px; background:url('/img/cont2.png'); width:72px; height:69px; }
                    #seo>.img-right>div:after { background:url('/img/cont1.png'); }
                        .img-left>div>h2 { padding:0 50px 0 30px; }
                        .img-right>div>h2 { padding:0 30px 0 50px; }
                        
                    .content-left>p, .content-right>p  { font-size:15px; font-family:'Roboto-light'; color:#000; line-height:22px; margin-bottom:30px; }
                    .content-uls { margin-top:10px; }
                        .content-uls>p { font-size:18px; font-family:'Roboto-medium'; line-height:24px; }
                        .uls2>div>ul { position:relative; float:left; width:270px; }
                        .uls1>div>ul { position:relative; width:100%; }
                            .content-uls>div>ul>li { font-size:15px; font-family:'Roboto-light'; color:#000; line-height:36px; padding-left:22px; background:url('/img/li.png') no-repeat 0 50%; }
                    
                    .content-pays { position:absolute; bottom:30px; right:0px; background:#ff5a00; line-height:44px; height:44px; color:#fff; font-size:18px; padding:0 15px; }
                    .content-pays:before { background:url('/img/pays.png') no-repeat; width:16px; height:44px; content:''; left:-16px; position:absolute; top:0px; }
                    .content-left+div+.content-pays { right:50%; }
                        .content-pays>strong { color:#fff; font-weight:bold; }
                    
	.contact-wrapper { width:100%; min-height:388px; position:relative; background:#f45f0d; }
		.contact { min-width: auto; max-width:1040px; margin: 0 auto; position: relative; padding-bottom:20px; }
            #contact_us>p:first-child { padding:50px 0 30px; font-size:33px; text-transform:uppercase; color:#fff; text-align:center;font-weight:bold; }
            #contact_us>div { position:relative; }
                #contact_us>div>div { float:left; }
                    #contact_us>div>div>input[type=text] { width:360px; height:56px; border:0px; background:#fff; display:block; font-family:'Roboto-regular'; font-size:17px; padding:0 10px; color:#000; }
                    #contact_us>div>div>input[type=text]:first-child { margin-bottom:20px; }
                    #contact_us>div>div>textarea{ width:650px; height:132px; border:0px; background:#fff; margin-left:20px; font-family:'Roboto-regular'; font-size:17px; padding:10px; color:#000; }
                    #contact_us>button { border:3px solid #fff; background:none transparent; float: left; margin: 20px 0 0 380px; }
                        #contact_us>button>p { color:#fff; font-family:'Roboto-medium'; font-size:18px; padding:10px 15px; } 
                    #contact_us>button+img { height: 51px; line-height: 51px; margin: 20px 0 0 20px; display:none; }
                    #contact_us>button+img.active { display:block; }
                    #contact_us>button+img+p { color:#fff; font-size:14px; height: 51px; line-height: 51px; margin: 20px 0 0 20px; display: inline-block; }
                        
	.footer-wrapper { width:100%; min-height:160px; position:relative; background: rgb(27,27,27); background: -moz-linear-gradient(top,  rgba(27,27,27,1) 0%, rgba(27,27,27,1) 45%, rgba(22,22,22,1) 45%, rgba(22,22,22,1) 100%); background: -webkit-linear-gradient(top,  rgba(27,27,27,1) 0%,rgba(27,27,27,1) 45%,rgba(22,22,22,1) 45%,rgba(22,22,22,1) 100%); background: linear-gradient(to bottom,  rgba(27,27,27,1) 0%,rgba(27,27,27,1) 45%,rgba(22,22,22,1) 45%,rgba(22,22,22,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b1b', endColorstr='#161616',GradientType=0 ); }
        .footer-wrapper2 { width:100%; min-height:160px; position:relative; background: -moz-linear-gradient(left,  rgba(27,27,27,1) 0%, rgba(27,27,27,1) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left,  rgba(27,27,27,1) 0%,rgba(27,27,27,1) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); background: linear-gradient(to right,  rgba(27,27,27,1) 0%,rgba(27,27,27,1) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b1b', endColorstr='#00ffffff',GradientType=1 ); }
        
            .footer { min-width: auto; max-width:1475px; margin: 0 auto; position: relative; background:#1b1b1b; }
                .footer>div { float:left; min-height: 160px; }
                .footer>div:first-child { width:282px; border-right:1px solid #494949; }
                    .footer>div:first-child>div { padding-top:30px; }
                    .footer > div:first-child > div.uwc-logo { padding-top:10px; display:table; margin:0 auto; }
                    .footer>div:first-child>p { font-size:12px; color:#494949; line-height:13px; font-family:'Roboto-regular'; padding-bottom:4px; }
                    .footer>div:first-child>div+p { padding-top:15px; }
                    .footer>div:first-child>ul { margin-top:5px; }
                    .footer>div:first-child>ul>li { margin-left:10px; float:left; }
                    .footer>div:first-child>ul>li:first-child { margin-left:0px; }
                    .footer>div:first-child>ul>li>a { color:#fff; font-size:10px; text-decoration:underline; }
                    .footer>div:first-child>ul>li>a:hover { text-decoration:none; }
                .footer>div:first-child+div { width:656px; border-right:1px solid #494949; }
                    .footer>div:first-child+div>ul { float:left; margin-left:88px; margin-top:24px; }
                        .footer>div:first-child+div>ul>li { line-height:34px; }
                            .footer>div:first-child+div>ul>li>a { color:#fff; font-weight:bold; font-size:14px; }
                .footer>div:first-child+div+div { width:535px; }
                    .socials { width:535px; height:72px; }
                        .socials>div { float:right; }
                            .socials>div>ul>li { float:left; color:#cdcdcd; font-size:14px; margin-left:16px; margin-top:28px; }
                            .socials>div>ul>li:first-child, .socials>div>ul>li:first-child+li { margin-top:27px; }
                        @-moz-document url-prefix() {
                            .socials>div { line-height:72px; }
                            .socials>div>ul>li { margin-top:3px; }
                            .socials>div>ul>li:first-child, .socials>div>ul>li:first-child+li { margin-top:0px; }
                        }
                            
                                .socials>div>ul>li>a:hover { opacity:0.8; }
                    .subscribe { width:535px; height:88px; background:#161616; }
                        #subscribe>ul>li { float:left; font-size:14px; color:#494949; font-weight:600; margin-left:15px; line-height:40px; margin-top:25px; }
                        #subscribe>ul>li:first-child { margin-left:25px; }
                            #sub_email { width:216px; height:40px; padding:10px 10px 10px 40px; background:url('/img/subscribe.png') no-repeat 16px 15px #fff; border:0px; }
                            #subscribe>ul>li>button { border:3px solid #ff5a00; width:87px; background:none transparent; position: relative; }
                            #subscribe>ul>li>button:hover { background:#1b1b1b;  }
                                #subscribe>ul>li>button>p { color:#fff; font-family:'Roboto-medium'; font-size:16px; text-align:center;  padding: 6px 0 7px; }

                        @-moz-document url-prefix() {
                            #subscribe>ul>li { line-height:88px; margin-top:0px; }
                        }
        
@media (max-width:1495px){
    .topmenu { left: 320px; top: 19px; }
    .topmenu>ul { float:none; margin-bottom:5px; display: table; }
    .topmenu>ul>li:first-child { margin-left:0px; }
    
    .content-blocks > div:first-child > div > h2 { font-size: 26px; }
    
    #contact_us > div > div { display: table; float: none; margin: 0 auto; }
    #contact_us > div > div > input[type="text"]:first-child+input { margin-bottom:20px; }
    #contact_us > div > div > textarea { width:360px; margin-left:0px; }
    #contact_us > button { margin:20px auto 0; display:table; float:none; }
    #contact_us > button+img.active { margin: 20px auto 0; display:table; }
    #contact_us > button+img+p { display:table; margin: 0px auto 0; }
    
    .footer { max-width: 1012px; }
    .footer > div:first-child { width:170px; }
    .footer > div:first-child > div { padding-left: 16px; padding-top: 20px; }
    .footer > div:first-child > div.uwc-logo { padding-top:5px; padding-left:0; }
    .footer > div:first-child > div.uwc-logo img { height:35px; }
    
    .footer > div:first-child > p { padding-left:0px; text-align:center; font-size:10px; }
    .footer>div:first-child>ul { display:table; margin:5px auto 0; }
    .footer>div:first-child>ul>li { float:none; display: block; text-align: center; margin-left: 0px; line-height: 12px; }
    .footer>div:first-child>ul>li:first-child { margin-left:0px; }
                    
    .footer > div:first-child + div { width:390px; }
    .footer > div:first-child + div > ul { margin-left: 20px; margin-top: 30px; }
    
    .footer > div:first-child + div + div { width:450px; }
    .socials { width:450px; }
    .subscribe { width:450px; }
    #subscribe > ul > li > button { bottom:0px; }
    #smm>div>div>h2 { padding:0 10px; }
}

@media (max-width:1032px){
    .footer > div { border-right: 0 none !important; display: table; float: none; margin: 0 auto !important; width: auto !important; }
    .footer > div:first-child > div { padding-left:0px; display: table; margin: 0 auto; }
    .footer > div:first-child > div.uwc-logo { padding-top:15px; }
    .footer > div:first-child > div.uwc-logo img { height:auto; }
    .footer > div:first-child + div + div { width: 100% !important; }
    .footer>div:first-child>ul>li { float:none; display:inline-block; margin-left:15px; }
    .footer>div:first-child>ul>li:first-child { margin-left:0px; }
    .subscribe { width: 100% !important; display: table; margin: 0 auto; position: relative; }
    #subscribe { display: table; margin: 0 auto; position: relative; }
    #subscribe > ul > li > button { bottom:0px; }
    .socials { width:auto; }
    .socials > div { float:none; display:table; margin:0 auto; }
}

@media (max-width:960px){
    .topmenu { left: 250px; }
    .topmenu>ul>li { margin-left:20px; }
    
    #smm>div>div:after { display:none; }
    #smm>div>div>h2 { font-size: 24px; }
}

@media (max-width:768px){
    .header { height:auto; }
    .logo { left: auto; position: relative; top: auto; }
    .logo-uwc { display: table; margin: 10px auto; }
    .logo-uwc img { height:auto; margin:auto; }
    .topmenu { left: auto; top: auto; position: relative; }
    .topmenu > ul { display: block; margin:0px; }
    .topmenu>ul>li { margin:0 auto; float:none; background:#f45f0d; }
    .topmenu>ul>li>a { color:#fff; padding:10px 0; display:block; width:100%; text-align: center; }
    .topmenu>ul>li:hover { background:#fff; }
    
    .slide-text { width:225px; }
    .slide-text > h1 { font-size: 18px; line-height: 24px; padding:10px 15px; }
    .slide-text:after { background-size:cover !important; height: 30px; right: -30px; top: -30px; width: 30px; }
    
    .content-right, .img-right, .content-left, .img-left { float:none; width:auto; }
    .content-left+div+.content-pays { right:0px; }
    
    .socials>div>ul>li:nth-child(4) { clear:both; }
    .socials { height:auto; padding-bottom:20px; }
}

@media (max-width:490px){
    #smm>div>div:after, #content>div>div:after { display:none; }
    #subscribe > ul > li { float:none; line-height:inherit; margin:20px auto !important; text-align:center; }
    
}

@media (max-width:390px){
    .content-blocks > div:first-child > div { min-height:inherit; width:100%; }
    .content-blocks > div:first-child > div > h2 { line-height:35px; padding:10px; text-align:center; }
    .img-left > div:before, .img-right > div:after { display:none; }
    .content-left, .content-right { padding:15px; }
    .content-pays { position:relative; margin:20px 0 0; width:100%; right:auto; text-align:center; padding:0px; }
    
    #contact_us>div>div>input[type=text] { width: 250px; }
    #contact_us>div>div>textarea{ width: 250px; }
}