@charset "UTF-8";







/* The Modal (background) */
.modalt {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 68px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modalt-content {
	position: relative;
	background-color: #133a62;
	margin: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	border: 0;
	width: 50%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}


/* The Close Button */
.closet {
	color: #597b9e;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closet:hover,
.closet:focus {

    text-decoration: none;
    cursor: pointer;
		color: #ccc;
	  -webkit-transition: all 0,3s ease;
     -moz-transition: all 0,1s ease;
       -o-transition: all 0,1s ease;
      -ms-transition: all 0,1s ease;
          transition: all 0,1s ease;

}

.modalt-header {
    padding: 10px;
}

.modalt-body {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
}












/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 68px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	position: relative;
	background-color: #133a62;
	margin: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	border: 0;
	width: 70%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
	color: #597b9e;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {

    text-decoration: none;
    cursor: pointer;
		color: #ccc;
	  -webkit-transition: all 0,3s ease;
     -moz-transition: all 0,1s ease;
       -o-transition: all 0,1s ease;
      -ms-transition: all 0,1s ease;
          transition: all 0,1s ease;

}

.modal-header {
    padding: 10px;
}

.modal-body {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
}








body {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: subpixel-antialiased;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 16px;
	color: #222;
	word-wrap: break-word;

}
.clearing  {
	clear: both;
}
p {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 15px;
	padding: 0;
}
.knjige {
    width: 100%;
	text-align: left;
}
.photo1 {
    width: 100%;
    height: auto;
	display: block;
}
.photob {
    width: 80%;
	padding: 15px;
    height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.soc1 {
	display: block;
	width: 15px;
	height: 12px;
	background: url('soc1.png') left;
	text-indent: -99999px;
}
.soc1:hover {
	background: url('soc1.png') -18px;
}
.soc2 {
	display: block;
	width: 15px;
	height: 12px;
	background: url('soc2.png') left;
	text-indent: -99999px;
}
.soc2:hover {
	background: url('soc2.png') -18px;
}
.sco3 {
	display: block;
	width: 15px;
	height: 12px;
	background: url('soc3.png') left;
	text-indent: -99999px;
}
.soc3:hover {
	background: url('soc3.png') -18px;
}
.sco4 {
	display: block;
	width: 15px;
	height: 12px;
	background: url('soc4.png') left;
	text-indent: -99999px;
}
.soc4:hover {
	background: url('soc4.png') -18px;
}
.sco5 {
	display: block;
	width: 15px;
	height: 12px;
	background: url('soc5.png') left;
	text-indent: -99999px;
}
.soc5:hover {
	background: url('soc5.png') -18px;
}




h1 {
  position: relative;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
	font-weight: 400;
	color: #bbb;
	margin-top: 40px;
}
h1 span {
  background: #fff;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}
h1:before {
  background: #ccc;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  top: 50%;
  width: 100%;
}
h1:before {
  left: 0;
}
a.zah1:link, a.zah1:active, a.zah1:visited  {
	text-decoration: none;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
	font-weight: 400;
	color: #bbb;
}
a.zah1:hover {
	color: #133a62;
	-webkit-transition: all 0,3s ease;
	-moz-transition: all 0,1s ease;
	-o-transition: all 0,1s ease;
	-ms-transition: all 0,1s ease;
	transition: all 0,1s ease;
}
h3 {
  position: relative;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
	font-weight: 400;
	color: #597b9e;
	margin-top: 25px;
}
h3 span {
  background: #133a62;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}
h3:before {
  background: #597b9e;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  top: 50%;
  width: 100%;
}
h3:before {
  left: 0;
}

.twitter {
 	text-align: center;
	color: #ccc;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: 100;
}
.twitter a:link, .twitter a:active, .twitter a:visited {
	color: #eee;
	text-decoration: none;
}
.twitter a:hover {
	color: #88A5C3;
	-webkit-transition: all 0,3s ease;
	-moz-transition: all 0,1s ease;
	-o-transition: all 0,1s ease;
	-ms-transition: all 0,1s ease;
	transition: all 0,1s ease;
}
.twitter-naslov {
	color: #88A5C3;
	-webkit-transition: all 0,3s ease;
	-moz-transition: all 0,1s ease;
	-o-transition: all 0,1s ease;
	-ms-transition: all 0,1s ease;
	transition: all 0,1s ease;
}
.twitter-datum {
	color: #88A5C3;
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
}



a.headline1:link, a.headline1:visited, a.headline1:active {
	font-family: 'Montserrat', sans-serif;
	font-size: 21px;
	line-height: 24px;
	text-decoration: none;
	color: #133a62;
	font-weight: 400;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 5px;
	display: block;
	text-align: left;
}
a.headline1:hover {
	color: #597b9e;
	  -webkit-transition: all 0,3s ease;
     -moz-transition: all 0,1s ease;
       -o-transition: all 0,1s ease;
      -ms-transition: all 0,1s ease;
          transition: all 0,1s ease;
}
a.headline2:link, a.headline2:visited, a.headline2:active {
	font-family: 'Montserrat', sans-serif;
	font-size: 27px;
	line-height: 30px;
	text-decoration: none;
	color: #fff;
	font-weight: 400;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 5px;
	display: block;
	text-align: center;
}
a.headline2:hover {
	color: #88A5C3;
	-webkit-transition: all 0,3s ease;
	-moz-transition: all 0,1s ease;
	-o-transition: all 0,1s ease;
	-ms-transition: all 0,1s ease;
	transition: all 0,1s ease;
}
a.headline3:link, a.headline3:visited, a.headline3:active {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 21px;
	text-decoration: none;
	color: #fff;
	font-weight: 400;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 5px;
	display: block;
	text-align: center;
}
a.headline3:hover {
	color: #88A5C3;
	-webkit-transition: all 0,3s ease;
	-moz-transition: all 0,1s ease;
	-o-transition: all 0,1s ease;
	-ms-transition: all 0,1s ease;
	transition: all 0,1s ease;
}
a.headline4:link, a.headline4:visited, a.headline4:active {
	font-family: 'Montserrat', sans-serif;
	font-size: 25px;
	line-height: 30px;
	text-decoration: none;
	color: #133a62;
	font-weight: 400;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 5px;
	display: block;
	text-align: center;
}
a.headline4:hover {
	color: #597b9e;
	  -webkit-transition: all 0,3s ease;
     -moz-transition: all 0,1s ease;
       -o-transition: all 0,1s ease;
      -ms-transition: all 0,1s ease;
          transition: all 0,1s ease;
}

.date1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	color: #999;
	font-weight: 400;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 5px;
	display: block;
	text-align: left;
}
.date2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 11px;
	color: #bbb;
	font-weight: 400;
	margin-top: 0px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 5px;
	display: block;
	text-align: center;
}
.date3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #999;
	font-weight: 400;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 5px;
	display: block;
	text-align: center;
}





.intro1 {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #333;
	font-weight: 400;
	margin: 0px;
	display: block;
	text-align: left;
}
.intro2 {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #333;
	font-weight: 400;
	margin: 0px;
	display: block;
	text-align: left;
}



.bio1 {
	font-family: 'Roboto', sans-serif;
	font-size: 19px;
	line-height: 30px;
	color: #222;
	font-weight: 100;
	margin-top: 30px;
	margin-bottom: 30px;
	display: block;
	text-align: left;
}
.bio2 {
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	line-height: 26px;
	color: #222;
	font-weight: 400;
	margin-top: 30px;
	margin-bottom: 30px;
	display: block;
	text-align: left;
}

.image-16-16-container {
    position: relative;
    width: 100%;
	height: auto;
}
.image-16-9-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}
.image-16-9-overlay {
	background-color: #000;
	width: 100%;
	height: 100%;
	position: absolute;
  	opacity: 0.5;
    filter: alpha(opacity=50);
	z-index: 50;
}
.image-16-9-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center; 
  justify-content: center; 
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  width: 70%;
  text-align: center;
  text-shadow: 0 0 5px #000;
  color: #fff;
}

