/* TYPOGRAPHY
----------------------------------------------------------- */
/*@import url(https://fonts.googleapis.com/css?family=Kelly+Slab&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Play:400,700&subset=latin,cyrillic,cyrillic-ext);
@import url(https://fonts.googleapis.com/css?family=Jura:400,700&subset=cyrillic);*/

p  {
    padding:5px;
  padding-left:0px;
  padding-right:0px;
  }
  
#s5_component_wrap_inner p  {
    padding:13px;
  padding-left:0px;
  padding-right:0px;
  }

ul  {
  list-style: none; }
  
.contentpaneopen ul {
  list-style:disc;
  margin-left:10px;
  margin-right:10px;
  }

ul li  {
  padding: 2px; }

ol  {
  margin-top: 5px;
  margin-bottom: 5px; }

ol li  {
  padding:2px;
  margin-right:15px;
  margin-left: 15px; }

/*blockquote {
  background:transparent url(../images/typography/s5_left_quote.png) no-repeat top left;
 font-weight:bold;
font-style:italic;
font-family: 'Roboto', sans-serif;
text-align: justify;
  line-height:150%;
margin:15px 0pt;
padding:0px 0px 5px 65px;
  margin-left:32px;
  padding-left: 48px;
  width:auto;
  
}

blockquote p {
  background:transparent url(../images/typography/s5_right_quote.png) no-repeat bottom right;
  margin-top:0pt;
  padding:0pt 65px 10px 0pt;
}*/

blockquote{
  display:block;
 padding: 15px 20px 15px 45px;
  margin: 20px;
  position: relative;
   background: #0e0e0e;
   border-radius:6px;  
  /*font-family: 'Kelly Slab', cursive;*/
 font-style:italic;
  font-size: 16px;
  line-height: 1.2;
  text-align: justify;
  }

blockquote::before{
   content: "\f10d";
    color: #ccc;
    font-size: 32px;
    font-style: normal;
    font-family: FontAwesome;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}

blockquote::after{
    content: "\f10e";
    color: #ccc;
    font-size: 32px;
    font-style: normal;
    font-family: FontAwesome;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
}

.code {
  background:#EBEAEA;
  border-left:solid 5px #666666;
  color:#666666;
  font-family:monospace;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:1.5;
  margin-top:15px;
  margin-bottom:15px;
  padding:10px 20px;
  padding-top:20px;
  padding-bottom:20px;
  font-size:1.4em;
}

ul.ul_arrow li {
  background:transparent url(../images/typography/s5_ul_arrow.png) no-repeat top left;
  padding:3px;
  padding-left:18px;
  padding-right:18px;
  list-style:none;
}

  #s5_component_wrap ul.ul_arrow {
    padding-left:0px;
    margin-left:0px;
    margin-right:0px;
    list-style-type:none;}
    

ul.ul_star li {
  background:transparent url(../images/typography/s5_ul_star.png) no-repeat top left;
    line-height: 17px;
    list-style: none outside none;
    margin-top: 12px;
    padding: 0 16px 0 24px;
}


  #s5_component_wrap ul.ul_star {
    line-height: 21px;
    list-style-type: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;}

ul.ul_bullet li {
  background:transparent url(../images/typography/s5_ul_bullet.png) no-repeat top left;
  padding:3px;
  padding-left:23px;
  padding-right:18px;
  list-style:none;
}

  #s5_component_wrap ul.ul_bullet {
    padding-left:0px;
    margin-left:0px;
    margin-right:0px;
    list-style-type:none;}


#s5_component_wrap ul.ul_numbers {
  padding-left:0px;
  margin-left:0px;
  margin-right:0px;
  list-style-type:none;}  

ul.ul_numbers li {
  padding-top:6px;
  padding-left:36px;}    
    
li.li_number1  {
  background:transparent url(../images/typography/s5_li_number1.png) no-repeat top left;
  padding-top:8px;
  padding-bottom:22px;
  list-style-type:none;
  padding-right:18px;
  padding-left:40px;
}

li.li_number2  {
  background:transparent url(../images/typography/s5_li_number2.png) no-repeat top left;
  padding-top:8px;
  padding-bottom:22px;
  list-style-type:none;
  padding-right:18px;
  padding-left:40px;
}

