/*--------------------------------------------------------------
# Copyright (C) joomla-monster.com
# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website: http://www.joomla-monster.com
# Support: info@joomla-monster.com
---------------------------------------------------------------*/

/*********** COLOR CHANGES FOR BLUE COLOR **********/

.slider
{
  position: relative;
    z-index:0;
}

.slider input
{
  display: none;
}
.slider label
{
  bottom: 10px;
  display: inline-block;
  z-index: 2;
  width: 26px;
  height: 27px;
  transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  background: #f4f4f5;
  border: 1px solid #e6e6e6;
  border-bottom-color: #bfbfbf;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 #ffffff, 0 1px 2px #000000;
  text-align: center;
  cursor: pointer;
  font: 14px/27px arial, tahoma;
  color: #333;
}
.slider .selector_list
{
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 11;
}
.slider .item
{
  width: 100%;
  opacity: 1.0;
  transition: opacity 0.0s linear 0.2s;
  -moz-transition: opacity 0.0s linear 0.2s;
  -webkit-transition: opacity 0.0s linear 0.2s;
  -o-transition: opacity 0.0s linear 0.2s;
}

.slider img {
  display:block;
  height: auto;
  width: 100%;
  }

.image-tape:hover .image-tape__item
{
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}

.slider .item ~ .item
{
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.0;
}
.slider input:nth-of-type(1):checked ~ .selector_list label:nth-of-type(1),
.slider input:nth-of-type(2):checked ~ .selector_list label:nth-of-type(2),
.slider input:nth-of-type(3):checked ~ .selector_list label:nth-of-type(3),
.slider input:nth-of-type(4):checked ~ .selector_list label:nth-of-type(4),
.slider input:nth-of-type(5):checked ~ .selector_list label:nth-of-type(5)
{
  color: #fff;
}
.slider input:nth-of-type(1):checked ~ .item:nth-of-type(1),
.slider input:nth-of-type(2):checked ~ .item:nth-of-type(2),
.slider input:nth-of-type(3):checked ~ .item:nth-of-type(3),
.slider input:nth-of-type(4):checked ~ .item:nth-of-type(4),
.slider input:nth-of-type(5):checked ~ .item:nth-of-type(5)
{
  opacity: 1.0;
  transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  z-index: 6;
}

/* авторотация слайдов */
@keyframes item-autoplay_count_2 {0%{opacity:0;}20%{opacity:1;}50%{opacity:1;}70%{opacity:0;}100%{opacity:0;}}
@keyframes item-autoplay_count_3 {0%{opacity:0;}10%{opacity:1;}33% {opacity:1;}43% {opacity:0;}100%{opacity:0;}}
@keyframes item-autoplay_count_4 {0%{opacity:0;}8% {opacity:1;}25% {opacity:1;}33% {opacity:0;}100%{opacity:0;}}
@keyframes item-autoplay_count_5 {0%{opacity:0;}7% {opacity:1;}20%{opacity:1;}27% {opacity:0;}100%{opacity:0;}}

@-moz-keyframes item-autoplay_count_2 {0%{opacity:0;}20%{opacity:1;}50%{opacity:1;}70%{opacity:0;}100%{opacity:0;}}
@-moz-keyframes item-autoplay_count_3 {0%{opacity:0;}10%{opacity:1;}33% {opacity:1;}43% {opacity:0;}100%{opacity:0;}}
@-moz-keyframes item-autoplay_count_4 {0%{opacity:0;}8% {opacity:1;}25% {opacity:1;}33% {opacity:0;}100%{opacity:0;}}
@-moz-keyframes item-autoplay_count_5 {0%{opacity:0;}7% {opacity:1;}20%{opacity:1;}27% {opacity:0;}100%{opacity:0;}}

@-webkit-keyframes item-autoplay_count_2 {0%{opacity:0;}20%{opacity:1;}50%{opacity:1;}70%{opacity:0;}100%{opacity:0;}}
@-webkit-keyframes item-autoplay_count_3 {0%{opacity:0;}10%{opacity:1;}33% {opacity:1;}43% {opacity:0;}100%{opacity:0;}}
@-webkit-keyframes item-autoplay_count_4 {0%{opacity:0;}8% {opacity:1;}25% {opacity:1;}33% {opacity:0;}100%{opacity:0;}}
@-webkit-keyframes item-autoplay_count_5 {0%{opacity:0;}7% {opacity:1;}20%{opacity:1;}27% {opacity:0;}100%{opacity:0;}}

