@font-face {
  font-family: OpenDyslexicBold;
  src: url(/Portals/_default/Skins/Unique/fonts/opendyslexic/OpenDyslexic-Bold.woff);
  font-weight: 600;
}

@import
#Body {
background-image: url(images/bg_pattern/pozadina.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/*.l_one_grid2 {
	background-image: url(/portals/0/Images/Okvir.jpg);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: block!Important;
    height: 776px;
    border: 1px solid #4b3375;
}*/

/*background: rgba(212,222,228);
background: -moz-linear-gradient(top, rgba(212,222,228) 0%, rgba(130,149,165) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,222,228)), color-stop(100%, rgba(130,149,165)));
background: -webkit-linear-gradient(top, rgba(212,222,228) 0%, rgba(130,149,165) 100%);
background: -o-linear-gradient(top, rgba(212,222,228) 0%, rgba(130,149,165) 100%);
background: -ms-linear-gradient(top, rgba(212,222,228) 0%, rgba(130,149,165) 100%);
background: linear-gradient(to bottom, rgb(212, 222, 228) 0%, rgb(130, 149, 165) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3dae9', endColorstr='#6485a1', GradientType=0 );
}
/* Design Styles */
A:link {
  color: #7467b2;
}
A:visited {
  color: #7467b2;
}
A:active {
  color: #7467b2;
}
h1 {
  color: #7467b2;
}
h2 {
  color: #7467b2;
}
h3 {
  color: #7467b2;
}
h4 {
  color: #7467b2;
}
h5 {
  color: #305077;
}
h6 {
  color: #7467b2;
}
.banner_color {
  background-color: #3050a1;
}
.bg_color {
  background-color: #3050a1;
}
.text_color {
  color: #3050a1;
}
.color_bg {
  background-color: #3050a1;
}
.color_text {
  color: #3050a1;
}
/*.banner_style {
  background-color: #3050a1;
}*/
A.Footer:hover {
  color: #7467b2;
}
#options ul li .selected {
  background-color: #3050a1;
}
#leftMenu .leftSub li.selected > a span,
#leftMenu .leftSub li a:hover span {
  color: #7467b2;
}
A.Breadcrumb:hover {
  color: #7467b2;
}
/* Header1 Styles */
#HeaderOne #standardMenu li.lampback {
  border-top-color: #ffffff;
}
#HeaderOne #standardMenu li.lampback .lampleft .lampcenter {
  border-top-color: #ffffff;
}
#HeaderOne #standardMenu .rootMenu > li.selected > a span,
#HeaderOne #standardMenu .rootMenu > li.breadcrumb > a span,
#HeaderOne #standardMenu .rootMenu > li:hover > a span,
#HeaderOne #HeaderOne #standardMenu .rootMenu li a:hover span {
  /*color: #3050a1*/;
}
#HeaderOne #standardMenu .subMenu {
  border-top-color: #fff;
}
#HeaderOne #standardMenu .subMenu li.selected > a span,
#HeaderOne #standardMenu .subMenu li.breadcrumb > a span,
#HeaderOne #standardMenu .subMenu li.item a:hover span {
  color: #7467b2;
}
#HeaderOne #megaMenu li.lampback {
  border-top-color: #3050a1;
}
#HeaderOne #megaMenu li.lampback .lampleft .lampcenter {
  border-top-color: #3050a1;
}
#HeaderOne #megaMenu .category {
  border-top-color: #3050a1;
}
#HeaderOne #megaMenu .root > li.selected > a span,
#HeaderOne #megaMenu .root > li.breadcrumb > a span,
#HeaderOne #megaMenu .root > li:hover > a span,
#HeaderOne #megaMenu .root > li > a:hover span {
  color: #3050a1;
}
#HeaderOne #megaMenu .category li.selected > a span,
#HeaderOne #megaMenu .category li.item a:hover span {
  color: #3050a1;
}
#HeaderOne #Login .registerGroup a:hover,
#HeaderOne #Login .loginGroup a:hover {
  color: #3050a1;
}
/* Header2 Styles */
#HeaderTwo #standardMenu .rootMenu > li.selected > a span,
#HeaderTwo #standardMenu .rootMenu > li.breadcrumb > a span,
#HeaderTwo #standardMenu .rootMenu > li:hover > a span {
  background-color: #3050a1;
}
#HeaderTwo #standardMenu .subMenu li.selected > a span,
#HeaderTwo #standardMenu .subMenu li.breadcrumb > a span,
#HeaderTwo #standardMenu .subMenu li.item a:hover span {
  background-color: #3050a1;
}
#HeaderTwo #megaMenu .root > li.selected > a span,
#HeaderTwo #megaMenu .root > li.breadcrumb > a span,
#HeaderTwo #megaMenu .root > li:hover > a span {
  background-color: #3050a1;
}
#HeaderTwo #megaMenu .category li.selected > a span,
#HeaderTwo #megaMenu .category li.item a:hover span {
  color: #3050a1;
}
#HeaderTwo #Login .registerGroup a:hover,
#HeaderTwo #Login .loginGroup a:hover {
  color: #3050a1;
}
#HeaderTwo #Login .registerGroup a:active,
#HeaderTwo #Login .loginGroup a:active {
  color: #3050a1;
}
#HeaderTwo A.User:hover {
  color: #3050a1;
}
#HeaderTwo A.Login:hover {
  color: #3050a1;
}
/* Header3 Styles */
#HeaderThree #standardMenu .rootMenu > li.selected > a span,
#HeaderThree #standardMenu .rootMenu > li.breadcrumb > a span,
#HeaderThree #standardMenu .rootMenu > li:hover > a span {
  color: #3050a1;
}
#HeaderThree #standardMenu .subMenu li.selected > a span,
#HeaderThree #standardMenu .subMenu li.breadcrumb > a span,
#HeaderThree #standardMenu .subMenu li.item > a:hover span {
  color: #3050a1;
}
#HeaderThree #megaMenu .root > li.selected > a span,
#HeaderThree #megaMenu .root > li.breadcrumb > a span,
#HeaderThree #megaMenu .root > li:hover > a span {
  color: #3050a1;
}
#HeaderThree #megaMenu .category li.selected > a span,
#HeaderThree #megaMenu .category li.item a:hover span {
  color: #3050a1;
}
#HeaderThree A.Login:hover {
  color: #3050a1;
}
#HeaderThree A.User:hover {
  color: #3050a1;
}
#HeaderThree #Login .registerGroup a:hover,
#HeaderThree #Login .loginGroup a:hover {
  color: #3050a1;
}
#HeaderThree #Login .registerGroup a:active,
#HeaderThree #Login .loginGroup a:active {
  color: #3050a1;
}
#HeaderThree .page_name {
  background-color: #3050a1;
}
/* Header4 Styles */
#HeaderFour #standardMenu .rootMenu > li.selected > a span,
#HeaderFour #standardMenu .rootMenu > li.breadcrumb > a span,
#HeaderFour #standardMenu .rootMenu > li:hover > a span {
  color: #3050a1;
}
#HeaderFour #standardMenu .subMenu li.selected > a span,
#HeaderFour #standardMenu .subMenu li.breadcrumb > a span,
#HeaderFour #standardMenu .subMenu li.item a:hover span {
  background-color: #3050a1;
}
#HeaderFour #megaMenu .root > li.selected > a span,
#HeaderFour #megaMenu .root > li.breadcrumb > a span,
#HeaderFour #megaMenu .root > li:hover > a span {
  color: #3050a1;
}
#HeaderFour #megaMenu .category li.selected > a span,
#HeaderFour #megaMenu .category li.item a:hover span {
  color: #3050a1;
}
/* Contents Styles */
a.carousel_prev2 {
  background-color: #3050a1;
}
a.carousel_next2 {
  background-color: #3050a1;
}
a.carousel_prev3 {
  background-color: #3050a1;
}
a.carousel_next3 {
  background-color: #3050a1;
}
a.carousel_prev4:hover {
  background-color: #3050a1;
}
a.carousel_next4:hover {
  background-color: #3050a1;
}
.footer_contact a:hover {
  color: #3050a1;
}
.footer_contact .contact_submit a {
  background-color: #3050a1;
}
.footer_tag a:hover {
  border-color: #3050a1;
  color: #3050a1;
}
.img_overlay {
  background-color: #3050a1;
}
.rotate-info {
  background-color: #3050a1;
}
.box_inner {
  border-left-color: #7467b2;
}
.box_text a:hover {
  color: #3050a1;
}
.box_button a {
  background-color: #3050a1;
}
.main_top a:hover {
  color: #3050a1;
}
.skin_design:hover h3 {
  color: #3050a1;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background-color: #3050a1;
}
#options ul li a {
  background-color: #3050a1;
}
.box_inner:before {
  border-left-color: #3050a1;
}
.main_top a:hover {
  color: #3050a1;
}
.skin_skills .progress .progress-bar {
  background-color: #3050a1;
}
.our_skills .progress .progress-bar {
  background-color: #3050a1;
}
.flip_back {
  background-color: #3050a1;
}
.side_category a:hover {
  color: #3050a1;
}
.side_numb {
  background-color: #3050a1;
}
.side_tag a:hover {
  border-color: #3050a1;
  color: #3050a1;
}
.side_list a:hover {
  color: #3050a1;
}
.page_404 a,
.page_404 a:link,
.page_404 a:active,
.page_404 a:visited {
  background-color: #7467b2;
}
.main_top a:hover {
  color: #7467b2;
}
.skin_skills .progress .progress-bar {
  background-color: #7467b2;
}
.side_numb {
  background-color: #7467b2;
}
.input_button a,
.input_button a:link,
.input_button a:active,
.input_button a:visited {
  background-color: #3050a1;
}
.testimonial_list {
  border-bottom-color: #3050a1;
}
.testimonial_list:before {
  border-bottom-color: #3050a1;
}
.sidebar_text {
  border-left-color: #7467b2;
}
.price-table .head {
  background-color: #3050a1;
}
.price_bottom:hover {
  background-color: #3050a1;
}
.price_bottom_success {
  background-color: #3050a1;
}
.pg-info {
  background-color: #3050a1;
}
.pg-info4 {
  background-color: #3050a1;
}
.project_list a.read-more:hover {
  background-color: #3050a1;
}
.pg-categories2 {
  background-color: #3050a1;
}
/* Sliders Styles */
.flexslider_bg {
  background-color: #3050a1;
}
.flexslider3 .flex-control-paging li a {
  border-color: #3050a1;
}
.flexslider3 .flex-control-paging li a:hover {
  background-color: #3050a1;
}
.flexslider3 .flex-control-paging li a.flex-active {
  background-color: #3050a1;
}
/*.unoslider_timer {
  background-color: #3050a1;
}*/
.unoslider_indicator a.unoslider_indicator_active {
  background-color: #3050a1;
}
/* SocialPage Styles */
.threeColSocial .console-mouseon {
  background-color: #3050a1;
}
.threeColSocial a.dnnPrimaryAction {
  background-color: #3050a1;
}
.threeColSocial .selectDrop.active > a {
  background-color: #3050a1;
}
.threeColSocial .dnnButtonGroup > li > a.active {
  border-right-color: #3050a1;
  background-color: #3050a1;
}
.threeColSocial .dnnButtonGroup > li > a.disabled:hover {
  border-left-color: #3050a1;
  background-color: #3050a1;
}
.threeColSocial .alpha > a:hover {
  background-color: #3050a1;
  border-right-color: #3050a1;
}
.threeColSocial .alpha > a,
.threeColSocial .alpha > a:hover,
.threeColSocial .alpha > a.active {
  border-left-color: #3050a1;
}
.threeColSocial a.dnnSecondaryAction.ArchiveItems:hover {
  background-color: #3050a1;
}
.threeColSocial .dnnTertiaryAction:hover,
a.dnnTertiaryAction:hover {
  background-color: #3050a1;
}
/* CSS For Mobile View */
@media handheld, only screen and (max-width: 991px) {
  #standardMenu .rootMenu > li.selected > a,
  #standardMenu .rootMenu > li.breadcrumb > a,
  #standardMenu .rootMenu > li:hover > a,
  #standardMenu .rootMenu > li > a:hover {
    background-color: #5a7d16;
  }
  #megaMenu .root > li.selected > a,
  #megaMenu .root > li.breadcrumb > a,
  #megaMenu .root > li:hover > a,
  #megaMenu .root > li > a:hover {
    background-color: #3050a1;
  }
}

