/* &#232;&#237;&#244;&#224;*/
.proftwo {margin- top: -10px;
width: 178px;
min-height:50px;
height: auto;
 font-size: 9px; 
background-color: #dddcd8; 
text-align: left; 
 border: 1px #ebe6da solid;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 8px 5px #c5c5c5;
-webkit-box-shadow: inset 0 0 8px 5px #c5c5c5;
box-shadow: inset 0 0 8px 5px #c5c5c5;
  border-radius: 0px;  repeat-y;
position:relative;
left: 5px;
padding: 6px;
text-align: left;
padding-bottom:3px;
margin-bottom: 20px;

}

.prof1 {top: 26px;
width: 178px;
 font-size: 17px;
font-family: 'bebas neue';
letter-spacing: 0px;
background-color: #dddcd8; 
text-align: center; 
position; relative;
left: 5px; 
padding-top: 14px;
padding-bottom:22px;
text-transform: uppercase;
color: #6e6e6e;
font-weight: bold;
text-shadow: 1px 1px 1px #fff;
}

.pa-fld3 {font-size: 12px;
font-family: 'bebas neue';
color: #fff;
padding:0px;
 letter-spacing: 0.5px;
 line-height: 16px; 
 background-color: #ce556c;
width: 190px;
height: 14px;
position:relative;
left: 50px;
text-transform: lowercase;}



/* &#239;&#240;&#238;&#244;&#232;&#235;&#252; &#248;&#240;&#232;&#244;&#242;*/
#pun-main .post-author ul  {font-size: 10px; text-align: center;}
.pa-author{font-size: 12px; font-weight: bold; text-transform: uppercase;}

#pun-stats li.item3{ 
display:none;

 }
/* &#234;&#238;&#237;&#229;&#246;*/

/* &#239;&#235;&#224;&#226;&#237;&#224;&#255; &#241;&#236;&#229;&#237;&#224; &#234;&#224;&#240;&#242;&#232;&#237;&#238;&#234;*/
.image.UP,
.image.Down {
   border:2px solid transparent;
   margin:0;
   padding:0;
}
.image.UP{
opacity:1.0;
   display:block;
   position:absolute;z-index:100;
   transition-duration: 0.96s;
  -webkit-transition-duration: 0.96s;
  -moz-transition-duration: 0.96s;
  -o-transition-duration: 0.96s;
  -ms-transition-duration: 0.96s; /* IE9+ */
}
.image.UP:hover {
   opacity:0.00;
}
 
div.ImgWrap{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;
}
/* &#234;&#238;&#237;&#229;&#246;*/


/* &#241;&#241;&#241;&#251;&#235;&#234;&#232; &#226; &#242;&#224;&#225;&#235;&#232;&#246;&#229; */
.linktable {
   font-family: bebas neue;
  font-weight: bold;
  font-size:16px;
  text-shadow: 1px 1px 0px #ebebeb;
  color: #537399!important;
  margin:10px!important;
  letter-spacing:2px;
}
/* &#234;&#238;&#237;&#229;&#246;*/


<!-- C&#235;&#224;&#233;&#228;&#229;&#240; &#241;&#242;&#232;&#235;&#252;-->
<style type="text/css">
#slideshow {
margin: 0 auto;
width: 256px;
height: 129px;
margin: 0px auto 0 auto;
margin-left: 80px;
background: transparent;
position: relative;
}
#slideshow #slidesContainer {
  margin: 0 auto;
width: 256px;
height: 129px;
  overflow: none; 
  position: relative;
}
#slideshow #slidesContainer .slide {
  margin: 0 auto;
width: 256px;
height: 129px;
}
.control {
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -10000px;
  position: absolute;
  cursor: pointer;
  z-index: 100;
}
#leftControl {
  top: -33;
  left: 5;
  background: transparent url() no-repeat 0 0;
}
#rightControl {
  top: 0;
  right: 5;
  background: transparent url() no-repeat 0 0;
}


.sprof {
	position: relative;
	}
.sprof em {
	display: none;
	}