@-o-keyframes item-autoplay_count_2 {0%{opacity:0;}20%{opacity:1;}50%{opacity:1;}70%{opacity:0;}100%{opacity:0;}}
@-o-keyframes item-autoplay_count_3 {0%{opacity:0;}10%{opacity:1;}33% {opacity:1;}43% {opacity:0;}100%{opacity:0;}}
@-o-keyframes item-autoplay_count_4 {0%{opacity:0;}8% {opacity:1;}25% {opacity:1;}33% {opacity:0;}100%{opacity:0;}}
@-o-keyframes item-autoplay_count_5 {0%{opacity:0;}7% {opacity:1;}20%{opacity:1;}27% {opacity:0;}100%{opacity:0;}}

.slider.slider_count_2 .item
{
  animation: item-autoplay_count_2 10s infinite;
  -moz-animation: item-autoplay_count_2 10s infinite;
  -webkit-animation: item-autoplay_count_2 10s infinite;
  -o-animation: item-autoplay_count_2 10s infinite;
}
.slider.slider_count_3 .item
{
  animation: item-autoplay_count_3 15s infinite;
  -moz-animation: item-autoplay_count_3 15s infinite;
  -webkit-animation: item-autoplay_count_3 15s infinite;
  -o-animation: item-autoplay_count_3 15s infinite;
}
.slider.slider_count_4 .item
{
  animation: item-autoplay_count_4 20s infinite;
  -moz-animation: item-autoplay_count_4 20s infinite;
  -webkit-animation: item-autoplay_count_4 20s infinite;
  -o-animation: item-autoplay_count_4 20s infinite;
}
.slider.slider_count_5 .item
{
  animation: item-autoplay_count_5 25s infinite;
  -moz-animation: item-autoplay_count_5 25s infinite;
  -webkit-animation: item-autoplay_count_5 25s infinite;
  -o-animation: item-autoplay_count_5 25s infinite;
}
.slider .item:nth-of-type(2) {

  animation-delay:5s;-moz-animation-delay:5s;
  -webkit-animation-delay:5s;-o-animation-delay:5s;
}
.slider .item:nth-of-type(3) {
  animation-delay:10s;
  -moz-animation-delay:10s;
  -webkit-animation-delay:10s;
  -o-animation-delay:10s;
}
.slider .item:nth-of-type(4){
  animation-delay:15s;
  -moz-animation-delay:15s;
  -webkit-animation-delay:15s;
  -o-animation-delay:15s;
}
.slider .item:nth-of-type(5){
  animation-delay:20s;
  -moz-animation-delay:20s;
  -webkit-animation-delay:20s;
  -o-animation-delay:20s;
}

.slider input:checked ~ .item
{
  animation: none;
  -moz-animation: none;
  -webkit-animation: none;
  -o-animation: none;
}
    

.slider label:hover
{
  background: #dfdfdf;
}
.slider input:nth-of-type(1):checked ~ .selector_list label:nth-of-type(1),
.slider input:nth-of-type(2):checked ~ .selector_list label:nth-of-type(2),
.slider input:nth-of-type(3):checked ~ .selector_list label:nth-of-type(3),
.slider input:nth-of-type(4):checked ~ .selector_list label:nth-of-type(4),
.slider input:nth-of-type(5):checked ~ .selector_list label:nth-of-type(5)
{
  background: #ac2827;
}
