/*.kvaNaslov{
    position: absolute;
    top: 66%;
    background-color: rgba(128, 128, 128, 0.74);
    width: 100%;
    padding: 9px;
    text-align: center;
}

.flip_hover:hover + .kvaNaslov{
  display: none;
}*/

/*img zoom on hover*/
.cuadro_intro_hover  {
  position: relative;
  
  border: 1px solid #333;
  margin: 2%;
  overflow: hidden;
}
.cuadro_intro_hover  img {
  max-width: 100%;
  
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.cuadro_intro_hover :hover img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
/*im zoom on hover end*/



.cuadro_intro_hover{
      padding: 0px;
    position: relative;
    overflow: hidden;
    max-height: 250px;
    border-radius: 4px
  }
  /*.cuadro_intro_hover:hover .caption{
    opacity: 1;
    transform: translateY(-150px);
    -webkit-transform:translateY(-150px);
    -moz-transform:translateY(-150px);
    -ms-transform:translateY(-150px);
    -o-transform:translateY(-150px);
    border-radius: 4px
  }*/
  .cuadro_intro_hover img{
    z-index: 4;
    /*height: 248px;*/
  }
  .caption-text a:link{
    color: #ffffff;
  }
  .caption-text a:visited{
    color: #ffffff;
  }

  .cuadro_intro_hover .caption{
    position: absolute;
    /*top:200px;*/
    top: 81%;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    width: 100%;
  }
  .cuadro_intro_hover .blur{
    background-color: rgba(53, 53, 53, 0.36);
    height: 300px;
    z-index: 5;
    position: absolute;
    width: 100%;
  }
  .cuadro_intro_hover .caption-text{
    z-index: 10;
    color: #fff;
    position: absolute;
    height: 300px;
    text-align: center;
    top:-20px;
    width: 100%;
  }

  /*Link modul*/

  .linkitem{
    border: 1px solid white;
  }

  .linkitem a {
    display: block;
    padding: 5px 5px 5px 0.5em;
    border-left: 10px solid #8d8d8d;
    border-right: 10px solid #8d8d8d;
    background: #42a6f5; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #42a6f5 , #3a7bd5); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #42a6f5 , #3a7bd5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            
    color: #fff;
    text-decoration: none;
    width: 100%;
  }

  .linkitem a:hover{
 
    background: #42a6f5; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #42a6f5 , #3a7bd5); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #42a6f5 , #3a7bd5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        
  }

 /* hr.style18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 
hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}*/

/*Side menu*/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

.container {
    position: relative;
    margin: 0px auto;
    padding: 50px 0;
    clear: both;
}
@media only screen and (min-width: 1200px) {
    .container {
        width: 1210px;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .container {
        width: 1030px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {
        width: 682px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 428px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 479px) {
    .container {
        width: 320px;
        margin: 0 auto;
    }
}


  
.mcd-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #FFF;
  /*height: 100px;*/
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  
  /* == */
  width: 100%;
  /* == */
}
.mcd-menu li {
  position: relative;
  /*float:left;*/
  list-style-type: none;
}
.mcd-menu li a {
  display: block;
  text-decoration: none;
  padding: 12px 0px;
  color: #777;
  /*text-align: center;
  border-right: 1px solid #E7E7E7;*/
  
  /* == */
  text-align: left;
  height: auto;
  position: relative;
  border-bottom: 1px solid #EEE;
  /* == */
}
.mcd-menu li a i {
  display: block;
  font-size: 30px;
  margin-bottom: 10px;
  
  /* == */
  float: left;
  font-size: 20px;
  margin: 0 10px 0 0;
  /* == */
  
}
/* == */
.mcd-menu li a p {
  float: left;
  margin: 0 ;
}
/* == */

.mcd-menu li a strong {
  display: block;
  text-transform: uppercase;
}
.mcd-menu li a small {
  display: block;
  font-size: 10px;
}

.mcd-menu li a i, .mcd-menu li a strong, .mcd-menu li a small {
  position: relative;
  
  transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
}
/*
.mcd-menu li:hover > a i {
    opacity: 1;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
    -o-animation: moveFromTop 300ms ease-in-out;
    animation: moveFromTop 300ms ease-in-out;
}
.mcd-menu li:hover a strong {
    opacity: 1;
    -webkit-animation: moveFromLeft 300ms ease-in-out;
    -moz-animation: moveFromLeft 300ms ease-in-out;
    -ms-animation: moveFromLeft 300ms ease-in-out;
    -o-animation: moveFromLeft 300ms ease-in-out;
    animation: moveFromLeft 300ms ease-in-out;
}
.mcd-menu li:hover a small {
    opacity: 1;
    -webkit-animation: moveFromRight 300ms ease-in-out;
    -moz-animation: moveFromRight 300ms ease-in-out;
    -ms-animation: moveFromRight 300ms ease-in-out;
    -o-animation: moveFromRight 300ms ease-in-out;
    animation: moveFromRight 300ms ease-in-out;
}
*/
.mcd-menu li:hover > a {
  color: #3050a1;
}
.mcd-menu li a.active {
  position: relative;
  color: #3050a1;
  border:0;
  /*border-top: 4px solid #3050a1;
  border-bottom: 4px solid #3050a1;
  margin-top: -4px;*/
  box-shadow: 0 0 5px #DDD;
  -moz-box-shadow: 0 0 5px #DDD;
  -webkit-box-shadow: 0 0 5px #DDD;
  
  /* == */
  border-left: 4px solid #3050a1;
  border-right: 4px solid #3050a1;
  margin: 0 -4px;
  /* == */
}
.mcd-menu li a.active:before {
  content: "";
  position: absolute;
  /*top: 0;
  left: 45%;
  border-top: 5px solid #3050a1;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;*/
  
  /* == */
  top: 42%;
  left: 0;
  border-left: 5px solid #3050a1;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  /* == */
}

/* == */
.mcd-menu li a.active:after {
  content: "";
  position: absolute;
  top: 42%;
  right: 0;
  border-right: 5px solid #3050a1;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
/* == */
/*
@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-webkit-keyframes moveFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -ms-transform: translateX(200%);
        -o-transform: translateX(200%);
        transform: translateX(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes moveFromRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(-200%);
        -moz-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        -o-transform: translateX(-200%);
        transform: translateX(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
*/


.mcd-menu li ul,
.mcd-menu li ul li ul {
  position: absolute;
  height: auto;
  min-width: 200px;
  padding: 0;
  margin: 0;
  background: #FFF;
  z-index: 9999;
  /*border-top: 4px solid #3050a1;*/
  opacity: 0;
  visibility: hidden;
  /*transition: all 100ms ease;
  -o-transition: all 100ms ease;
  -ms-transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -webkit-transition: all 100ms ease;*/
  /*top: 130px;*/
 
  
  /* == */
  left:280px;
  top: -12px;
  border-left: 4px solid #3050a1;
  /* == */
}
.mcd-menu li ul:before {
  content: "";
  position: absolute;
  /*top: -8px;
  left: 23%;
  border-bottom: 5px solid #3050a1;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;*/
  
  /* == */
  top: 25px;
  left: -9px;
  border-right: 5px solid #3050a1;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  /* == */
}
.mcd-menu li:hover > ul,
.mcd-menu li ul li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
  /*top: 100px;*/
  
  /* == */
  left:250px;
  /* == */
}
/*.mcd-menu li ul li {
  float: none;
}*/
.mcd-menu li ul li a {
  padding: 10px;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #EEE;
  
  /* == */
  height: auto;
  /* == */
}
.mcd-menu li ul li a i {
  font-size: 16px;
  display: inline-block;
  margin: 0 10px 0 0;
}
.mcd-menu li ul li ul {
  left: 230px;
  top: 0;
  border: 0;
  border-left: 4px solid #3050a1;
}  
.mcd-menu li ul li ul:before {
  content: "";
  position: absolute;
  top: 15px;
  /*left: -14px;*/
  /* == */
  left: -9px;
  /* == */
  border-right: 5px solid #3050a1;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
}
.mcd-menu li ul li:hover > ul {
  top: 0px;
  left: 200px;
}



/*.mcd-menu li.float {
  float: right;
}*/

/*
@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .mcd-menu {
    margin-left:10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .mcd-menu {
    width: 200px;
  }
  .mcd-menu li a {
    height:30px;
  }
  .mcd-menu li a i {
    font-size: 22px;
  }
  .mcd-menu li a strong {
    font-size: 12px;
  }
  .mcd-menu li a small {
    font-size: 10px;
  } 
  .mcd-menu li a.search input {
    width: 120px;
    font-size: 12px;
  }
  .mcd-menu li a.search buton{
    padding: 8px 10px 9px 10px;
  }
  .mcd-menu li > ul {
    min-width:180px;
  }
  .mcd-menu li:hover > ul {
    min-width:180px;
    left:200px;
  }
  .mcd-menu li ul li > ul, .mcd-menu li ul li ul li > ul {
    min-width:150px;
  }
  .mcd-menu li ul li:hover > ul {
    left:180px;
    min-width:150px;
  }
  .mcd-menu li ul li ul li:hover > ul {
    left:150px;
    min-width:150px;
  }
  .mcd-menu li ul a {
    font-size:12px;
  }
  .mcd-menu li ul a i {
    font-size:14px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  
  .mcd-menu { 
    width: 50px;
  }
  .mcd-menu li a { 
    position: relative;
    padding: 12px 16px;
    height:20px;
  }
  .mcd-menu li a small { 
    display: none;
  }
  .mcd-menu li a strong { 
    display: none;
  }
  .mcd-menu li a:hover strong,.mcd-menu li a.active strong {
    display:block;
    font-size:10px;
    padding:3px 0;
    position:absolute;
    bottom:0px;
    left:0;
    background:#3050a1;
    color:#FFF;
    min-width:100%;
    text-transform:lowercase;
    font-weight:normal;
    text-align:center;
  }
  .mcd-menu li .search { 
    display: none;
  }
  
  .mcd-menu li > ul {
    min-width:180px;
    left:70px;
  }
  .mcd-menu li:hover > ul {
    min-width:180px;
    left:50px;
  }
  .mcd-menu li ul li > ul, .mcd-menu li ul li ul li > ul {
    min-width:150px;
  }
  .mcd-menu li ul li:hover > ul {
    left:180px;
    min-width:150px;
  }
  .mcd-menu li ul li ul li > ul {
    left:35px;
    top: 45px;
    border:0;
    border-top:4px solid #3050a1;
  }
  .mcd-menu li ul li ul li > ul:before {
    left:30px;
    top: -9px;
    border:0;
    border-bottom:5px solid #3050a1;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
  }
  .mcd-menu li ul li ul li:hover > ul {
    left:30px;
    min-width:150px;
    top: 35px;
  }
  .mcd-menu li ul a {
    font-size:12px;
  }
  .mcd-menu li ul a i {
    font-size:14px;
  }
  
}

@media only screen and (max-width: 479px) {
    .mcd-menu { 
    width: 50px;
  }
  .mcd-menu li a { 
    position: relative;
    padding: 12px 16px;
    height:20px;
  }
  .mcd-menu li a small { 
    display: none;
  }
  .mcd-menu li a strong { 
    display: none;
  }
  .mcd-menu li a:hover strong,.mcd-menu li a.active strong {
    display:block;
    font-size:10px;
    padding:3px 0;
    position:absolute;
    bottom:0px;
    left:0;
    background:#3050a1;
    color:#FFF;
    min-width:100%;
    text-transform:lowercase;
    font-weight:normal;
    text-align:center;
  }
  .mcd-menu li .search { 
    display: none;
  }
  
  .mcd-menu li > ul {
    min-width:180px;
    left:70px;
  }
  .mcd-menu li:hover > ul {
    min-width:180px;
    left:50px;
  }
  .mcd-menu li ul li > ul, .mcd-menu li ul li ul li > ul {
    min-width:150px;
  }
  .mcd-menu li ul li:hover > ul {
    left:180px;
    min-width:150px;
  }
  .mcd-menu li ul li ul li > ul {
    left:35px;
    top: 45px;
    border:0;
    border-top:4px solid #3050a1;
  }
  .mcd-menu li ul li ul li > ul:before {
    left:30px;
    top: -9px;
    border:0;
    border-bottom:5px solid #3050a1;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
  }
  .mcd-menu li ul li ul li:hover > ul {
    left:30px;
    min-width:150px;
    top: 35px;
  }
  .mcd-menu li ul a {
    font-size:12px;
  }
  .mcd-menu li ul a i {
    font-size:14px;
  }
    
}
*/
/*Banner image info*/
.img-info{
    position: absolute;
    bottom: 4%;
    right: 2%;
    width: 40px;
    height: 37px;
    background-color: rgb(255, 255, 255);
    text-align: center;
    border-radius: 5px;
}

.img-info .popover {
  width:200px;
  
}
/*Opis slike na banneru*/
.popover{
	top: -123px!Important;
    left: -230px!Important;
}
.popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    /* border-bottom-width: 0; */
    border-top-color: #ffffff;
    display: none;
}

.fa-picture-o{
	background-color: #ffffff!Important;
    color: #305079!Important;
    border-radius: 6px;
}

/* SIDENAV
----------------------------------------------------------*/
/*
#wrapper {
  overflow: scroll;
}
#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#wrapper.toggled {
  padding-left: 250px;
}
#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 250px;
  width: 0;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  background: #003a40;
  border-right: 4px solid #5cb03b;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#wrapper.toggled #sidebar-wrapper {
  width: 250px;
}
#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px;
}
#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -250px;
}
/* Sidebar Styles */
.sidebar-nav {
 
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-nav li {
  /*background-color: #003a40;*/
  list-style-type:none;
}
.sidebar-nav li a {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  color: #777777;
  text-transform: uppercase;
  border-bottom: 1px solid #EEE;
}
.sidebar-nav li a strong{
	padding-left: 5px;
}
.dropdown-submenu li a{
	padding: 7px 6px;
	text-transform: none;
}
.sidebar-nav li a:hover {
  text-decoration: none;
  color: #3050a1;
  background: rgba(255, 255, 255, 0.2);
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}
.sidebar-nav li.active > a {
  background: #5cb03b;
  color: #ffffff;
}
.sidebar-nav li.parent > a {
  background: #002c31;
  color: #ffffff;
}
.sidebar-nav .dropdown li {
  text-indent: 30px;
}
.sidebar-nav .dropdown .dropdown-icon {
  position: absolute;
  top: 0;
  right: 4px;
  z-index: 2000;
}
.sidebar-nav .dropdown .dropdown-submenu {
  list-style: none;
  padding-left: 0;
}
.sidebar-nav .dropdown .dropdown-submenu li {
  text-indent: 0px;
}
.sidebar-nav .dropdown .dropdown-submenu .dropdown-submenu li {
  text-indent: 20px;
}
.sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}
.sidebar-nav > .sidebar-brand a {
  color: #999999;
}
.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}
@media (min-width: 768px) {
  /*#wrapper {
    padding-left: 250px;
  }*/
  #wrapper.toggled {
    padding-left: 0;
  }
  #sidebar-wrapper {
    width: 250px;
  }
  #wrapper.toggled #sidebar-wrapper {
    width: 0;
  }
  #page-content-wrapper {
    padding: 20px;
    position: relative;
  }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
}