.news0 {
	display: none;
}
.news00 {
	display: none;
}
a.seemore:link, a.seemore:visited, a.seemore:active {
	text-decoration: none;
	margin-top: -20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	font-family: 'Montserrat', sans-serif;
	font-size: 45px;
	color: #cccccc;
	font-weight: 700;
	text-align: center;
	line-height: 40px;
	display: block;
}

a.seemore:hover {
	color: #133a62;
	  -webkit-transition: all 0,3s ease;
     -moz-transition: all 0,1s ease;
       -o-transition: all 0,1s ease;
      -ms-transition: all 0,1s ease;
          transition: all 0,1s ease;
}
.medij1 {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}
a.medij2:link, a.medij2:visited, a.medij2:active {
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: 300;
	text-align: center;
	text-shadow: 0 0 0px #000;
	color: #fff;
	background-color: #597b9e;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
}
a.medij2:hover {
	background-color: #133a62;
	  -webkit-transition: all 0,3s ease;
     -moz-transition: all 0,1s ease;
       -o-transition: all 0,1s ease;
      -ms-transition: all 0,1s ease;
          transition: all 0,1s ease;
}
.medij3 {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
a.medij4:link, a.medij4:visited, a.medij4:active {
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: 300;
	text-align: center;
	text-shadow: 0 0 0px #000;
	color: #fff;
	background-color: #aaa;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
}
a.medij4:hover {
	background-color: #133a62;
	  -webkit-transition: all 0,3s ease;
     -moz-transition: all 0,1s ease;
       -o-transition: all 0,1s ease;
      -ms-transition: all 0,1s ease;
          transition: all 0,1s ease;
}
a.logo:link, a.logo:visited, a.logo:active {
	text-decoration: none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 5px;
	font-family: 'Montserrat', sans-serif;
	font-size: 40px;
	color: #133a62;
	font-weight: 700;
	text-align: center;
	line-height: 40px;
	display: block;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
a.logo:hover {
	color: #597b9e;
	  -webkit-transition: all 0,3s ease;
     -moz-transition: all 0,1s ease;
       -o-transition: all 0,1s ease;
      -ms-transition: all 0,1s ease;
          transition: all 0,1s ease;
}
a.logo1:link, a.logo1:visited, a.logo1:active {
	text-decoration: none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 20px;
	margin-bottom: 0px;
	font-family: 'Montserrat', sans-serif;
	font-size: 33px;
	color: #597b9e;
	font-weight: 700;
	text-align: center;
	line-height: 33px;
}
a.logo1:hover {
	color: #fff;
	  -webkit-transition: all 0,3s ease;
     -moz-transition: all 0,1s ease;
       -o-transition: all 0,1s ease;
      -ms-transition: all 0,1s ease;
          transition: all 0,1s ease;
}
.footer0 {
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
}
.footer1 {
	float: left;
}
.footer2 {
	float: left;
	padding-top: 10px;
}
.footer3 {
	float: right;
	padding-top: 10px;
	margin-right: 20px;
}


ul.submenu {
	padding: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
	text-align: center;
}
ul.submenu li {
	padding: 0;
	margin-top: 0;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0;
	list-style-type: none;
	text-align:center;
	display: inline-block;
	color: #133A62;
	font-size: 15px;
	line-height: 23px;
	font-family: 'Montserrat', sans-serif;
}
ul.submenu li a:link, ul.submenu li a:visited, ul.submenu li a:active {
	text-decoration: none;
	color: #aaa;
	font-size: 15px;
	line-height: 23px;
	font-family: 'Montserrat', sans-serif;
}
ul.submenu li a:hover {
	color: #133A62;
	  -webkit-transition: all 0,3s ease;
     -moz-transition: all 0,1s ease;
       -o-transition: all 0,1s ease;
      -ms-transition: all 0,1s ease;
          transition: all 0,1s ease;
}



ul.downnav {
	padding: 0;
	margin: 0;
}

ul.downnav li {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 20px;
	margin-bottom: 0;
	float: left;
	list-style-type: none;
}

ul.downnav li a:link, ul.downnav li a:visited, ul.downnav li a:active {
	text-decoration: none;
	color: #597b9e;
	font-size: 15px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}
ul.downnav li a:hover {
	color: #fff;
	  -webkit-transition: all 0,3s ease;
     -moz-transition: all 0,1s ease;
       -o-transition: all 0,1s ease;
      -ms-transition: all 0,1s ease;
          transition: all 0,1s ease;
}


.dan {
	display: block;
	position: absolute;
  bottom: 5px;
  right: 0;
  z-index: 300;
}

.dugmici {
	position: absolute;
	bottom: 0;
	left: 0;

}

.navigacija {
	position: relative;
		border-bottom: 5px solid #133A62;
	margin-bottom: 0px;

}
.navigacija-top {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.div00-000 {
	width: 100%;
	position: relative;
}


.div00-00 {
	width: 100%;
	background-color: #133A62;
	position: relative;
}
.div00-0 {
	width: 100%;
	height: 100px;
	padding-top: 40px;
	background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(204,204,204,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	position: relative;
}
.div00-1 {
	width: 100%;
}
.div00-2 {
	width: 100%;
}
.div00-3 {
	width: 100%;
	background-color: #133A62;
	margin-top: 50px;
}
.content0 {
	margin: 10px;
}
.content1 {
	background-color: #fff;
	margin: 10px;
}
.content2 {
	background-color: #fff;
	margin-right: 20px;
	margin-top: 20px;
}
.content3 {
	padding-left: 20px;
}

/*  GRID */
.div00 {
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
}
.div01 {
	width: 100%;
	display: block;
	float: left;
}
.div02 {
	width: 50%;
	display: block;
	float: left;
}
.div03 {
	width: 33.330%;
	display: block;
	float: left;
}
.div03plus2 {
	width: 66.660%;
	display: block;
	float: left;
}
.div04 {
	width: 25%;
	display: block;
	float: left;
}
.div04plus3 {
	background-color: #ddd;
	width: 75%;
	display: block;
	float: left;
}
/*  // GRID */




@media only screen and (max-width: 1220px) {
.navigacija-top {
	padding-left: 20px;
}
/*  GRID */
.div00 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
/*  // GRID */
}

@media only screen and (max-width: 768px) {
	.dan {
	display: none;
	
}
.footer2 {
	clear: both;
}

.footer3 {
	float: left;
	margin-left: 20px;
	clear: both;
}
}

@media only screen and (max-width: 700px) {
.medij1 {
	display: none;
}
	.knjige {
    width: 100%;
	text-align: center;
}
.medij3 {
	display: none;
}

.content2 {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.navigacija {
	margin-bottom: 0px;

}
.intro2 {
	text-align: center;
}
.div00-00 {
	width: 100%;
	background-color: #133A62;
	position: relative;
	text-align: center;
	display: none;
}
.navigacija-top {
	padding-left: 0px;
	padding-top: 15px;
	padding-bottom: 0px;
}
.div00-0 {
	height: 100px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: none; /* FF3.6-15 */
	filter: none; /* IE6-9 */

	background-color: #133A62;
}
.navigacija {
	
border: 0;
	background-color: #133A62;
}

a.logo:link, a.logo:visited, a.logo:active {
	text-decoration: none;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 5px;
	
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	line-height: 28px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	display: block;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

a.logo:hover {
	color: #597b9e;
	  -webkit-transition: all 0,3s ease;
     -moz-transition: all 0,1s ease;
       -o-transition: all 0,1s ease;
      -ms-transition: all 0,1s ease;
          transition: all 0,1s ease;
}

a.headline1:link, a.headline1:visited, a.headline1:active {
	text-align: center;
}
a.headline3:link, a.headline3:visited, a.headline3:active {
	font-size: 24px;
	line-height: 27px;
}
.date1 {
	text-align: center;
}
.intro1 {
	display: none;
}





/*  GRID */
.div00 {
	width: 100%;
}
.div02 {
	width: 100%;
}
.div03 {
	width: 100%;
}
.div03plus2 {
	width: 100%;
}
.div04 {
	width: 100%;
}
.div04plus3 {
	width: 100%;
}
/*  // GRID */
}



/*  NAVIGATION */
ul.topnav {
	background-color: #fff;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align:center;
}
ul.topnav li {
	display: inline-block;
    *display:inline; /*IE7*/
    *zoom:1; /*IE7*/
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 15px;
}
ul.topnav li a {
	color: #133a62;
	padding: 10px;
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
}
ul.topnav li a:hover {
	color: #597b9e;
}
ul.topnav li.icon {display: none;}

@media only screen and (max-width: 768px) {
ul.topnav li a {
	font-size: 15px;
}
ul.topnav li:first-child, ul.topnav li:first-child + li {
    display: none;
}
}

@media screen and (max-width:700px) {

ul.topnav li {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
ul.topnav {
	background-color: #88A5C3;
	padding-top: 5px;
}
ul.topnav li a {
	font-size: 18px;
	color: #133a62;
	padding-top: 5px;
	font-weight: 700;
}
ul.topnav li {display: none;}
ul.topnav li.icon {float: right;display: inline-block;}
ul.topnav li {float: left;}
ul.topnav {float: none;}
ul.topnav.responsive li:first-child, ul.topnav.responsive li:first-child + li {
    display: none;
}
ul.topnav.responsive {position: relative;}
ul.topnav.responsive li.icon {position: absolute;right: 0;top: 0; }
ul.topnav.responsive li {float: none;display: inline;padding-bottom:10px;}
ul.topnav.responsive li a {display: block;text-align: center;}
}

/*  // NAVIGATION */



.popular1 {
   height: 22px;
   width: 30px;
	position: inherit;
}
#popular {
   background-image: url('popular1.png');
   height: 22px;
   width: 30px;
}

#popular:hover {
   background-image: url('popular2.png');
	  -webkit-transition: all 0,3s ease;
     -moz-transition: all 0,1s ease;
       -o-transition: all 0,1s ease;
      -ms-transition: all 0,1s ease;
          transition: all 0,1s ease;
}