.componentheading {margin-top:0px; margin-bottom:-10px; font-weight:bold;}
ul.dropdown li { position: relative; }
 ul.dropdown,
 ul.dropdown-inside {
  margin-top:-7px;
 list-style-type: none;
 padding: 0px 19px 0px 19px;
 }
 ul.dropdown-inside {
 position: absolute;
 left: -9999px;
  
 }
 ul.dropdown li.dropdown-top {
 display: inline;
 float: left;
 margin: 0px 10px;
 }
 ul.dropdown li.dropdown-top a {
 padding-bottom: 0px;
 display: block;
  font-size:13px;
 }
 ul.dropdown a.dropdown-top { background: #; }
 ul.dropdown a.dropdown-top:hover { padding: 0px; }
 ul.dropdown li.dropdown-top:hover .dropdown-inside {
 display: block;
 left: 0;
 padding-top:5px;
 
 }
 ul.dropdown .dropdown-inside { background: #fff; margin-top:5px; width:180px;}
 ul.dropdown .dropdown-inside a:hover { background: #efefef; }



@font-face {
    font-family: BloggerSans-Medium; /* Имя шрифта */
    src: url(../fonts/BloggerSans-Medium.ttf); /* Путь к файлу со шрифтом */
  src: url('../fonts/BloggerSans-Medium.eot'); /* IE9 Compat Modes */
  src: url('../fonts/BloggerSans-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/BloggerSans-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/BloggerSans-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/BloggerSans-Medium.svg#svgFontName') format('svg');
   }

@font-face {
    font-family: BloggerSans; /* Имя шрифта */
    src: url(../fonts/BloggerSans.ttf); /* Путь к файлу со шрифтом */
  src: url('../fonts/BloggerSans.eot'); /* IE9 Compat Modes */
  src: url('../fonts/BloggerSans.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/BloggerSans.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/BloggerSans.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/BloggerSans.svg#svgFontName') format('svg');
   }

#n1 {
  width: 330px;
  height: 189px;
  background-color:rgba(255,255,255,0.1);
  color:#000000;
  font-family:BloggerSans-Medium;
  font-size:20px;
  font-weight:bold;
  cursor:pointer;
  }

#n1:hover {
  width: 330px;
  height: 189px;
  background-color:rgba(255,255,255,0.4);
  color:#000000;
  font-size:20px;
  font-weight:bold;
  cursor:pointer;
  }

#n2 {
  font-family:BloggerSans-Medium;
  width: 330px;
  height: 189px;
  background-color:rgba(0,0,0,0.3);
  color:#ffffff;
  font-size:22px;
  line-height:1.3;
  font-weight:bold;
  cursor:pointer;
  }

#n2:hover {
  width: 330px;
  height: 189px;
  background-color:rgba(0,0,0,0.2);
  color:#ffffff;
  font-size:22px;
  font-weight:bold;
  cursor:pointer;
  }

#n3 {
font-family:BloggerSans-Medium;
color:#ffffff;
font-size:16px;
padding:10px 10px 15px 10px;
  cursor:pointer;
}

#n3:hover {
font-family:BloggerSans-Medium;
color:#ffffff;
font-size:16px;
padding:10px 10px 0px 10px;
}

#n4 {
  font-family:BloggerSans-Medium;
  }

body {
    color: #000000;
  font-size:16px;
  font-family:'BloggerSans', Arial;
  line-height:1.4;
}

#n7 {
  
  background: #038cf6 none repeat scroll 0 0;
    border: 1px solid #038cf6;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0;
    padding: 7px 20px 5px 20px;
    text-align: center;}

#n7 {
  
  background: #0277d0 none repeat scroll 0 0;
    border: 1px solid #0277d0;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0;
    padding: 7px 20px 5px 20px;
    text-align: center;}

#all {
    background: url(../images/default/bg_top0.gif) top left repeat-x;
}

#topmenuIcons {
    background: #019fd5;
}

a:link, a:visited {
    color: #038cf6;
}

#pathwayFonts {
    border-top: 0px solid #d6e6eb;
    border-bottom: 0px solid #d6e6eb;
}

#footer {
    border-top: 0px solid #56ac2a;
}

#bottom {
    border-top: 0px solid #56AC2A;
}

#search .inputbox {
    border-top: 1px solid #5fa93a;
    border-left: 1px solid #5fa93a;
    background: url(../images/default/bg_inputbox.gif) top left repeat-x;
}

#search .button {
    background: url(../images/default/bg_button.gif) left top no-repeat;
}

#fonts a#largeFont {
    background: url(../images/default/big_font.gif) left top no-repeat;
}