.pozadina_bannerinfo{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	/*-webkit-filter: blur(21px);
-moz-filter: blur(21px);
-o-filter: blur(21px)
-ms-filter: blur(21px);
filter: blur(21px);*/
	z-index:-1;
	/*background: rgba(7, 18, 60, 0.82);*/
	background: rgba(76, 78, 86, 0.18);
    /*border: 1px solid white;*/
    width: 100%;
}

.info_podaci{
	font-size: 0.8em;
	text-align: right;
  width: 100%;
	/*text-shadow: 1px -1px 14px #000000;*/
}
.info_podaci h6{
	font-size: 12pt;
    color: #ffffff;
    text-shadow: 1px 1px 1px #080808;
}
.info_podaci h4{
	font-size: 14pt;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 6px;
    text-shadow: 1px 1px 1px #080808;
}
hr.style13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
	margin-top: 0;
}
.cccinfo_podaci_divider{
  border-top: 1px solid #ffffff;
}


/***Izbornici na dnu - verzija s novostima****/
.mcd-menu-news {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #FFF;
  /*height: 100px;*/
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  
  /* == */
  width: 100%;
  /* == */
}
.mcd-menu-news li {
  position: relative;
  /*float:left;*/
  list-style-type: none;
}
.mcd-menu-news li a {
  display: block;
  text-decoration: none;
  padding: 10px 0px;
  color: #777;
  /*text-align: center;
  border-right: 1px solid #E7E7E7;*/
  
  /* == */
  text-align: left;
  height: auto;
  position: relative;
  border-bottom: 1px solid #EEE;
  /* == */
}
.mcd-menu-news li a i {
  display: block;
  font-size: 30px;
  margin-bottom: 10px;
  
  /* == */
  float: left;
  font-size: 14px;
  margin: 0 6px 25px 0;
  /* == */
  
}
/* == */
.mcd-menu-news li a p {
  float: left;
  margin: 0 ;
}
/* == */

