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 */ 

.scrollup { width:48px; height:48px; opacity:0.75; position:fixed; bottom:0; right:20px; display:none; text-indent:-9999px; background: url('/img/arrow_up.png') no-repeat #404040; outline:0; z-index:9999; border:1px solid rgba(0,0,0,.3); box-shadow:0 0 10px rgba(0,0,0,.3); border-bottom:0; border-radius:6px 6px 0 0; }

body { background:#fff; height: 100%; width: 100%; }
.box { position:relative; width:100%; }
	.header-wrapper { width:100%; min-height:76px; position:relative; border-bottom:1px solid #f45f0d; }
		.header { min-width: auto; max-width:1475px; margin: 0 auto; position: relative; background:#fff; }
            .logo { position:absolute; left:24px; top:4px; }
            .top-contacts { position:absolute; right:20px; top:20px; }
                .top-contacts > ul > li { float:left; margin-left:35px; padding-left:40px; line-height:32px; font-size:18px; color:#000; font-family: "Ubuntu-medium"; }
                .phone { background:url('/img/phone.png') no-repeat; }
                .email { background:url('/img/email.png') no-repeat; }
                
	.header2-wrapper { width:100%; position:relative;  }
		.header2 { min-width: auto; max-width:1475px; margin: 0 auto; position: relative; background:#fff; }
            .topmenu { margin: 0; padding-top: 10px; position: relative; }
                .topmenu>ul { float:left; }
                    .topmenu > ul > li { background: #fefefe none repeat scroll 0 0; border: 1px solid rgba(0, 0, 0, 0.2); display: table; float: left; height: 46px; margin-left: 25px; margin-bottom:10px; }
                    
                        .topmenu>ul>li>a { color: #000; display: table-cell; font-family: "Ubuntu-medium"; font-size: 14px; padding: 3px 6px; text-transform: uppercase; vertical-align: middle; line-height:20px; }
                        .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:24px; 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; }
                        .intitle-wrapper { height:69px; background:#fff; position:absolute; top:45px; display:table; vertical-align:middle; padding: 0 20px; }
                            .intitle { display:table-cell; vertical-align:middle; }
                                .intitle>h2 { line-height:34px; font-size:24px; 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; color:#000; line-height:22px; margin-bottom:30px; }
                    .content-uls { margin-top:10px; }
                        .content-uls>p { font-size:18px; font-weight:600; 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; color:#000; line-height:36px; padding-left:22px; background:url('/img/li.png') no-repeat 0 50%; }
                    
                    .content-uls + p { padding-top:20px; }
                    .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-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-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-weight:600; 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%; position:relative; background: rgb(27,27,27); padding:25px 0 15px; }
        .footer { min-width: auto; max-width:1475px; margin: 0 auto; position: relative; }
            .footer>div>p { font-size:12px; color:#494949; line-height:13px; font-family:'Roboto-regular'; padding-bottom:4px; }
            .footer>div>div+p { padding-top:15px; }
            .footer ul { margin-top:15px; }
            .footer ul>li { margin-left:10px; float:left; }
            .footer ul>li:first-child { margin-left:0px; }
            .footer ul>li>a { color:#fff; font-size:14px; text-decoration:underline; line-height: 24px; }
            .footer ul>li>a:hover { text-decoration:none; }
            
        
@media (max-width:1495px){
    .topmenu>ul { float:none; margin-bottom:5px; display: table; }
    
    .topmenu > ul > li { margin:0 10px 10px; width:212px; text-align:center; }
    
    .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; padding:0 20px; }
}

@media (max-width:1032px){
    .footer ul > li { display: table; float: none; margin:0; }
}

@media (max-width:960px){
    
}

@media (max-width:768px){
    .header { height:auto; }
    .top-contacts { right: 20px; top: 8px; }
    .top-contacts > ul > li { float:none; font-size:13px; }
    
    .logo { left: 10px; }
    .topmenu { left: auto; top: auto; position: relative; margin:0; padding-top:0px; }
    .topmenu > ul { display: block; margin:0px; }
    
    .topmenu>ul>li { margin:0 auto; float:none; background:#f45f0d; display:block; height: auto; padding:0px; width: auto; }
    .topmenu>ul>li>a { color:#fff; padding:10px 0; display:block; width:100%; text-align: center; line-height:24px; }
    .topmenu>ul>li>a br { display:none; }
    .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-uls > div > ul { padding-bottom:20px; }
    .content-uls > div > ul > li { line-height:24px; background-position:0 8px !important; margin-top:5px; }
    .content-right, .img-right, .content-left, .img-left { float:none; width:auto; }
    .content-left+div+.content-pays { right:0px; }
    
}

@media (max-width:490px){
    .top-contacts > ul > li { /* background:none !important; */ }
}

@media (max-width:390px){
    .intitle-wrapper { min-height:inherit; width: calc(100% - 40px); position:relative; height:auto; }
    .intitle > 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; }
}