#fonts a#smallFont {
    background: url(../images/default/small_font.gif) left top no-repeat;
}

#fonts a#normalFont {
    background: url(../images/default/default_font.gif) left top no-repeat;
}

#pathway h3, #pathway {
    color: #006383;
}

/**modules**/

div.djmodule {
    border: 1px solid #d7e7ec;
}

div.djmodule h3,
div.djmodule2 h3 {
    color: #006383;
}

div.bg {
    background: #edf4f6;
}

div.bgh3 h3 {
    background: #edf4f6;
}

div.arrow h3 {
    background: url(../images/default/arrow_bg.gif) left no-repeat;
}

/**menus**/

ul.menu li,
ul#mainlevel li {
    border-top: solid 1px #d7e7ec;
}

ul.menu li a:link,
ul.menu li a:visited,
ul#mainlevel li a {
    color: #006383;
    background: url(../images/default/bg_alink.png) left no-repeat;
}

ul.menu li ul li a:link,
ul.menu li ul li a:visited,
ul.menu li ul li.active a,
ul.menu li ul li.active li a,
ul.menu li ul li.active li li a {
    color: #006383;
}

/**topmenu**/

#topmenu li:hover,
#topmenu li.active {
    background: #0f77ac;
}

#topmenu ul li {
    background: transparent;
}

#topmenu ul li ul li {
    background: #0f77ac;
}

#topmenu li:hover li:hover,
#topmenu li:hover li:hover li:hover,
#topmenu li:hover li:hover li:hover li:hover,
#topmenu li:hover li:hover li:hover li:hover li:hover {
    background: #3f82a9;
}

#topmenu li li.active {
    background: #3f82a9;
}

/**global styles**/

div.registration fieldset,
div.profile fieldset,
div.profile-edit fieldset,
div.remind fieldset,
div.reset fieldset,
div.login fieldset,
div.edit fieldset {
  border: 1px solid #D7E7EC;
}

fieldset.word,
fieldset.phrases,
fieldset.only {
  border: 1px solid #D7E7EC;
}

.inputbox, input.validate-password, input.validate-username, input.required, select, textarea, div.formelm input {
    border: 2px solid #93c3da;
    padding: 5px;
    width0: 240px;
}

input.button, button.validate, button {
    background: #038cf6 none repeat scroll 0 0;
}

fieldset.phrases {
  border: 1px solid #D7E7EC;
}

fieldset.only {
  border: 1px solid #D7E7EC;
}

fieldset.filters {
  border: 1px solid #D7E7EC;
}

table.category {
    border: 1px solid #019FD5;
    width: 100%;
}

table.category thead {
    background: #019FD5;
}

div.panel h3.title {
    background: #019FD5;
}

tr, td {
    border: 0px solid #019FD5;
}

p.readmore a:link, p.readmore a:visited {
    color: #006383;
}

/************************ plugin page break ******************/

hr.system-pagebreak  {
    background: #D7E7EC;
}

/************************ Presentation Style: pages ******************/

div#article-index {
    border: 1px solid #D7E7EC;
}

div.pagenavcounter {
    background: #D7E7EC;
    border: 1px solid #D7E7EC;
}

/************************ Presentation Style: sliders ******************/

div#sliders div.panel {
  border: 1px solid #D7E7EC;
}

div#sliders .panel h3#basic-details.title {
  border: 1px solid #D7E7EC;
  background: #D7E7EC;
}

div#sliders .panel h3#basic-details.title a:link,
div#sliders .panel h3#basic-details.title a:visited {
  color: #006383;
}

/************************ Presentation Style: tabs ******************/

.tabs dt.tabs {
  background: #EDF4F6;
  border-right: solid 1px #006383;
  border-left: solid 1px #006383;
  border-top: solid 1px #006383;
}

.tabs dt.tabs.closed {
  background: #006383;
  border: solid 1px #006383;
}

.tabs dt.tabs.basic-details.open h3 a:link,
.tabs dt.tabs.basic-details.open h3 a:visited {
  color: #006383;
}

dd.tabs {
  background: #EDF4F6;
  border: solid 1px #006383;
}