.mcd-menu-news li a strong {
  display: block;
  /*text-transform: lowercase;*/
  font-size: 12px;
}
.mcd-menu-news li a small {
  display: block;
  font-size: 10px;
}

.mcd-menu-news li a i, .mcd-menu-news li a strong, .mcd-menu-news li a small {
  position: relative;
  
  transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
}
.mcd-menu-news li a:hover {
  color: #7467b2;
}
.mcd-menu-news li a.active {
  position: relative;
  color: #7467b2;
  border:0;
  /*border-top: 4px solid #3050a1;
  border-bottom: 4px solid #3050a1;
  margin-top: -4px;*/
  box-shadow: 0 0 5px #DDD;
  -moz-box-shadow: 0 0 5px #DDD;
  -webkit-box-shadow: 0 0 5px #DDD;
  
  /* == */
  border-left: 4px solid #3050a1;
  border-right: 4px solid #3050a1;
  margin: 0 -4px;
  /* == */
}
.mcd-menu-news li a.active:before {
  content: "";
  position: absolute;
  /*top: 0;
  left: 45%;
  border-top: 5px solid #3050a1;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;*/
  
  /* == */
  top: 42%;
  left: 0;
  border-left: 5px solid #3050a1;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  /* == */
}

/* == */
.mcd-menu-news li a.active:after {
  content: "";
  position: absolute;
  top: 42%;
  right: 0;
  border-right: 5px solid #3050a1;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.mcd-menu-news li ul,
.mcd-menu-news li ul li ul {
  position: absolute;
  height: auto;
  min-width: 200px;
  padding: 0;
  margin: 0;
  background: #FFF;
  z-index: 9999;
  /*border-top: 4px solid #3050a1;*/
  opacity: 0;
  visibility: hidden;
  /*transition: all 100ms ease;
  -o-transition: all 100ms ease;
  -ms-transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -webkit-transition: all 100ms ease;*/
  /*top: 130px;*/
 
  
  /* == */
  left:280px;
  top: -12px;
  border-left: 4px solid #3050a1;
  /* == */
}
.mcd-menu-news li ul:before {
  content: "";
  position: absolute;
  /*top: -8px;
  left: 23%;
  border-bottom: 5px solid #3050a1;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;*/
  
  /* == */
  top: 25px;
  left: -9px;
  border-right: 5px solid #3050a1;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  /* == */
}
.mcd-menu-news li:hover > ul,
.mcd-menu-news li ul li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
  /*top: 100px;*/
  
  /* == */
  left:250px;
  /* == */
}
/*.mcd-menu-news li ul li {
  float: none;
}*/
.mcd-menu-news li ul li a {
  padding: 10px;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #EEE;
  
  /* == */
  height: auto;
  /* == */
}
.mcd-menu-news li ul li a i {
  font-size: 16px;
  display: inline-block;
  margin: 0 10px 0 0;
}
.mcd-menu-news li ul li ul {
  left: 230px;
  top: 0;
  border: 0;
  border-left: 4px solid #3050a1;
}  
.mcd-menu-news li ul li ul:before {
  content: "";
  position: absolute;
  top: 15px;
  /*left: -14px;*/
  /* == */
  left: -9px;
  /* == */
  border-right: 5px solid #3050a1;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
}
.mcd-menu-news li ul li:hover > ul {
  top: 0px;
  left: 200px;
}

