/* CSS Document */
@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'droid_sansbold';
    src: url('../fonts/droidsans_bold_cyrillic/DroidSans-Bold-webfont.eot');
    src: url('../fonts/droidsans_bold_cyrillic/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidsans_bold_cyrillic/DroidSans-Bold-webfont.woff') format('woff');

}
@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'droid_sansregular';
    src: url('../fonts/droidsans_regular_cyrillic/DroidSans-webfont.eot');
    src: url('../fonts/droidsans_regular_cyrillic/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidsans_regular_cyrillic/DroidSans-webfont.woff') format('woff');

}


body,html{margin:0;padding:0;width:100%;height:100%;background:#fff;font-size:62.5%;}

h3,.article_tag a, .devblok {font-family: 'droid_sansbold', sans-serif;}
h1,h2,p {font-family: 'droid_sansregular', sans-serif;}


#who{position:relative;margin:0; padding: 4em 0;background: #8ce5fe;} /* max-height:640px;width:100%; #FEE78C*/
#content { margin: 0 0 80px 0;background-color: #FFFFFF;}
#autor { }
#autor img.face2 {border-radius: 40%;}
#drugie { margin: 0 0 80px 0}

.wordmark{position:relative;display:block;margin:0 auto 80px auto;width:183px;height:88px;background:url(../img/logo-201408-grey-2.svg) no-repeat;background-size:183px 88px;}
.wordmark2{}
h1 { font-size:6rem; line-height: 100%;}

p, .wp-block-image { margin: 0 0 36px; padding: 0; font-size: 1.8rem; line-height: 160%; }
h3 { margin: 0 0 20px; padding: 0; color: #101f46; font-size: 2.2rem; line-height: 150%; }
h4 { margin: 0 0 10px; padding: 0; color: #101f46; font-size: 2rem; line-height: 150%;}
h4 a, h4 a:hover {color: #101f46;}


ul { display: block; margin: 0; padding: 0; list-style-type: none; font-weight:400; font-size: 1.6rem;}
#content>div:nth-child(2)>div:nth-child(1) ul { display: block; list-style-type: disc; font-weight:400; font-size: 1.6rem; padding-left: 3rem;}
#content>div:nth-child(2)>div:nth-child(1) ol { padding-left: 2rem;}
ul.capabilites {    margin-bottom: 40px;}
ul.capabilites li { color: #707990; line-height: 200%;}
/* li { display: block; margin-bottom: 0; font-size:1.6rem;} */
.footer { padding-top: 20px; background-color: #dbf6fe; min-height: 200px;}
.footer p { float: left;white-space: nowrap; font-size: 1.6rem;}
.footer p.copywrite {color: #555555; }
.footer a.linkto {margin-right: 10px;}
.footer a.linkto:last-child {margin-right: 0px;}
.footer div.row  div:nth-child(2n+1) { padding-top: 20px; } 

.principals{margin-top:100px;}
.mission {margin-top:100px;margin-bottom:100px;}


ul.social li{display:block;float:left;margin:0;padding:0 26px 0 0;height:auto;font-weight:400;font-size:1.8rem;} 
a.link,ul.social a{position:relative;color:#7e7090;text-decoration:none;
transition:all 300ms cubic-bezier(0.175,.885,.32,1.275) 0s;
-webkit-transition:all 300ms cubic-bezier(0.175,.885,.32,1.275) 0s;
-moz-transition:all 300ms cubic-bezier(0.175,.885,.32,1.275) 0s;
-o-transition:all 300ms cubic-bezier(0.175,.885,.32,1.275) 0s;

}

a.link:hover,ul.social a:hover{color:#101F46;}
a.link span,ul.social a span{position:absolute;bottom:-5px;left:0;display:block;overflow:hidden;max-height:2px!important;width:0;height:2px!important;background:#8ce5fe;
transition:all 300ms cubic-bezier(0.175,.885,.32,1.275) 0s;
-webkit-transition:all 300ms cubic-bezier(0.175,.885,.32,1.275) 0s;
-moz-transition:all 300ms cubic-bezier(0.175,.885,.32,1.275) 0s;
-o-transition:all 300ms cubic-bezier(0.175,.885,.32,1.275) 0s;
max-;}
a.link:hover span,ul.social a:hover span{width:100%;}.rule,
.overview a.link { text-decoration: underline; color: #101f46; }
.yrule{display:block;margin:0 0 22px;}
div.clear{clear:both;}
.divider{margin:80px 0 0;width:100%;height:1px;background:#dbf6fe;}
.wordmarktwo{position:relative;display:block; margin: 4em auto;width:183px;height:88px;background:url(../img/logo-201408.svg)  center top no-repeat; }
.yrule{width:30px;height:4px;background:#bc29d6;}


.fourohfour a:hover,a.email-link:hover{color:#bc29d6;}
.fourohfour a{color:#fff;}

.ya { }
.logo { margin: 4em 0 0 0; width: 183px; height: 88px;}
.vstavka { display: block; clear: both; margin: 2rem 0; width: 60px; height: 8px; background-color: #bc29d6;}
.figura {margin: 4em 0;}

.article_data  {color: #555555; font-size: 1.2rem;  }
#drugie .drugie_data {color: #555555; font-size: 1.6rem;  }
#drugie a, #drugie p {font-size: 1.6rem; margin: 0;}
#drugie img { margin: 0 0 2rem 0;}




.article_head { margin: 0;padding:0;}
.article_head a {color: #436d79; }
.article_head a:hover {color: #008cbc; }
.article_tag a { padding: 0.3rem 1.8rem; border-radius: 3px; background-color: #dbf6fe; color: #436d79;  text-transform: uppercase; white-space:  nowrap; font-size: 1.1rem; transition: background-color 300ms ease-out; }
.article_tag a:hover { background-color: #436d79;color: #ffffff;}
.article_intro {margin: 0;}



.intro {margin-top:10px;margin-bottom:100px;}
.intro .article_data span {color: #555555; font-size: 1.6rem;  }

div.pagination {margin-top: 50px;}
.pagination ul {display: block; margin: 0 auto; }
.pagination ul li a { padding: 1rem 2rem; border: solid 1px #dbf6fe;font-size: 1.8rem;}
.pagination ul li a, .pagination ul li button { background: #ffffff; color: #101F46; }
.pagination ul li:hover a, ul.pagination li a:focus, ul.pagination li:hover button, ul.pagination li button:focus { background: #dbf6fe; }
.pagination ul li.current a:hover, .pagination ul li.current a:focus, .pagination ul li.current button:hover, .pagination ul li.current button:focus { background: #008cba; }
.pagination ul li.space  { padding: 1rem 2rem; font-size: 1.8rem;}


ul.links { margin: 0 0 3rem 0;  }
ul.links li { padding-bottom:10px;}
.icon {margin: 0 10px 0 0; width: 24px; height:24px; display:block; float: left;background: url(../img/icon-uncertainty.svg) no-repeat left; background-size: auto 100%; }
.icon.pdf { background: url(../img/icon-pdf.svg) no-repeat left; background-size: auto 100%;}
.icon.zip { background: url(../img/icon-zip.svg) no-repeat left; background-size: auto 100%;}
.icon.html { background: url(../img/icon-html.svg) no-repeat left; background-size: auto 100%;}
.icon.img { background: url(../img/icon-img.svg) no-repeat left; background-size: auto 100%;}

.error {text-align: center; margin: 3rem 0;}
.error a {white-space: nowrap;}
.error_labirint {background:  url("../img/labirint.svg") left center no-repeat; background-size: auto 100%;}

.error404 .footer { padding-top: 20px;background-color: #ffffff;}

.wp-caption-text { 
    color: #666666;
    font-family: Helvetica,sans-serif;
    font-size: 1.4rem;
    font-style: italic;
    font-weight: bold;
    padding: 1rem 0 0 0rem;
    text-align: center;
	}

ul.list-links, ul.list-decimal {margin: 0 0 36px;}
ul.list-links li {
    display: list-item;
    list-style: disc outside none;
    margin: 0 0 0 2rem;
    padding: 0 0 0 2rem;
}
ul.list-links  li:before {}

ul.list-decimal li {
    display: list-item;
    list-style: decimal;
    margin: 0 0 0 2rem;
    padding: 0 0 1rem 2rem;
}

ul.list { margin-bottom: 36px; margin-left: 10px; padding-left: 20px;  }
ul.list li {  font-size: 1.8rem; color:  #304e57; }
ul.list li:before {content: " "; width: 8px; height: 8px; background-color: #436d79; border-radius: 50%; float: left;  margin-top: 8px; margin-left: -20px;}

#content table tr td, #content table tbody tr td { font-size: 1.4rem; line-height: 160%; }




.works p { font-size: 1.6rem;  margin: auto 0;}
.works .work {display: flex; vertical-align: middle;   height: 120px; border:#666666 dotted 0px; border-radius:0px; margin: 0 0 2rem 0;  } 
.works .work a {display:block; overflow:hidden; position: absolute;  height:120px; width:90%; color: #7e7090; cursor: inherit;  }
.works .work a span {  position: absolute; display: block; top: 130px; height:120px; font-size: 1.25rem ; line-height: 160%; transition: top 500ms ease-out; background:#dbf6fe; padding: 10px 20px 10px 10px; color:#101f46; }
.works .work a:hover span {  position: absolute; display: block;  top: 0px; bottom: 0;  transition: top 300ms ease-out; height:auto;}
.works .work a span i { position: absolute; top: 0px; right:0; width: 20px; height: 20px; display:block; }
.works .work a span i.sb { background: url(../img/spacebox-wite.svg) no-repeat center center; background-size: 18px 18px; background-color:#000000; width: 18px; height: 18px; }
.works .work a span i.fr { background: url(../img/fr-wite.svg) no-repeat center center; background-size: 18px 18px; background-color:#ee2b24; width: 18px; height: 18px; }
.works .work a span i.adv { background: url(../img/a-wite.svg) no-repeat center center; background-size: 18px 18px; background-color:#800000; width: 18px; height: 18px; }
.works .work a span i.agima { background: url(../img/agima-wite.svg) no-repeat center center; background-size: 18px 18px; background-color:#01ac6a; width: 18px; height: 18px; }

.works .work a .span {  position: absolute; display: block; top: 130px; height:120px; font-size: 1.25rem ; line-height: 160%; transition: top 500ms ease-out; background:#dbf6fe; padding: 10px 20px 10px 10px; color:#101f46; }
.works .work a:hover .span {  position: absolute; display: block;  top: 0px; bottom: 0;  transition: top 300ms ease-out; height:auto;}
.works .work a .span i { position: absolute; top: 0px; right:0; width: 20px; height: 20px; display:block; }
.works .work a .span i.sb { background: url(../img/spacebox-wite.svg) no-repeat center center; background-size: 18px 18px; background-color:#000000; width: 18px; height: 18px; }
.works .work a .span i.fr { background: url(../img/fr-wite.svg) no-repeat center center; background-size: 18px 18px; background-color:#ee2b24; width: 18px; height: 18px; }
.works .work a .span i.adv { background: url(../img/a-wite.svg) no-repeat center center; background-size: 18px 18px; background-color:#800000; width: 18px; height: 18px; }
.works .work a .span i.agima { background: url(../img/agima-wite.svg) no-repeat center center; background-size: 18px 18px; background-color:#01ac6a; width: 18px; height: 18px; }

.works .work a span i.ux {background-color:#000000; top: auto; right: auto; bottom:5px; border-radius: 50%;  }
.works .work a span i.pm {background-color:#ee2b24; top: auto; right: auto; bottom:5px; border-radius: 50%;  }
i.ux:before  { content: "UX"; color:#FFFFFF; font-size: 0.85rem; padding-left: 4px; font-style:normal;}
i.pm:before {content: "PM"; color:#FFFFFF; font-size: 0.85rem; padding-left: 3px; font-style:normal;}
i.ux.left20, i.pr.left20 {left: 20px;}

.works .work a .span i.ux {background-color:#f02e3c; top: auto; right: auto; bottom:5px; border-radius: 50%;  }
.works .work a .span i.lp {background-color:#f02eea; top: auto; right: auto; bottom:5px; border-radius: 50%;  }
.works .work a .span i.pm {background-color:#2e57f0; top: auto; right: auto; bottom:5px; border-radius: 50%;   }
i.ux:before  { content: "UX"; color:#FFFFFF; font-size: 0.95rem; padding-left: 4px; font-style:normal;}
i.lp:before  { content: "LP"; color:#FFFFFF; font-size: 0.95rem; padding-left: 4px; font-style:normal;}
i.pm:before {content: "PM"; color:#FFFFFF; font-size: 0.95rem; padding-left: 3px; font-style:normal;}
i.ux.left20, i.pr.left20, i.lp.left20 {left: 20px;}


.all-logo { padding-bottom: 50px; background-color:#CCCCCC; background:url(../img/logo/bg.jpg) repeat center center; background-size: auto 100%; max-width: 100%; margin:0; padding:0; }
.all-logo .my-large-2 { width: 19.999%; }
.all-logo img { padding: 10%; }
.page-id-815  .ifyou { display: none;}
.page-id-815 #content { margin:0;}

div.idea { margin-bottom: 35px; }
ul.idea { margin-bottom: 35px; }
ul.idea li { color:#555555; font-size: 1.4rem; white-space:nowrap; overflow: hidden; }
ul.idea li strong {font-size: 1.3rem; padding-right: 20px; font-weight:normal; }
.idea .article_data { margin-bottom: 12px; }
.idea .row { margin-bottom: 36px; }
.idea .article_head { margin: -10px 0 0 0; }


.devblok div { height: 120px; border: solid 1px #666666; margin: 0 0 20px; font-size: 1.35rem; line-height: 140%; text-align:center; padding-top: 40px; }
.devblok div.one { line-height: 3.78rem;} 
.devblok.color1 div { background-color:#4c3c8d; color:#FFFFFF; }
.devblok.color2 div { background-color:#643e90; color:#FFFFFF; }
.devblok.color3 div { background-color:#763f92; color:#FFFFFF; }
.devblok.color4 div { background-color:#874094; color:#FFFFFF; }
.devblok.color5 div { background-color:#a14297; color:#FFFFFF; }

/* case*/
.img-box, .user { text-align:; margin: 0 auto; }
.user p { margin-top: -45px; color:#FFFFFF; text-align: center; width: 153px;  }
.box p { margin-bottom: 0.5rem; font-family: 'droid_sansbold', sans-serif; }
.box p:first-child { margin-top: 0.5rem; }

.box, .box:before { border:dashed 2px #000000; }
.box {
 width:100%; height: 169px; border-radius: 0px 5px 5px 0; border-left: none; float: left;  
 margin-left:100px; 
}
.box:before {
    content: " "; 
	width:120px; height:120px; border-right: none; border-top: none; float: left; transform: rotate(45deg); margin: 23px 0 0 -61px;
}

p.list {  font-size: 1.6rem; color:  #304e57; }

blockquote.pickout { padding:15px; border-left: solid #8ce5fe; margin: 0 10% 36px 5%; }
blockquote.pickout p {font-size: 1.6rem; margin:0;  color: #67a9bb;}

ol.list { padding: 0 50px; }
ol.list li { padding-bottom: 20px; display:list-item; color: #67a9bb; }
ol.list li em, ol.list li span {  color: #606060; font-style:normal;  }

.reference { font-size: 1.4rem; color: #606060; background-color: #dadada ; margin: 0 0 36px; padding: 1rem 2rem; line-height: 160%;}
figcaption {font-size: 75%; color: grey; text-align: center;}

/* доклады */
	.report {margin-top: 80px;}
	.r-head-block {margin: 0 0 20px 0;}
	.r-head  { padding: 0 20px 0 10px;color: #101f46; font-size: 2.2rem; font-family: 'droid_sansbold', sans-serif; }
	.r-head-block img { margin-right: 8px; }
	.r-head-num { font-size: 2em; margin: 10px; }
    .report p { padding-top: 1em;} 
	.r_title, .r_title:hover {color: black;}
	.r_title span {color: #008cba;}
	.r_title span:hover { text-decoration:underline; }
	.r-link span { font-size: 0.85em; line-height: 22px; padding: 0px 0px 0 8px; color: #BC29D6;}

ul, ol, dl {
    font-size: 1.6rem;
	margin-bottom: 36px;
}


@media only screen and (min-width: 90.064em) { /* Очень большой*/
    
    }
@media only screen and (max-width: 90.063em) { /* Большой*/
    h1 { font-size:4rem;}
    h4 {font-size:1.8rem;}
    }

@media only screen and (max-width: 64.063em) { /* Средний*/
      h1 { font-size:3rem;}
      h4 {font-size:1.8rem;}
      div.pagination {height: 100px;}
	  .all-logo .my-large-2 { width: 25%; }
      #drugie .anons:nth-child(4)  {display:none}
	  ol.list { padding: 0; }
    }
@media only screen and (max-width: 40.063em) { /* Маленький*/
   
     h1 { font-size:3rem;}
     .face { padding-bottom:  4em;}
     .wordmark {margin-top: 4em;}
     div.pagination {height: 100px;}
     
     .page .intro,  .single .intro {margin-bottom:50px;}
     .page .intro h2, .single .intro h2 { font-family: 'droid_sansbold', sans-serif; }
     .page .overview h4, .single .overview h4 {font-size:1.4rem;font-family: 'droid_sansbold', sans-serif;}
     .page .overview h4 span, .single .overview h4 span { white-space: nowrap;}
	 .all-logo .my-large-2 { width: 33.333%; }
      #drugie .anons {margin: 0 0 20px 0;}
      #drugie .anons:nth-child(4)   {display: block;}
      #drugie img   {display: none;}
	  
	  div.idea { margin-bottom: 0; }
	  
	  .idea .article_head { margin:10px 0 0 0; }
	 /* пейджинг */
	 .pagination ul li a { padding: 0.5rem 0.85rem; border: solid 1px #dbf6fe;  font-size: 1.8rem; }
	 .pagination ul li.space { padding: 1rem 0.8rem;  font-size: 1rem; }
	 
	 /* доклады */ 
	  .r-head-num {padding-left: 38px;white-space: nowrap;}
      .r-head-num img {display:none;}
    }