li.li_number3  {
  background:transparent url(../images/typography/s5_li_number3.png) no-repeat top left;
  padding-top:8px;
  padding-bottom:22px;
  list-style-type:none;
  padding-right:18px;
  padding-left:40px;
}

li.li_number4  {
  background:transparent url(../images/typography/s5_li_number4.png) no-repeat top left;
  padding-top:8px;
  padding-bottom:22px;
  list-style-type:none;
  padding-right:18px;
  padding-left:40px;
}

li.li_number5  {
  background:transparent url(../images/typography/s5_li_number5.png) no-repeat top left;
  padding-top:8px;
  padding-bottom:22px;
  list-style-type:none;
  padding-right:18px;
  padding-left:40px;
}

li.li_number6  {
  background:transparent url(../images/typography/s5_li_number6.png) no-repeat top left;
  padding-top:8px;
  padding-bottom:22px;
  list-style-type:none;
  padding-right:18px;
  padding-left:40px;
}

li.li_number7  {
  background:transparent url(../images/typography/s5_li_number7.png) no-repeat top left;
  padding-top:8px;
  padding-bottom:22px;
  list-style-type:none;
  padding-right:18px;
  padding-left:40px;
}

li.li_number8  {
  background:transparent url(../images/typography/s5_li_number8.png) no-repeat top left;
  padding-top:8px;
  padding-bottom:22px;
  list-style-type:none;
  padding-right:18px;
  padding-left:40px;
}

li.li_number9  {
  background:transparent url(../images/typography/s5_li_number9.png) no-repeat top left;
  padding-top:8px;
  padding-bottom:22px;
  list-style-type:none;
  padding-right:18px;
  padding-left:40px;
}

.red_box {

  background:#FFD6D6;
  border:solid 1px #EF706F;
  color:#CC0000;
  padding:15px;
}

.red_box a, #s5_component_wrap_inner .red_box a {
  color:#CC0000;
  font-weight:bold;
  text-decoration:underline;
}

.blue_box {

  background:#D0DCEC;
  border:solid 1px #5B95DA;
  color:#1B6FC2;
  padding:15px;
}

.blue_box a, #s5_component_wrap_inner .blue_box a {
  color:#1B6FC2;
  font-weight:bold;
  text-decoration:none;
}

.green_box {

  background:#EEF7DD;
  border:solid 1px #40AB38;
  color:#40AB38;
  padding:15px;
}

.green_box a, #s5_component_wrap_inner .green_box a {
  color:#40AB38;
  font-weight:bold;
  text-decoration:underline;
}

.orange_box {

  background:#FEF6D8;
  border:solid 1px #755102;
  color:#755102;
  padding:15px;
}

.orange_box a, #s5_component_wrap_inner .orange_box a {
  color:#755102;
  font-weight:bold;
  text-decoration:underline;
}

.yellow_box {

  background:#F4F5B9;
  border:solid 1px #757402;
  color:#757402;
  padding:15px;
}

.yellow_box a, #s5_component_wrap_inner .yellow_box a {
  color:#757402;
  font-weight:bold;
  text-decoration:underline;
}

.gray_box {

  background:#FFFFFF;
  border:solid 1px #9D9D9D;
  color:#4B4B4B;
  padding:15px;
}

.gray_box a, #s5_component_wrap_inner .gray_box a {
  color:#4B4B4B;
  font-weight:bold;
  text-decoration:underline;
}

.black_box {
  background:#333333;
  border:solid 1px #4D4D4D;
  color:#FFFFFF;
  padding:15px;
}

.black_box a, #s5_component_wrap_inner .black_box a {
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:underline;
}

.boxed_black {
  border:6px solid #121212;
  margin-right:10px;
  margin-bottom:8px;
}