.1afterbannerdivider{
	height: 19px;
    width: 100%;
    background-color: #2b9bce;
    margin: 0;
    padding: 0;
}

/*MALE NOVOSTI NA POČETNOJ STRANICI*/
.list-group {border-radius: 0;}
.list-group .list-group-item {background-color: transparent;overflow: hidden;border: 0;border-radius: 0;padding: 0 16px;}
.list-group .list-group-item .row-picture,
.list-group .list-group-item .row-action-primary {float: left;display: inline-block;padding-right: 16px;padding-top: 8px;}
.list-group .list-group-item .row-picture img,
.list-group .list-group-item .row-action-primary img,
.list-group .list-group-item .row-picture i,
.list-group .list-group-item .row-action-primary i,
.list-group .list-group-item .row-picture label,
.list-group .list-group-item .row-action-primary label {display: block;width: 56px;height: 56px;}
.list-group .list-group-item .row-picture img,
.list-group .list-group-item .row-action-primary img {background: rgba(0, 0, 0, 0.1);padding: 1px;}
.list-group .list-group-item .row-picture img.circle,
.list-group .list-group-item .row-action-primary img.circle {border-radius: 100%;}
.list-group .list-group-item .row-picture i,
.list-group .list-group-item .row-action-primary i {background: rgba(0, 0, 0, 0.25);border-radius: 100%;text-align: center;line-height: 56px;font-size: 20px;color: white;}
.list-group .list-group-item .row-picture label,
.list-group .list-group-item .row-action-primary label {margin-left: 7px;margin-right: -7px;margin-top: 5px;margin-bottom: -5px;}
.list-group .list-group-item .row-content {display: inline-block;width: calc(100% - 92px);min-height: 66px;}
.list-group .list-group-item .row-content .action-secondary {position: absolute;right: 16px;top: 16px;}
.list-group .list-group-item .row-content .action-secondary i {font-size: 20px;color: rgba(0, 0, 0, 0.25);cursor: pointer;}
.list-group .list-group-item .row-content .action-secondary ~ * {max-width: calc(100% - 30px);}
.list-group .list-group-item .row-content .least-content {position: absolute;right: 16px;top: 0px;color: rgba(0, 0, 0, 0.54);font-size: 14px;}
.list-group .list-group-item .list-group-item-heading {color: rgba(0, 0, 0, 0.77);font-size: 20px;line-height: 29px;}
.list-group .list-group-separator {clear: both;overflow: hidden;margin-top: 10px;margin-bottom: 10px;}
.list-group .list-group-separator:before {content: "";width: calc(100% - 90px);border-bottom: 1px solid rgba(0, 0, 0, 0.1);float: right;}