.sprof:hover em {
width: 50px; 
	font-style: normal;
	display: block;
	position: absolute;
 	background: #000000;
	letter-spacing: 1px;
        line-height: 12px; 
   color: #c1c1c1 !important;
    font-size: 14px !important;
    text-shadow: 1px 1px 0px #;
 font-style: italic;
 font-family: 'Cuprum';
	padding: 10px 10px;
	bottom: 13px;
  border-left: 3px clearly dashed #;
  border-radius: 10px;
box-shadow: 0px 0px 1px #000000;  border-radius: 5px;

 opacity: 0.8; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;
}
.sprof:hover em i {
	position: absolute;
	bottom: 5px;
	right: 5px;
	border-top: 7px solid #000;
	border-left: 7px solid transparent;
	display: block;


}



/* &#242;&#229;&#236;&#251; */
.zone { width: 200px;  height: 150px; padding-right: 5px;  overflow: auto; font-family: 'cuprum', sans-serif; text-transform: uppercase; font-size: 14px; color: #696969; margin-top: 2px; text-align: center; line-height: 100%; font-weight: 600;}
.zone1 { width: 213px;  height: 180px; font-family: 'cuprum', sans-serif; font-size: 12px; color: #696969; padding-top: 6px; text-align: left; line-height: 90%; letter-spacing: 0.5px;}
.zone5 { width: 500px; font-family: 'cuprum', sans-serif; font-size: 13px; color: #696969; text-align: left; line-height: 94%; letter-spacing: 0.5px;}

.topiczone {
width: 480px; 
font-family: verdana, arial, helvetica, sans-serif;
line-height: 160%;
letter-spacing: 0px;  
text-align: left; 
margin-left:0px;
margin-top:30px;
padding: 100 0 0 20px;
}
.topictitle {
letter-spacing: 0px; 
text-transform:;
 font-weight: ;
color: #a18425;
font-family: 'Lobster';
font-size: 25px;
background-color: #d9b951;
text-shadow: 0px 1px 0px #fff;
text-align: center;
}

/* &#242;&#229;&#236;&#251; */




li.pa-avatar.item2 img{
border: 0px solid #fbdba9;
position:center;
position:relative;
 left: 0px;
margin-bottom:35px;
}






/* &#241;&#241;&#251;&#235;&#234;&#232; &#239;&#238;&#228;&#244;&#238;&#240;&#243;&#236;*/
#linkforum { line-height: 7px; margin-top: 9px; }
#linkforum a:link, #linkforum a:visited, #linkforum a:active 
{ background: #85a4b0;   color: #e4e4e4; text-shadow: # 0px 0px 0px;
   font: 10px cuprum; 
font-style: italic!important;
  display: inline; 
      line-height: 5px; padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 10px;
   padding-right: 10px;
   text-transform: uppercase; 
   -moz-transition-duration: 1s;  -o-transition-duration: 1s;    transition-duration: 1s; 
   -webkit-transition-duration: 1s; }
#linkforum a:hover { background: #ce556c; color: #fbf1cd;  color: #fbf1cd; 
text-shadow: #d9d8d6 0px 0px 0px;}

.linkforum{
width: auto;
text-transform: uppercase;
color: #fbf1cd; font: 9px cuprum; letter-spacing: 2px; line-height: 7px; padding: 5px; text-decoration: none; text-transform: uppercase; text-shadow: #d9d8d6 1px 1px 1px;
background-color: #6c802e;
position:relative;
 right:0px;
 width: 93%;
}



/* CS1 */
#pun .tcr {text-align: right;}
li#navawards, .pa-positive, .lastedit {display: none;}
.linkst .pagelink { 
right: 15px;
position: absolute;
top: -4em;
width: 24em;
 }
li#navawards {display: none;}
#pun-reputation div, #pun-popup_awards div {background-color: #f4d8b2;}
div#smiles-area.container {background-color: #f4d8b2;}
BODY {overflow-x: hidden}

/* CS1.1  */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { background-color: transpanent;
color: #050221;
font-weight: normal;
font-style: normal;}




/* &#232;&#237;&#244;&#238;&#240;&#236;&#224;&#246;&#232;&#255; &#226; &#235;&#231;*/




/* &#235;&#231; &#234;&#238;&#237;&#229;&#246;*/

/* &#238;&#242;&#234;&#235;&#254;&#247;&#232;&#242;&#252; &#236;&#238;&#228;&#229;&#240;&#224;&#242;&#238;&#240;&#238;&#226;*/
#pun-index .modlist {display: none; }


/* &#240;&#229;&#239;&#243;&#242;&#224;&#246;&#232;&#255; &#232; &#241;&#238;&#238;&#225;&#249;&#229;&#237;&#232;&#255; &#237;&#224; &#238;&#228;&#237;&#238;&#233; &#241;&#242;&#240;&#238;&#247;&#234;&#229;*/
.pa-posts {
margin-left: 20px;
background-color: #dddcd8; 
 border: 3px #b1afa6 double;
text-align: center; 
  border-radius: 5px;
-moz-box-shadow: inset 0 0 3px 3px #;
-webkit-box-shadow: inset 0 0 3px 3px#;
box-shadow: inset 0 0 3px 3px #;
display: inline-block;
text-align: center;
text-transform: lowercase;
padding: 0px 0px;
width: 70px;
color: #000000;
position:relative; top: -16px; left: 2px;
}

.pa-respect {
display: inline-block;
margin-left: 20px;
background-color: #dddcd8; 
 border: 3px #b1afa6 double;
text-align: left; 
  border-radius: 5px;
-moz-box-shadow: inset 0 0 3px 3px #;
-webkit-box-shadow: inset 0 0 3px 3px #;
box-shadow: inset 0 0 3px 3px #;
 repeat-y;display: inline-block;
text-align: center;
text-transform: lowercase;
padding: 0px 0px;
width: 70px;
color: #000000;
position:relative; top: -16px; left: 2px;
}


/* &#240;&#224;&#231;&#236;&#229;&#240; &#248;&#240;&#232;&#244;&#242;&#224; &#226; &#239;&#238;&#241;&#242;&#224;&#245;*/
#pun-main .post-content {font-size: 11px;
color: #1b1b1b;
}

/* &#234;&#224;&#240;&#242;&#232;&#237;&#234;&#224; &#239;&#240;&#232; &#237;&#224;&#226;&#229;&#228;&#229;&#237;&#232;&#232; */
.image.first,.image.second {
border:2px solid transparent;
margin:0;
padding:0;
}

.image.first {
opacity:1px;
display:block;
position:absolute;
z-index:100;
transition-duration:0.96s;
-webkit-transition-duration:0.96s;
-moz-transition-duration:0.96s;
-o-transition-duration:0.96s;
-ms-transition-duration:0.96s;
}

.image.first:hover {
opacity:0.00;
}
 
div.ImgField {
display:inline-block;
background-position:center center;
background-repeat:no-repeat;
margin:0;
padding:0;
}



/* CS1.2 &#242;&#229;&#235;&#238; &#232;&#235;&#232; &#244;&#238;&#237; &#244;&#238;&#240;&#243;&#236;&#224; */
body {
background: 
url("http://savepic.ru/8680927.png") repeat-x top center, /*&#226;&#229;&#240;&#245;&#237;&#232;&#233; &#244;&#238;&#237;*/ #a2acb4
url("http://savepic.ru/8674783.png") repeat; /*&#238;&#225;&#249;&#232;&#233; &#244;&#238;&#237;*/
}
body {overflow-x: hidden}



/* CS1.4 &#242;&#229;&#235;&#238; &#244;&#238;&#240;&#243;&#236;&#224; */
#pun {background-image: url(http://savepic.ru/8672735.png); 
 position:relative;
 margin-left: -166px;
  background-repeat : repeat;
background-position: top center;
background-color: #d7d6d0}


/* CS1.3 &#248;&#224;&#239;&#234;&#224;*/
#pun-title table {
background-image : url(http://savepic.ru/8681975.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
  margin-left: -163px;
height: 836px;
width: 1208px;}


/* CS1.5 &#244;&#243;&#242;&#229;&#240; */
#pun-about p.container {background-color: #;
background-image : url(http://savepic.ru/8663519.png); 
background-position : center top; 
background-repeat : no-repeat;
height : 337px;
width: 959px; 
margin-left: -53px;
text-align: center;
border-color: transparent;
}

div#pun-about {
   margin-bottom: -60px;
}

div#pun-about {
   margin-bottom: -60px;
}



