@font-face { font-family: 'bariolthin'; src: url('bariol_thin-webfont.eot'); src: url('bariol_thin-webfont.eot?#iefix') format('embedded-opentype'), url('bariol_thin-webfont.woff') format('woff'), url('bariol_thin-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'bariolbold'; src: url('bariol_bold-webfont.eot'); src: url('bariol_bold-webfont.eot?#iefix') format('embedded-opentype'), url('bariol_bold-webfont.woff') format('woff'), url('bariol_bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'bariollight'; src: url('bariol_light-webfont.eot'); src: url('bariol_light-webfont.eot?#iefix') format('embedded-opentype'), url('bariol_light-webfont.woff') format('woff'), url('bariol_light-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'bariolregular'; src: url('bariol_regular-webfont.eot'); src: url('bariol_regular-webfont.eot?#iefix') format('embedded-opentype'), url('bariol_regular-webfont.woff') format('woff'), url('bariol_regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }


html													{ overflow-y: scroll; overflow-x:hidden;min-width:320px; background:#1d1d1d;}
body 												{  font-size: 16px; line-height: 1em; font-family: 'bariolregular'; padding: 0; margin: 0; color:#FFFFFF; position:relative; margin:0 auto; background-attachment: fixed; background-position: 0px -1.6px;}
a, a:active 										{ color:#FFFFFF;text-decoration:none; }
ul 													{ padding:0;margin:0; }
ul li 													{ list-style-type:none; }
a                                                       {  -moz-transition: color 0.3s linear; -webkit-transition: color 0.3s linear;transition: color 0.3s linear;}
a:hover 												{ text-decoration:none; color:#20a3b2; }
img                                                 { border:none; -moz-transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear;transition: opacity 0.3s linear;}
a img:hover                                           { opacity: 0.5;}


h1,h2												{ font-weight:normal; font-family:'bariollight';line-height:0.9em; margin:0;}
h1													{ font-size:120px;}
h2													{ font-size:60px; margin-bottom:60px;}
h4													{ font-size:20px; width:85%; margin-bottom:10px; line-height: 22px;}
h6													{ color:#494949;font-size:16px; margin-top:0;}
p													{ margin:0; line-height:1.5em;}

h6 													{ color:#FFFFFF;}
h1.special                                          { color:#20a3b2; font-size:80px;}
#shoes                                              { position:fixed;top: 0px;background: url('/images/body_3.png') no-repeat;width: 743px; height: 100%;z-index: -1;left: 0px;right: 0px;margin: 0 auto; }
#bear                                               { position:fixed;top: 0px;background: url('/images/body_2.png') no-repeat;width: 1400px;height: 100%;z-index: -1;left: 0px;right: 0px;margin: 0 auto; }
#earphone                                           { position:fixed;top: 0px;background: url('/images/body_1.png') top right no-repeat;width: 1400px;height: 100%;z-index: -1; right: 230px;margin: 0 auto; }

body > header,
body > section  								    { max-width:1270px; }
section											    { clear:both;}
section  > div 									    { margin-left:310px; float:left; width:900px; padding-top:58px; padding-bottom:78px; }

body > header section > div 			            { margin-left:0; width:0;padding-bottom: 58px;position:fixed !important;}
body > header section.separator						{ position:fixed; height:153px;}

body > header section						        { width:260px; position:fixed; top:0; padding-left:0; }
body > header section.main-menu 	                { top:188px;}
body > header, section, footer 		                { width:1220px; margin:0 auto; /*height:100%;*/ }
body > header #logo 						        { font-size:24px; font-weight:bold; position:relative; display:block;}
body > header #logo span                            { position:absolute;top:0px; left:0px; opacity:0; -moz-transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear;transition: opacity 0.3s linear; }
body > header #logo:hover span                      { opacity:1}
body > header #logo:hover > img                     { opacity:0;}
body > header #logo img                             { width:120px; opacity: 1;}
body > header .main-menu ul			                { margin-bottom:30px;}
body > header .main-menu a 			                { margin:8px 0;display:block; }
body > header .main-menu li a                       { font-family: 'bariolbold'; }
body > header .main-menu li span 	                { background:#20a3b2; border-radius:10px;font-size:13px;line-height:16px; padding:0 5px;}
body > header .main-menu li a:hover span            { color:#FFFFFF;}
body > header .main-menu li a.active                { color:#20a3b2; }
body > header .main-menu li a.active span           { color:#FFFFFF; }

.copyright					                        { position: fixed;bottom: 20px;}

.separator 										    { position:relative;}
.separator:after                                    { content:""; width:100%; height:5px; position: absolute; bottom:0px; background:url('../images/separator.png') top left repeat-x; left:0px;}

.social												{ float:left; }
.social li											{ float:left; margin-right:8px; }
.social li a 										{ XXbackground: url('../images/social.png') no-repeat;  display:block;width:17px; height:17px; -moz-transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear;transition: opacity 0.3s linear; }
.social li a:hover									{ opacity:0.8; }
.social li a img                                    { width:100%; }
/*
.social .facebook 								    { background-position: -0px 0px; }
.social .twitter 									{ background-position: -25px 0px; }
.social .googleplus 							    { background-position: -50px 0px; }
.social .linkedin 								    { background-position: -75px 0px; }
.social .foursquare 							    { background-position: -100px 0px; }
*/

.bot												{ position: absolute; bottom: 56px;  left: 0px;width: 100%;}
.top > div 											{ float:left;width:900px; }
.top .newsletter 									{ float:right; margin-right:30px; }
.top .languages 									{ float:right; margin-right:10px; }
.top .languages li 								    { float:left; color:#727272;margin-left:4px;}
.top .languages li a							    { text-transform: uppercase ; color:#727272;}
.top .languages li.active a 					    { color:#FFF;}
.top .languages li a:hover   			    { color:#20a3b2;}


.columns 	 										{ float:left;width:100%; }
.columns > li 										{ width:260px; margin-left:60px; float:left; }
.columns > li:first-child							{ margin-left:0%;}
.columns > li.tworows 							    { width:580px; }
.columns > li.hasbot                                { XXXwidth:100%; text-align: right}
.columns > li.hasbot span                            { text-align: left}

.articles li 										{ float:left;width:260px; margin-left:60px; }
.articles li:first-child,
.articles li.first 							        { margin-left:0;}
.articles li img 									{ border-radius:6px;  width:260px; height:180px;}
.more								                { display:block; clear:both;}

.about li 											{ width:260px; margin-left:60px; float:left; }
.about li:first-child								{ margin-left:0%;}

.tags												{ margin-top:5px;}
.tags li 											{ float:none; margin:8px 0;}
.tags li a 											{ color:#20a3b2; display:block;} 

.blue                                               { color:#20a3b2;}
.tags-list                                          { margin-left:20px;}
.tags-list li                                       { list-style-type:disc;  color: #20a3b2;margin-bottom:15px;}
.tags-list li a                                     { color :#FFF; }


.offer 												{ width: 100%; float:left;padding-left:60px; }
.offer li 											{ margin-bottom:40px;  display:inline-block; width:260px; margin-left:55px; vertical-align: top;  }
.offer li:first-child,
.offer li:nth-child(3n+1)                           { margin-left:0; clear: both;}
.offer li:last-child                                { margin-bottom:0px;}

.offer.offer-window 								{ padding-left:0px;}
.offer.offer-window img                             { width:100%;}
/*
.offer.offer-window li:first-child 				    { background:#222222 url('../images/offer.png'); height:180px; margin-left:0;}
.offer.offer-settings li:first-child 			    { background:#222222 url('../images/offer.png'); background-position:0 -180px; height:180px; }
.offer.offer-list li:first-child 					{ background:#222222 url('../images/offer.png'); background-position:0 -360px; height:180px; }
*/


.mobile										        { display:none; }
.work 												{ margin:60px 0 -10px 0; }
.work a 										  	{ font-size:20px;margin:8px 0; line-height:1em; }
.work li                                            { margin-bottom: 5px !important;}

body > footer										{ background:#282828; height:610px;width:100%; clear:both; position:relative;}
body > footer .foot									{ top:0; left:0; background:#282828; max-width:1220px; margin:0 auto;}
.foot .left                                         { float:left; width:260px; }
.foot .right                                        { float:right;  width:600px; }
body > #nav-contact .foot h2						{ }
body > #nav-contact .foot .contact-list				{ margin-top:45px;}
body > #nav-contact .foot .contact-list li			{ margin: 5px 0;}
/*body > #nav-contact .foot .contact-list li a        { direction: rtl; unicode-bidi: bidi-override;}*/
#google-map                                         { width:100%; height:520px; border:1px solid black; background:#000;}

.foot h3                                            { margin:40px 0;color:#20a3b2; display:none; }

form                                                { width:260px;margin-top:55px;}
input.email 					                    { background:none; border:1px solid #3e3e3e; color:#FFF; width:96%; line-height:30px; height:30px; padding:0 2%;font-family: 'bariolbold';font-size:16px;margin-bottom:10px;}
textarea						                    { background:none; border:1px solid #3e3e3e; color:#FFF; width:96%;padding:0 2%; font-family: 'bariolbold';font-size:16px; margin-bottom:10px; height:130px;}
input[type="submit"],
a.button                                            { background:#20a3b2; color:#FFF; border:none; font-size:16px;font-family: 'bariolbold'; padding: 5px 10px; cursor:pointer;  -moz-transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear;transition: opacity 0.3s linear; }

a.button:hover                                      { opacity:0.6; }
a.button                                            { cursor:pointer; }

input[type="submit"].inactive                       { opacity:0.3; }
input[type="submit"]:hover                          { background: #FFF;
                                                    color:#000;
                                                    -webkit-transition: background 500 linear;
                                                    -moz-transition: background 500ms linear;
                                                    -o-transition: background 500ms linear;
                                                    -ms-transition: background 500ms linear;
                                                    transition: background 500ms linear;
                                                    -webkit-transition: color 500ms linear;
                                                    -moz-transition: color 500ms linear;
                                                    -o-transition: color 500ms linear;
                                                    -ms-transition: color 500ms linear;
                                                    transition: color 500ms linear;

}

input.email.error                                   { border:1px solid #fc1c7b;}
textarea.error                                      { border:1px solid #fc1c7b;}

/*
.nav-articles, .nav-offer                           { display:none; position:absolute;left:0px; right:0px; bottom:60px;margin: 0 auto; width: 70px;}
.nav-articles li, .nav-offer li                     { float:left;margin-left:10px;}
.nav-articles li:first-child, .nav-offer li:first-child     { margin-left:0;}
.nav-articles a, .nav-offer a                       { display:block; background:#424242; width:10px; height:10px; border-radius:10px;cursor:pointer;}
.nav-articles a.active, .nav-offer a.active         { background:#FFFFFF;}
*/

.nav-offer                                          { width:40px;}
.textarea-long                                      { height:800px;}


.news h6                                            { color:#898989; font-weight: bold; position:absolute;top:20px; }
.main h1 { margin-bottom:60px;}
.nav-work                                           { clear:both; }
.pagination                                         { margin:0 auto; width:80px; display:none;}



.swiper-container .swiper-wrapper,
.swiper-container .swiper-slide                                       { height:320px !important;}
.swiper-container .swiper-slide                                         { width:260px !important; margin:0 20px !important;}
.swiper-container2 .swiper-wrapper,
.swiper-container2 .swiper-slide                                       { height:1100px !important}
.swiper-container2 .swiper-wrapper                                      { width:900px !important;}

.swiper-slide img                                    {border-radius: 6px;
    width: 260px;}


.swiper-pagination-switch {
    width: 10px;
    height: 10px;
    display: block;
    background: #424242;
    border-radius: 20px;
    float: left;
    margin-left: 20px;
    cursor:pointer;
}
.swiper-visible-switch                               { XXXbackground:#908f8f; background:#fff;}

.swiper-pagination-switch:first-child{
    margin-left:0px;

}
.swiper-active-switch {
    background:#FFF;
}
.right { float:right;}





.offer	h4 											{ font-size:20px;}
.clients                                            { width:185px;overflow-x:hidden; cursor: auto !important;}
.clients h6                                         { margin-bottom:18px; }
.clients .swiper-slide img                          { width:100%;}
.clients ul,
.clients li                                         { height: 150px !important; overflow: hidden }
.clients li                                         { float:left; width:100%;}
body > header .main-menu .clients li a              { margin:0;}
.clients img                                        { width:185px;}
.pagination-clients                                 { text-align: center; display: none;}
.pagination-clients .swiper-pagination-switch       { float:none; display:inline-block;}


.lt-ie9 .element-1,
.lt-ie9 .element-4,
.lt-ie9 .element-7,
.lt-ie9 .element-10 { margin-left:0px;}



@media all and (max-width: 1450px){
#earphone                                       { XXright:100px; }
}

@media all and (max-width: 1270px){
    .main h1 { margin-bottom:0px;}

body 						                        { max-width:1000px; }
section > div,
body > section,
.top > div 					                        { width:580px; margin:0 auto; margin-left:200px; }

    #earphone                                       { right:0px; }
h1 							                        {  }

.separator 					                        { overflow-x:hidden; overflow-y:hidden; }
.articles 					                        { width:600%; }
.articles li.first  			                    { margin-left:60px; }

.nav-articles,
.nav-offer 					                        { display:block; }
.top .newsletter 			                        { margin-right:0; }

.brief 						                        { position:absolute;top:60px; right:0; }
.columns > li.hasbot 			                    { margin-left:0px; }
.bot 						                        { position:relative;bottom:0;left:0;display:block;margin-top:50px;width:200%; }
.columns > li.hastags 		                        { display:block; float:none; clear:both; margin-left:0; padding-top:60px; width:100%; }
.columns > li.hastags > *  		                    { float:left; }
.columns > li.hastags > span 	                    { margin-right:25px; }
.tags 						                        { margin:0; }
.tags li 						                    { float:left; margin:0 25px 0 0 ; }
.about li+li+li 					                { display:none; }

.offer						                        { position:relative; margin-bottom:60px !important; }
.offer-wrapper 				                        { width:200%; }
/*
.offer li+li 					                    { position:absolute; top:180px; width:260px; }
.offer li+li+li 					                { display:none; }
*/

    .foot .right {

        width: 260px;
    }
    h1 { font-size: 80px; }
    .brief {top: 30px; }

    .pagination                                     { display:block;}
    .swiper-pagination-switch:last-child            {XXXdisplay:none;}



    .offer li:nth-child(3n+1)                           { margin-left:55px; clear: none;}
    .offer li:nth-child(2n+1){ margin-left:0; clear: both;}



    #nav-about li                   { margin-bottom:30px;}
    #nav-about li:last-child      { clear:both; margin-left:0; }

    .foot .left                                         { width: 100%; position:relative; }
    .foot .right                                        { margin-top: 130px; float:left; clear:both; width:100%;}
    form                                                { width: 260px; margin-top: 155px; position: absolute; top: 0px; right: 0;}
    p strong { font-family: 'bariolbold'; }

    .swiper-container .swiper-slide                                         { margin:0 15px !important;}
}



@media all and (max-width: 1024px){
    #shoes,
    #bear,
    #earphone                                           { display:none;}

}



@media all and (max-width: 1020px){

body > header section.separator                     { position:relative; width:580px; }
body > header section                               { position:relative; width:580px; }
body > header section > div                         { position:relative !important; }
section > div, body > section, .top > div           { margin:0 auto !important; }
body > header, body > section                       { max-width:580px; }

.copyright                                          { display:none; }
body > header section.main-menu                     { top:0; }
header .separator                                   { background:none; }
body > header .main-menu ul  li                     { float:left; margin-right:30px;}
body > header .main-menu > a 	                    { clear:both; float:left;margin:15px 30px 0 0;}
body > header .main-menu > span	                    { float:left; margin:15px 0 0 0;}

section.top                                         { position:relative; }
.social                                             { position:absolute; bottom:55px;; right:0; }
.newsletter                                         { position:absolute; top:0px; right:0; }
.top .languages                                     { position:absolute; right:0; margin-right:0; }
.social li                                          { margin-right:0; margin-left:8px; }
.top > div                                          { position:absolute; top:-115px; padding-bottom:115px; width: 157px; right: 0px;}
.main                                               { background: url('../images/separator.png') bottom left repeat-x;}
body > header section.separator                     { height:102px; }
.top .separator                                     { background:none;}

.main                                               { padding-top:60px; }


.news  img                                          { width:100% !important; height:auto !important;}
.clients                                            { display:none;}

.articles-wrap .swiper-wrapper li:nth-child(2n)                    { margin-right:0px;}


    body > header section > div {
        padding-top: 28px;
    }
    .top .separator:after { display:none;}
    #nav-about { padding-bottom: 45px }
    .offer {

        margin-bottom: 0px !important;
    }
}

@media all and (max-width: 767px){

.help {
    position: absolute !important;
    top: 170px !important;
}

body 						                        { max-width:260px; }
section > div,
body > section,
.top > div 					                        { width:260px; margin:0 auto;padding-bottom: 80px; }

body > header section.separator                     {  width:260px; }
body > header section                               { width:260px; }
body > header, body > section                       { max-width: 260px;}

.top > div                                          { top:-56px; left:0; padding-bottom:90px; }
body > header section.separator  > div              { text-align:center; }
body > header section > div                         { width:100%; }
body > header .main-menu > a                        { float:none; padding-top:15px; }
.social                                             { left:0; top:0px; }
.social li                                          { margin-right:8px; margin-left:0px; }
.top .languages                                     { top:0px; right:72px; }
.top .newsletter                                    { top: 31px; }
.brief                                              { position:relative; }
section > div                                       { padding-bottom:0; }
.main                                               { padding-top: 30px; }
.main > div                                         { padding-top:0px; }
h1                                                  { margin-left:0; font-size: 64px;font-size: 56px; }
.columns > li.tworows                               { width:100%; }
.brief                                              { top:30px; }

.columns > li                                       { margin-left:0px; }
section > div                                       { padding-top:20px; }
.columns > li.hastags                               { padding-top:25px; }

.columns > li.hastags > span                        { width:30px; }
.columns > li.hastags .tags                         { width:200px; }
.columns > li.hastags .tags li                      { margin-bottom:10px; }
h2                                                  { font-size:40px; margin-bottom:30px; }
h1.special                                          { font-size:40px; }
.nav-articles,
.nav-offer                                          { bottom:30px; }
.articles-wrap                                      { padding-bottom:30px; }
.about li                                           { margin-left:0;}
.separator                                          { padding-bottom:50px; margin-bottom:20px !important; }
header .separator                                   { padding-bottom:0; }
body > header .main-menu ul                         { margin-bottom:0; }
.offer-wrapper                                      { width: 400%; }
.work                                               { margin: 30px 0 20px 0; }
.mobile                                             { display:block; }
.nav-offer                                          { width: 50px; }
.nav-articles                                       { width:90px; }
#google-map                                         { height: 300px; margin-top:30px; background:#1d1d1d !important;}

body > header .main-menu ul                         { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; margin-top:25px;}
body > header .main-menu ul li                      { float:none; }
body > header .main-menu a                          { padding: 8px 0; display: block; margin:0; }
.foot                                               { padding-bottom:30px;}



html                                                { background-color:#1d1d1d; background-size:100%; background-repeat:no-repeat; background-attachment:fixed;}
body > header #logo span                            { right:0px;}
.main                                               { background:none;}

form                                                { position:relative; margin-top:55px;}
.foot .right                                        { margin-top:0px;}
    .swiper-pagination-switch:last-child            { display:block;}

.columns > li.hasbot                                { text-align:left;}
.bot                                                { width: 100%;}

    .offer                                          { padding:0;}
    .offer li                                       { min-height: 0;}
    .swiper-container2 .swiper-wrapper, .swiper-container2 .swiper-slide { height: auto !important; float:none; padding:0;}
    #pagination2                                    { display:none; }

    .top .separator                                 { top:20px; }

    .offer li                                       { margin-left:0px !important;}

    .news h6                                        { position:relative; margin:20px 0; top:0;}

    .swiper-container .swiper-slide                                         { margin:0!important;}

    .offer                                          { margin-bottom:0px !important;}
    body > #nav-contact .foot h2 { padding-top:0;}
    .main { padding-top: 10px;}
    .main > div { padding-bottom:75px;}
    .main > div {
        padding-bottom: 55px;
    }
    #nav-about {
        padding-bottom: 25px;
    }
    .work {
        margin: 30px 0 0px 0;
    }
}

@media all and (min-width: 1270px){
    /*.swiper-pagination-switch:nth-child(4),
    .swiper-pagination-switch:nth-child(5) { display:none }*/

}
#pagination { XXwidth:260px !important; }



.content_container ul{
    margin-left: 20px;
}
.content_container img{
    border-radius: 6px;
    margin-bottom: 10px;
}
.content_container a{
    margin: 0px;
    border-bottom: 1px dashed;
    border-bottom-width: 1px;
    border-bottom-color: #fff;
}
.content_container p{
    margin-bottom: 10px;
}

.content_container ul li {
    list-style-type: disc;
    margin-top: 10px;
    margin-bottom: 10px;
}
.marginBottom20 {
    margin-bottom: 20px !important;
}
.padding30 {
    padding-bottom: 30px;
}

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .separator:after {
        height: 6px;
        background: url('../images/separator.png') top left repeat-x;
    }
}
@media
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi){
    .separator:after {
        height: 6px;
        background: url('../images/separator.png') top left repeat-x;
    }
}

/* 1.3 dpr */
@media
(-webkit-min-device-pixel-ratio: 1.3),
(min-resolution: 124.8dpi){
    .separator:after {
        height: 6px;
        background: url('../images/separator.png') top left repeat-x;
    }
}

/* 1.5 dpr */
@media
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi){
    .separator:after {
        height: 6px;
        background: url('../images/separator.png') top left repeat-x;
    }
}