.bg-profile{background-color: #3498DB !important;height: 150px;z-index: 1;}
.bg-bottom{height: 100px;margin-left: 30px;}
.img-profile{display: inline-block !important;background-color: #fff;border-radius: 6px;margin-top: -50%;padding: 1px;vertical-align: bottom;border: 2px solid #fff;-moz-box-sizing: border-box;box-sizing: border-box;color: #fff;z-index: 2;}
.row-float{margin-top: -40px;}
.explore a {color: green; font-size: 13px;font-weight: 600}
.twitter a {color:#4099FF}
.img-box{box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius: 2px;border: 0;}


.carousel-indicators {
    bottom:-40px;
	left:0;
	width:100%;
	background:#ccc;
	padding: 6px 0px;
	margin-left:0;
	border-top:2px solid #fff;
}
.carousel-indicators li {
	width:12px;
	height:12px;	
	background:#fff;
	border-color:#fff;
 
}
.carousel-indicators .active {
	width:14px;
	height:14px;
	background:#428bca;
	border-color:#428bca;
}
.carousel-inner .thumbnail {
	margin-bottom:0;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.carousel-inner .caption {
	background:#ddd;
	padding: 10px;
}

#leftMenu .level2 {
    display: block;
    padding-left: 5%!Important;
}



#nt-example1-prev, #nt-example1-next{
	padding-left: 50%;
    font-size: 1.5em;
    color: #5a7d16;
    cursor: pointer;
}

#nt-example1-prev, #nt-example1-next:hover {
	color:#7467b2;
}

/*Početak za slabovidne*/
#font_sizes ul {
    list-style: none;
    margin-top: 9px;
    margin-left: 5px;
    display: inline;
}