/* CS2 &#241;&#241;&#251;&#235;&#234;&#232; */

/* CS2.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #606060;
  text-decoration: none; }

/* CS2.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #727272; 
  text-decoration: none; font-weight: }

/* CS2.3 */
#pun-navlinks a {
  color: #77a0be;
  text-decoration: none;

 }

/* CS2.4 */
/* &#237;&#224;&#226;&#229;&#228;&#229;&#237;&#232;&#229;*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #588fb7;
  text-decoration: none; font-weight: bold}



/* &#246;&#232;&#242;&#224;&#242;&#251; */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
background-color: #dddcd8; 
border:#fadfb9 solid 1px;
padding: 11px;
padding-top:10px;
border: none;
  border-left: 3px clearly dashed #;
  border-radius: 10px;
box-shadow: 0px 0px 2px #838383;  border-radius: 5px;
color: #000000}



/* CS5.4 &#236;&#229;&#241;&#242;&#238; &#228;&#235;&#255; &#226;&#226;&#238;&#228;&#224; &#241;&#238;&#238;&#225;&#249;&#229;&#237;&#232;&#233; */
.punbb textarea, .punbb select, .punbb input {
background-color: #dddcd8; 
border:#fadfb9 solid 1px;
padding: 11px;
padding-top:10px;
border: none;
  border-left: 3px clearly dashed #;
  border-radius: 10px;
box-shadow: 0px 0px 2px #838383;  border-radius: 5px;
color: #000000}

/* CS5.5 &#225;&#224;&#237;&#237;&#229;&#240; &#240;&#229;&#234;&#235;&#224;&#236;&#251; */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 00px; 
top: 300px;}