.padded {
  border:6px solid #121212;
  margin-right:12px;
  margin-bottom:8px;
  padding:0px;
  margin-bottom:8px;
  margin-top:2px;
  position:relative;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.padded:hover {
  border:6px solid #343434;
  -webkit-box-shadow: 0 0px 12px #292929;
  -moz-box-shadow: 0 0px 12px #292929;
  box-shadow: 0 0px 12px #292929; 
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}


.boxed {
  border:3px solid #121212;
  margin-right:12px;
  margin-bottom:8px;
  padding:0px;
  margin-bottom:8px;
  margin-top:2px;
  position:relative;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.boxed:hover {
  border:3px solid #343434;
  -webkit-box-shadow: 0 0px 12px #292929;
  -moz-box-shadow: 0 0px 12px #292929;
  box-shadow: 0 0px 12px #292929; 
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.point {
  min-height:28px;
}

.s5_greenbox {

  position:relative;
  padding:12px;
  color:#ffffff;
  background:#185564;}
  
  .s5_greenbox a {color:#ffffff;}

.s5_greenbox .point {
  padding-left:42px;
  background:transparent url(../images/typography/s5_alert.png) no-repeat center left;}  
  

  
.s5_graybox {

  position:relative;
  padding:12px;
  color:#313131;
  background:#e6e6e6;}
  .s5_graybox a {color:#313131;}

.s5_graybox .point {
  padding-left:42px;
  background:transparent url(../images/typography/s5_alert.png) no-repeat center left;}  
  
  

  
  
.s5_bluebox {
  position:relative;
  padding:12px;
  color:#ffffff;
  background:#22ace5;}
  .s5_bluebox a {color:#ffffff;}

.s5_bluebox .point {
  padding-left:42px;
  background:transparent url(../images/typography/s5_alert.png) no-repeat center left;}    
  

  
.s5_redbox {
  position:relative;
  padding:12px;
  color:#ffffff;
  background:#ff5858;}
  .s5_bluebox a {color:#ffffff;}

.s5_redbox .point {
  padding-left:42px;
  background:transparent url(../images/typography/s5_alert.png) no-repeat center left;}  
  

.shadow {
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}

.shadow:hover {
  -webkit-box-shadow: 0 0px 120px #292929;
  -moz-box-shadow: 0 0px 120px #292929;
  box-shadow: 0 0px 120px #292929; 
  -webkit-transition: all 400ms ease-in;
  -moz-transition: all 400ms ease-in;
  -o-transition: all 400ms ease-in;
  transition: all 400ms ease-in;
}

/* BUTTONS
----------------------------------------------------------- */

.button, a.readon, div.catItemReadMore, .userItemReadMore, div.catItemCommentsLink, .userItemCommentsLink, a.readmore-link, a.comments-link, div.itemCommentsForm form input#submitCommentButton {
  padding:6px;
  padding-top:5px;
  margin-top:14px;
  margin-bottom:0px;
  font-weight: bold;
  border:none;
  text-decoration: none; 
  font-size:0.9em;
  background: #010101; /* Old browsers */
  background: -moz-linear-gradient(top, #161616 0%, #010101 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#161616), color-stop(100%,#010101)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #161616 0%,#010101 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #161616 0%,#010101 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #161616 0%,#010101 100%); /* IE10+ */
  background: linear-gradient(top, #161616 0%,#010101 100%); /* W3C */
  -pie-background: linear-gradient(top, #161616 0%,#010101 100%); /* IE */
  border:solid 1px #121212;
}

.button:hover, a.readon:hover, div.catItemReadMore:hover, .userItemReadMore:hover, div.catItemCommentsLink:hover, .userItemCommentsLink:hover, a.readmore-link:hover, a.comments-link:hover, div.itemCommentsForm form input#submitCommentButton {
background: #0E0E0E; /* Old browsers */
background: -moz-linear-gradient(top, #161616 0%, #0E0E0E 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#161616), color-stop(100%,#0E0E0E)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #161616 0%,#0E0E0E 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #161616 0%,#0E0E0E 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #161616 0%,#0E0E0E 100%); /* IE10+ */
background: linear-gradient(top, #161616 0%,#0E0E0E 100%); /* W3C */
-pie-background: linear-gradient(top, #161616 0%,#0E0E0E 100%); /* IE */
}

.button {
  margin:0px;
  margin-top:0px;
  display:inline;
  margin-right:8px;
}

.module1 {
background:#0e0e0e;
padding:11px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;

color:#FFFFFF;
margin-bottom:18px;
font-size:1.7em;
text-shadow:1px 1px #000;
}