#font_sizes ul li {
    height: 20px;
    width: 20px;
    float: left;
    display: inline;
    margin-left: 5px;
}
#font_sizes ul li.size1 a {
    background-position: 0 0;
}
#font_sizes ul li.size2 a {
    background-position: -20px 0;
}
#font_sizes ul li.size3 a {
    background-position: -40px 0;
}
#font_sizes ul li.size4 a {
    background-position: -60px 0;
}
#font_sizes ul li.size5 a {
    background-position: -80px 0;
}

#font_sizes ul li a {
    background-image: url('images/velicina.gif');
}

#font_sizes ul li a {
    display: block;
    width: 20px;
    height: 20px;
}
.hide {
    display: none;
}
/*Završetak za slabovidne*/

.post_date {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 12px;
}

.btn-arhivinfo{
    color: #ffffff!important;
  }

.btn-arhivinfo {
    color: #ffffff;
    background-color: #7467b2;
    border-color: #3b355a;
}
.post_more{
  margin-top: 20px;
  font-weight: 700;
}

.vijesti-opsirnije{
    width: 80%;
    margin: 0 auto;
}
.vijesti-opsirnije-full{
    width: 100%;
    margin: 0 auto;
}


.OA_Dokumenti li{
  list-style-type: none;
  margin-left: 15px;
}
.post-thumb{
  float: left;
  margin-right: 10px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

/*MOBILE DESIGN*/
* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
.header_main .logo_style {
    float: left;
    width: 38%;
}
}