/* CS3.1 &#241;&#242;&#224;&#240;&#251;&#229; &#241;&#238;&#238;&#225;&#249;&#229;&#237;&#232;&#255;*/
.punbb table Div.icon {float: right; 
display: block; 
position:relative;
top:20px;
margin-right: -11px;
padding:30px;
border-style: none none none none;
width: 75px;
height:56px;
background-image : url(http://savepic.ru/8665538.png);
background-repeat: no-repeat;}

/* CS3.2 &#237;&#238;&#226;&#251;&#229; &#241;&#238;&#238;&#225;&#249;&#229;&#237;&#232;&#255;*/
TR.inew Div.icon {
position:relative;
top:20px;
margin-right: -11px;
padding:30px;
background-image : url(http://savepic.ru/8659394.png);
background-repeat: no-repeat;
width: 75px;
height:56px;
}

/* CS3.3 &#226;&#224;&#230;&#237;&#251;&#245; &#241;&#238;&#238;&#225;&#249;&#229;&#237;&#232;&#255;*/
TR.isticky Div.icon {
position:relative;
top:20px;
margin-right: -11px;
padding:30px;
background-image : url(http://savepic.ru/8659394.png);
background-repeat: no-repeat;
width: 75px;
height:56px;
}

/* CS3.4 &#231;&#224;&#234;&#240;&#251;&#242;&#224;&#255; &#242;&#229;&#236;&#224;*/
TR.iclosed Div.icon {
position:relative;
top:20px;
margin-right: -11px;
padding:30px;
width: 75px;
height:56px;
background-image : url(http://savepic.ru/8665538.png);
background-repeat: no-repeat;
}


/* CS4 &#234;&#224;&#242;&#229;&#227;&#238;&#240;&#232;&#232; */

#pun-category1.category h2 {
background: url();
height: 0px;
width: 0px;
font-size:0 !important;
margin-left:-30px}


#pun-category2.category h2 {
background: url(http://funkyimg.com/i/27W2r.png);
height: 181px;
width: 927px;
font-size:0 !important;
margin-left:-25px}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/27W2W.png);
height: 181px;
width: 927px;
font-size:0 !important;
margin-left:-25px}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/27W2V.png);
height: 181px;
width: 927px;
font-size:0 !important;
margin-left:-25px}

#pun-category5.category h2 {
background: url(http://funkyimg.com/i/27W2U.png);
height: 181px;
width: 927px;
font-size:0 !important;
margin-left:-25px}

#pun-category6.category h2 {
background: url(http://funkyimg.com/i/27W2T.png);
height: 181px;
width: 927px;
font-size:0 !important;
margin-left:-25px}


/* CS5.1 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("");
background-origin: padding-box;
background-position: 20px 12px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 80px;
padding-top: 10px;}

/* CS5.2 &#241;&#242;&#224;&#242;&#232;&#241;&#242;&#232;&#234;&#224; */
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 181px;
width: 927px;
font-size:0 !important;
margin-left:-25px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/27W2S.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

/* CS5.6 */
#pun-main div.catleft, #pun-main div.catright {display: none}

#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

#pun-main h2, #pun-stats.section h2 {
  padding: 3px 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  }

a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 11px;
background-color:#bdb8be;
color: #2d1b34; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #2d1b34;
border-left-width: 5px;
width: 170px;
}