@media only screen  and (max-width: 999px){
  .info_podaci{
    display: none;
}
.pozadina_bannerinfo{
  display: none;
}

        
}
@media only screen and (max-width: 1025px) {
        .side-prozor {
           display: none;
        }

    } 

.mobile_search{   
    position: static!important;
    float: right!important;
  }


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

.fontChange{
  border: 1px solid #e2e2e2;
  padding: 5;
  margin: -7px 0 -7px 0;
}

.rightLg{
  position: sticky;
  /*text-align: right;*/
  margin-right: -80px;
}

.rightLg2{
  position: sticky;
  /*text-align: right;*/
  margin-right: -260px;
}

div.right{
  position: sticky;
}

.lght{
  background-color: #fff; 
  color: #000; 
  height: 20px; 
  width: 20px; 
  text-align: center;
  padding-top: 1px;
  border: 1px solid #000;
}

.drk{
  background-color: #000; 
  color: #fff; 
  height: 20px; 
  width: 20px; 
  text-align: center;
  padding-top: 1px;
  border: 1px solid #000;
}

.refreshPage{
  font-size: 15px; 
  color: #000; 
}

.fixedElementAcc {
  z-index: 1000;
  position: fixed;
  top: 0;
}

a:focus{
  border: 4px dotted rgb(41 135 229);
}

a:hover:not(.dnnModalCtrl){
  border: 4px dotted rgb(41 135 229);
}

li:focus{
  border: 4px dotted rgb(41 135 229);
}