a.tvm:hover {
font-family: tahoma;
font-size: 11px;
color: #bdb8be; 
background-color:#2d1b34;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #bdb8be;
border-left-width: 5px;
width: 170px;
}



.tip {
	padding: 10px; /* &#240;&#224;&#241;&#241;&#242;&#238;&#255;&#237;&#232;&#229; &#242;&#229;&#234;&#241;&#242;&#224; &#238;&#242; &#234;&#240;&#224;&#255; &#238;&#234;&#237;&#224; */
	color: #050221; /* &#246;&#226;&#229;&#242; &#248;&#240;&#232;&#244;&#242;&#224; */
	background-color: #d7e5f9; /* &#244;&#238;&#237;&#238;&#226;&#251;&#233; &#246;&#226;&#229;&#242; &#238;&#234;&#237;&#224; */
	display: none;
	position: absolute;
	z-index: 1000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


 
#pun-main .post-author ul, #pun-main .post .container {line-height: 11px}



/** jQuery plugins
---------------------------------------------------------------*/
.tipsy { padding: 5px; font-size: 11px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('/i/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
.uploadifyQueueItem {background-color: #F5F5F5; border: 2px solid #E5E5E5; font: 11px Verdana, Geneva, sans-serif; margin-top: 5px; padding: 10px; width: 350px;}
.uploadifyError {background-color: #FDE5DD !important; border: 2px solid #FBCBBC !important;}
.uploadifyQueueItem .cancel {float: right;}
.uploadifyQueue .completed {background-color: #E5E5E5;}
.uploadifyProgress {background-color: #E5E5E5; margin-top: 10px; width: 100%;}
.uploadifyProgressBar {background-color: #0099FF; height: 3px; width: 1px;}






a.men:link, a.men:visited, a.men:active{
text-decoration: none;
background: #dcd4f9;
width: 85px;
padding-top: 5px;
padding-bottom: 5px; 
font-family: Verdana;
font-size: 12px;
color: #a5a9db;
display: block;
-moz-border-radius: 7px;
border-radius:7px;
text-align:center;
}
a.men:hover {
background: #0099ef;
-moz-border-radius: 7px;
border-radius:7px;
cursor: default;
}




::-webkit-scrollbar {
    width: 7px;
    height: 10px;
}
::-webkit-scrollbar-track {
background: #5c889a;
}
::-webkit-scrollbar-thumb {
    background: #bebdb8;
}


/* &#237;&#243;&#230;&#237;&#251;&#233;*/

#trc {
 height: 600px;
 width: 500px;
 position: relative;
 overflow: hidden
}

.trcimg {
 height: 600px;
 width: 500px;
 position: absolute;
 background-image: url(http://funkyimg.com/i/25fiM.png);/* &#238;&#241;&#237;&#238;&#226;&#237;&#224;&#255; &#244;&#238;&#242;&#238;&#227;&#240;&#224;&#244;&#232;&#255; */
}

#trc .trcimg {
 -webkit-transition-duration: 2s
}

#trc:hover .trcimg {
 -webkit-filter: blur(3px);
 -moz-filter: blur(3px);
 filter: blur(3px);
 -webkit-transition-duration: 2s;
 -moz-transition-duration: 2s;
 transition-duration: 2s;
}

.trc1 {
 height: 150px;
 width: 300px;
 position: absolute;
 text-align: center;
 top: 270px;
 left: 250px;
 padding-left: 10px;
font-size: 55px!important;
 font-family: 'bebas neue';
 text-transform: uppercase;
 letter-spacing: -1px;
 font-weight: 900;
 line-height: 50px;
color: #e9e9e9; 
text-shadow: 1px 1px 0px #263953;
 -webkit-transition: 0.8s ease-in-out;
 -webkit-transition-delay: 1s;
-webkit-transform: translate(-3em,0);
}

.trc2 {
 height: 40px;
 width: 500px;
 padding-left: 20px;
 background-color: rgba(223, 179, 77, 0.8);
 line-height: 40px;
 color: #fff;
 position: absolute;
 top: 40px;
 font-family: Tahoma, sans serif;
 font-size: 9px;
 text-transform: uppercase;
 letter-spacing: 2px;
 font-style: italic;
 font-weight: 100;
 text-align: left;
 left: -520px;
 -webkit-transition: 1s linear;
 -moz-transition: 1s linear;
 transition: 1s linear;
}

.trc2 a {
 color: #fff;
 text-decoration: none
}

.trc2a {
 height: 100px;
 width: 100px;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%;
 background-image: url(http://placehold.it/100x100);/* &#232;&#231;&#238;&#225;&#240;&#224;&#230;&#229;&#237;&#232;&#229; &#227;&#232;&#244; */
 position: absolute;
 z-index: 3;
 top: -33px;
 right: 40px;
 border: solid 3px #dfb34d;
 background-color: #afafaf;
 background-blend-mode: multiply
}

.trc3 {
 height: 440px;
 width: 450px;
 padding: 10px;
 border: 1px solid #fff;
background: url(http://savepic.su/6492398.png);
background-color: #fff;
 position: absolute;
 left: 15px;
 top: 600px;
 overflow: auto;
 font-family: Tahoma;
 letter-spacing: 0.5px;
 line-height: 11px;
 font-size: 11px;
 text-align: justify;
 -webkit-transition: 1s linear;
 -moz-transition: 1s linear;
 transition: 1s linear;
}

.trc3::-webkit-scrollbar {
 width: 1px
}

.trc3::-webkit-scrollbar-thumb {
 background-color: #4682B4
}

#trc:hover .trc1 {
 left: -210px;
 -webkit-transition: 0.8s ease-in-out;
 -moz-transition: 0.8s ease-in-out;
 transition: 0.8s ease-in-out;
}

#trc:hover .trc2 {
 left: 0px;
 -webkit-transition: 1s linear;
 -moz-transition: 1s linear;
 transition: 1s linear;
 -webkit-transition-delay: 1s;
 -moz-transition-delay: 1s;
 transition-delay: 1s;
}

#trc:hover .trc3 {
 top: 110px;
 -webkit-transition-delay: 1s;
 -moz-transition-delay: 1s;
 transition-delay: 1s;
}
.interview{width: auto; letter-spacing: 1px; color: #fff; font-family: bebas neue; font-size: 27px; text-align: center; background-color: #dfb34d; padding:10px; text-shadow: 1px 1px 0px #263953;}


/* &#237;&#243;&#230;&#237;&#251;&#233;*/

/* &#224;&#237;&#234;&#229;&#242;&#224; */



.topiczone2 {width: 445px; 
font-family: verdana, arial, helvetica, sans-serif;
line-height: 160%;
letter-spacing: 0px;  
text-align: justify; 
margin-left:0px;
margin-top:2px;
padding: 100 0 0 20px;}

.trc8 {
 height: 540px;
 width: 450px;
 padding: 10px;
 border: 1px solid #fff;
background: url(http://savepic.su/6492398.png);
background-color: #fff;
 position: absolute;
 left: 15px;
 top: 660px;
 overflow: auto;
 font-family: Tahoma;
 letter-spacing: 0.5px;
 line-height: 11px;
 font-size: 11px;
 text-align: justify;
 -webkit-transition: 1s linear;
 -moz-transition: 1s linear;
 transition: 1s linear;
}

.trc8::-webkit-scrollbar {
 width: 1px
}

.trc8::-webkit-scrollbar-thumb {
 background-color: #4682B4
}

#trc:hover .trc8 {
 top: 20px;
 -webkit-transition-delay: 1s;
 -moz-transition-delay: 1s;
 transition-delay: 1s;
}
.imgtwo{position: relative; top:10px; left: 7px;}
.inter {width: 100px; background-color: #dfb34d; color:#fff ; padding: 2px; text-align: center; letter-spacing: 0.5px;text-transform: uppercase; font-size: 11px; text-shadow: 0.5px 0.5px 0.5px #363636; font-family: bebas neue;}
.inter1 {width: 200px; letter-spacing: 1px; color: #fff; font-family: bebas neue; font-size: 16px; text-align: center; background-color: #dfb34d; padding:4px;  text-shadow: 0.5px 0.5px 0.5px #363636;}
.inftext {font-family: cuprum; font-size: 13px; line-height: 13.5px; text-align: left; width: 205px; position: relative; top:-175px; left: 220px;}


.trc1sh::-webkit-scrollbar {
 width:7px;
}

.trc1sh::-webkit-scrollbar-thumb {
 background-color: #90B8DA;
}

.trc1sh {
 height: 90px;
width: 175px;
 margin-top: -78px;
 overflow: auto;
 text-align: left;
padding-right: 6px;}