@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,700,700i,900,900i&subset=latin-ext');
body { color:#222; font-family: 'Montserrat', sans-serif; font-size:14px; overflow-x: hidden; background:#fff   }
 
a:hover { text-decoration: none;}

a.opsirnije {background:#fff; border:1px solid #0000FF; font-size:12px;  display:inline-block; padding-right:10px; color:#0000FF;  margin:10px 0px }
a.opsirnije i {display:inline-block; padding:10px; font-size:16px; border-right:1px solid #0000FF; color:#0000FF}
a.opsirnije:hover {background:#0000FF; border:1px solid #0000FF; font-size:12px;  display:inline-block; padding-right:10px; color:#fff;  }
a.opsirnije:hover i {display:inline-block; padding:10px; font-size:16px; border-right:1px solid #fff; color:#fff; -moz-animation: bounceRight 1s infinite;
	-webkit-animation: bounceRight 1s infinite;
	animation: bounceRight 1s infinite;}

a.opsirnije2 {background:#fff; border:1px solid #0000FF; padding:20px; font-size:12px;  display:inline-block;   color:#0000FF;  margin:10px 0px ; font-weight:bold;}
a.opsirnije2:hover {background:#0000FF; border:1px solid #0000FF; font-size:12px;  display:inline-block;   color:#fff;  }


a.arrowRight {width:30px; height:26px; background:url(../img/arrowRight.png) right center no-repeat; display:block; margin:10px 0px; -webkit-transition: width .35s ease-in-out;
  transition: width .35s ease-in-out;}
a.arrowRight:hover {width:60px;}

a.arrowRight.ffffff {width:30px; height:26px; background:url(../img/arrowRightWhite.png) right center no-repeat; display:block; margin:10px 0px; -webkit-transition: width .35s ease-in-out;
  transition: width .35s ease-in-out;}
a.arrowRight.ffffff:hover {width:60px;}

a.arrowDown  {width:100% ; height:30px; background:url(../img/arrowDown.png) bottom center no-repeat; display:block; margin:10px 0px; -webkit-transition: width .35s ease-in-out;
  transition: height .35s ease-in-out;}
a.arrowDown:hover {height:60px;}

a.arrowDown.ffffff {width:100% ; height:30px; background:url(../img/arrowDownWhite.png) bottom center no-repeat; display:block; margin:10px 0px; -webkit-transition: width .35s ease-in-out;
  transition: height .35s ease-in-out;}
a.arrowDown.ffffff:hover {height:60px;}

#search-box a {padding-top:38px; display:inline-block; color:#0000FF}

#search-box input { border:0; border-bottom:1px solid #0000FF; background: none !important;  display:none;}
#search-box a#close-search-box {margin-left:-25px; cursor: pointer; position:relative; z-index:10000; display:none;}

#search-results {background: #fff; text-align: left !important; width:80%; position:absolute; right:0; border:1px solid #0000FF; margin-top:-1px; display: none;  }
#search-results .pad {  font-size:12px; color:#444}
#search-results .pad a {color:#444; padding:0 !important; margin:0 !important;}
#search-results .pad a:hover {color:#0000FF;}
#search-results .pad p {padding:10px 20px !important; margin:0 !important; display:block}
.search-title { background: #f9f9f9; padding:10px 20px; font-weight:bold;;}

.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}
svg {
  width: 130px;
  height: 60px;
  margin-top:20px;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

path {
  fill: none;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  stroke-width: 40px;
  stroke-linecap: round;
  stroke: #0000FF;
  stroke-dashoffset: 0px;
}

path.open {
  fill: none;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  stroke-width: 40px;
  stroke-linecap: round;
  stroke: #fff;
  stroke-dashoffset: 0px;
}
path#top,
path#bottom {
  stroke-dasharray: 240px 950px;
}
path#middle {
  stroke-dasharray: 240px 240px;
}
.cross path#top,
.cross path#bottom {
  stroke-dashoffset: -650px;
  stroke-dashoffset: -650px;
}
.cross path#middle {
  stroke-dashoffset: -115px;
  stroke-dasharray: 1px 220px;
}




.postItem {  margin-bottom:80px;}

.prev-next {margin-bottom:40px;}
.prevItem {padding:10px; color:#111; border:1px solid #111; }
	.prevItem span {display:none; }
.prevItem:hover { background:#111; color:#fff;  transition: 1s; left: 0;}
	.prevItem:hover span {transition: 1s; display:inline-block;  }
.nextItem {padding:10px; color:#111; border:1px solid #111; margin-left:-5px; border-left:0;   overflow:hidden; position:relative; }
	.nextItem span { display:none; }
.nextItem:hover { background:#111; color:#fff; transition: 1s; left: 0; }
	.nextItem:hover span {transition: 1s; display:inline-block;}
	
.gallery .col-md-6 {margin-bottom:30px;}

#navigation-container { background:#111;  font-size:32px; color:#fff; position:fixed; left:0; right:0; top:95px; z-index:11000; padding:100px 0px; display:none;}
#navigation-container.open  { background:#0000FF;  font-size:32px; color:#fff; position:absolute; left:0; right:0; top:95px; bottom:-300px; z-index:11000; padding:100px 0px; display:block;}
	#navigation-container ul {margin:0; padding:0;}
		#navigation-container ul li {margin:0; padding:0; display:block}
			#navigation-container ul li a {font-size:32px; color:#fff; text-transform:uppercase; font-weight:bold; display:inline-block; padding:10px 0px;}
			#navigation-container ul li a:hover { }
			#navigation-container ul li.light a {font-size:32px; color:#fff; font-weight:300; display:inline-block; padding:10px 0px;}
			#navigation-container ul li.lang  a:hover {font-weight:bold; }
			#navigation-container ul li.social a {color:#fff; font-size:22px; display:inline-block;   border:2px solid #fff; margin:15px 0px; padding:2px 8px; border-radius:500px}
			#navigation-container ul li.social a:hover {color:#0000FF; background:#fff; font-size:22px; display:inline-block;   border:2px solid #fff; margin:15px 0px; padding:2px 8px; border-radius:500px}
			
			#navigation-container ul li ul {display:none;}

#header-container {background:#fff; padding:0; position:fixed; left:0; right:0; top:0;  z-index:11000; !important}
#header-container.open {background:#0000FF}
	#header-container a#showMenu {color:#111; font-size:44px;}
	#header-container a#hideMenu {color:#fff; font-size:44px; display:none;}
	#header-container .col-md-7 {  padding:15px 0px}
	
#header-container .col-md-7 a { width:80%; display:inline-block; background:url(../img/msu-logo.png) left center no-repeat; height:80px;}
#header-container .col-md-7 a.open { width:80%; display:block; background: url(../img/msu-logo-hover.png) left center no-repeat; height:80px;}
	
#header-page-container {padding:20px 20px 20px 20px; position:fixed; left:0; right:0; top:0; z-index:100; background:#fff;}
#header-page-container.open { background:#111;}
	#header-page-container a#showMenu {color:#111; font-size:44px;}
	#header-page-container a#hideMenu {color:#fff; font-size:44px; display:none;}
	#header-page-container img  {width:70%; margin-top:20px;}
	
#slider-container {margin:0; padding:0; position:relative; z-index:5000;  }
	 #slider-container .container {margin-top:300px; padding:0px 100px;   position:relative;  }
		#slider-container .row h1 {font-size:54px; font-weight:900; letter-spacing:-3px; }
		#slider-container .row h1 a {color:#222}
		
	 #sliderNav { position:absolute; z-index:0; margin-top:470px; z-index:8000;}
	 	#sliderNav a {color:#111; font-size:44px;}
		#sliderNav a:hover {color:#fff; font-size:44px;}
		
#footer-container {border-top:1px solid #0000FF;  }
	#footer-container #footerMenu {   padding:0px 20px; }
		#footer-container #footerMenu ul {margin:0; padding:0;}
			#footer-container #footerMenu ul li {margin:0; padding:0; display:inline}
				#footer-container #footerMenu ul li a{margin:0; padding:20px 0px; display:inline-block; font-weight:600;   font-size:14px; color:#0000FF; margin-right:24px;; border-bottom:3px solid transparent }
				#footer-container #footerMenu ul li:last-child a { margin-right:0;}
				#footer-container #footerMenu ul li a:hover {border-bottom:3px solid #0000FF}
				
				#footer-container #footerMenu ul li ul {display:none;}
				
	#footer-container #footerSocial {  padding: 0px 30px;   margin-top:0px; }
		#footer-container #footerSocial #footerLogo {border-right:1px solid #0000FF; padding:20px 0px;}
		#footer-container #footerSocial #footerLogo img {width:150px;}
		#footer-container #footerSocial #footerNewsletter {border-right:1px solid #0000FF; padding:20px 0px; text-align:center}
			#footer-container #footerSocial #footerNewsletter input {width:60%; border:1px solid #0000FF; padding:10px; margin-top:12px; text-align:center}
			 
		#footer-container #footerSocial #footerSocialIcons {  padding:20px 0px;}
			#footer-container #footerSocial #footerSocialIcons a {color:#0000FF; font-size:20px; display:inline-block;   border:1px solid #0000FF; margin:15px 5px; padding:7px 12px 5px 12px; border-radius:500px}
			#footer-container #footerSocial #footerSocialIcons a:hover { background:#0000FF; color:#fff;}
			
	#footer-container #footerCopyright {   padding: 30px 20px;  color:#666; font-size:10px;    }
		#footer-container #footerCopyright  a {color:#666;}
		#footer-container #footerCopyright  a:hover {color:#111;}
		
#page-main-image-container { margin:0; padding:0; margin-top:100px;}
	#page-main-image-container .container {padding-top:150px;}
	#page-main-image-container h1 { font-weight:900; font-size:54px;}
 	#page-main-image-container p span { text-decoration: underline}
	#page-main-image-container a {color:#111;   }
	#page-main-image-container i {font-size:64px; margin-top:40px; }
	
#page-subnav-container { border-top:1px solid #0000FF; border-bottom:1px solid #0000FF  }
	#page-subnav-container .sublink { text-align:center; border-left:1px solid #0000FF}
	#page-subnav-container .sublink:last-child { text-align:center; border-right:1px solid #0000FF}
		#page-subnav-container .sublink  a {color:#0000FF; font-size:13px; display:block; font-weight:normal; padding:30px 0px; border-bottom:2px solid transparent}
		#page-subnav-container .sublink  a:hover {border-bottom:2px solid #0000FF}
		#page-subnav-container .sublink  a.active {font-weight:bold;  border-bottom:2px solid #0000FF}
		
	#page-subnav-container .eventMenu .col-md-3 {width:100% !important; background:#ddd}
		
.content-container { padding:80px 0px;}
	.titleWrap {margin-bottom:60px;}
	.content-container .pad {padding:40px;}
	
#page-image-container { margin:0; padding:0; overflow: hidden;
    background-size: cover;
    background-position: center; background-attachment: fixed;  }
	
.fotorsama { margin:0; padding:0; overflow: hidden;
    background-size: cover;
    background-position: center;    }

#share-container {padding-bottom:60px;}

	#share-container #share a {background:#fff; border:1px solid #0000FF; font-size:12px;  display:inline-block; padding-right:10px; color:#0000FF; margin:0px 5px; }
		#share-container #share a i {display:inline-block; padding:10px; font-size:16px; border-right:1px solid #0000FF; color:#0000FF}
	
	#share-container #share a:hover {background:#0000FF; border:1px solid #0000FF; font-size:12px;  display:inline-block; padding-right:10px; color:#fff; margin:0px 5px;}
		#share-container #share a:hover i {display:inline-block; padding:10px; font-size:16px; border-right:1px solid #ccc; color:#fff}
		
	#share-container a.ttop {padding:5px 8px; font-size:22px; border:1px solid #0000FF; color:#0000FF}
	#share-container a.ttop:hover {padding:5px 8px; font-size:22px; border:1px solid #0000FF; color:#fff; background:#0000FF}
		
#map-container {height:800px; margin:0; padding:0; margin-bottom:60px;}
#map-event-container {height:800px; margin:0; padding:0; margin-bottom:60px;}

#calendar thead { background:#0000FF; color:#fff}
	#calendar thead th.left { font-weight:300; text-align:left}
		#calendar thead th.left  i {display:inline-block; padding:10px; font-size:22px; border-right:1px solid #0000FF; cursor:pointer}
	#calendar thead th.right { font-weight:300; text-align:right}
		#calendar thead th.right i {display:inline-block; padding:10px; font-size:22px; border-left:1px solid #0000FF; cursor:pointer}

 #calendar-days {border:1px solid #0000FF; margin-top:-18px;}
 #calendar-days tr td { border:0; font-size:16px; padding:20px}
 #calendar-days a.active { border:1px solid #0000FF; padding:5px 10px; font-weight:bold; border-radius: 500px; color:#0000FF}
 #calendar-days a.active:hover { background:#0000FF; color:#fff;}
 
 .eventItem {border:1px solid #0000FF; margin-bottom:20px;  }
 	.eventItem h1 {margin-top:50px;}
 	.eventItem h1 span {font-size:104px}
	.eventItem  .pad {padding:20px;}
	.eventItem a.opsirnije2 {font-size:24px; padding:5px 12px; position:absolute; right:-1px; bottom:-11px;}

.desktopContent {display:block;}
.mobileContent {display:none;}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome, if Chrome rule needed */
   #calendar-days {border:1px solid #0000FF; margin-top:-18px;  }
 #calendar-days tr td { border:0; font-size:16px; padding:20px !important }
 #calendar-days a.active { border:1px solid #0000FF; padding:5px 10px; font-weight:bold; border-radius: 500px; color:#0000FF}
 #calendar-days a.active:hover { background:#0000FF; color:#fff;}
 
 .eventItem {border:1px solid #0000FF; margin-bottom:20px;  }
 	.eventItem h1 {margin-top:50px;}
 	.eventItem h1 span {font-size:104px}
	.eventItem  .pad {padding:20px;}
	.eventItem a.opsirnije2 {font-size:24px; padding:5px 12px; position:absolute; right:-2px; bottom:-11px;}

	
}

    

@media (min-width: 1280px) and (max-width: 1680px) {
	#header-container img#msu-logo {width:80%;}	
	#footer-container #footerSocial #footerSocialIcons a {color:#0000FF; font-size:18px; display:inline-block;   border:2px solid #0000FF; margin:15px 5px; padding:2px 8px; border-radius:500px}
	#footer-container #footerMenu ul li a{margin:0; padding:20px 0px; display:inline-block; font-weight:300;   font-size:16px; color:#0000FF; margin-right:60px;; border-bottom:3px solid transparent }
}

@media (min-width: 768px) and (max-width: 1280px) {
	#header-container img#msu-logo {width:80%;}	
	#footer-container #footerSocial #footerSocialIcons a {color:#0000FF; font-size:18px; display:inline-block;   border:2px solid #0000FF; margin:15px 5px; padding:2px 8px; border-radius:500px}
	#footer-container #footerMenu ul li a{margin:0; padding:20px 0px; display:inline-block; font-weight:300;   font-size:16px; color:#0000FF; margin-right:20px;; border-bottom:3px solid transparent }
	#slider-container {margin:0; padding:0; position:relative; z-index:5000;  }
	 #slider-container .container {margin-top:300px; padding:0px 100px;   position:relative;  }
		#slider-container .row h1 {font-size:34px; font-weight:900; letter-spacing:-3px; }
		#slider-container .row h1 a {color:#222}
		
	 #sliderNav { position:absolute; z-index:0; margin-top:400px; z-index:8000;}
	 	#sliderNav a {color:#111; font-size:44px;}
		#sliderNav a:hover {color:#fff; font-size:44px;}
}
	
@media (max-width:768px) {
	.desktopContent {display:none;}
	.mobileContent {display:block;}
	#header-container {padding:0px  60px 0px 10px; position:absolute; left:0; right:0; top:0; z-index:20}
	#header-container svg {margin-right:40px !important;}
		#header-container a#showMenu {color:#111; font-size:44px;  }
		#header-container a#hideMenu {color:#fff; font-size:44px; display:none;}
		#header-container img#msu-logo {width:40%;}
		#footer-container #footerSocial #footerLogo img {width:70%;}
		#footer-container #footerSocial #footerLogo {border-right:0px solid #111; padding:20px 0px; text-align:center}
		#footer-container #footerSocial #footerNewsletter {border-right:0px solid #111; padding:0px 0px; text-align:center}
			#footer-container #footerSocial #footerNewsletter input {width:80%; border:1px solid #0000FF; padding:10px; margin-top:12px; text-align:center}
		#footer-container #footerSocial #footerSocialIcons {  padding:20px 0px; text-align:center !important; font-size:14px;}
		
	#footer-container #footerCopyright {   padding: 20px;  color:#666; font-size:12px; text-align:left !important    }
		
	#footer-container #footerSocial #footerSocialIcons {  padding:20px 0px;}
			#footer-container #footerSocial #footerSocialIcons a {color:#0000FF; font-size:14px; display:inline-block;   border:1px solid #0000FF; margin:15px 5px; padding:7px 10px 5px 10px; border-radius:500px}
			#footer-container #footerSocial #footerSocialIcons a:hover { background:#0000FF; color:#fff;}
		
	#slider-container {margin:0; padding:0; position:relative; z-index:10}
		#slider-container .row {position: absolute; left:20px; bottom:150px; width:100%; right:20px;}
			#slider-container .row h1 {font-size:34px; font-weight:900; letter-spacing:-3px;}
			
	#footer-container #footerMenu {   padding:0px 0px; }
		#footer-container #footerMenu ul {margin:0; padding:0;}
			#footer-container #footerMenu ul li {margin:0; padding:0; display:block}
				#footer-container #footerMenu ul li a{margin:0; text-align:center; padding:20px 0px; display: block; font-weight:600;   font-size:14px; color:#0000FF; margin-right:0px;; border-bottom:3px solid transparent }
				#footer-container #footerMenu ul li:last-child a { margin-right:0;}
				#footer-container #footerMenu ul li a:hover {border-bottom:3px solid #0000FF}
				
				#footer-container #footerMenu ul li ul {display:none;}
	
	#slider-container .row {position: absolute; left:50px; right:160px; top:200px; width:350px; font-size:11px;  }
	#navigation-container { background:#111;  font-size:14px; color:#fff; position:fixed; left:0; right:0; top:0; z-index:15; padding:100px 0px; display:none;}
	#navigation-container ul {margin:0; padding:0;}
		#navigation-container ul li {margin:0; padding:0; display:block}
			#navigation-container ul li a {font-size:14px; color:#fff; font-weight:bold; display:inline-block; padding:10px 0px;}
			#navigation-container ul li.light a {font-size:14px; color:#fff; font-weight:300; display:inline-block; padding:10px 0px;}
			#navigation-container ul li.lang  a:hover {font-weight:bold;}
			#navigation-container ul li.social a {color:#fff; font-size:20px; display:inline-block;   border:2px solid #fff; margin:15px 0px; padding:2px 8px; border-radius:500px}
			#navigation-container ul li.social a:hover {color:#0000FF; background:#fff; font-size:20px; display:inline-block;   border:2px solid #fff; margin:15px 0px; padding:2px 8px; border-radius:500px}
			
 	#page-subnav-container { border-top:1px solid #0000FF; border-bottom:1px solid #0000FF  }
	#page-subnav-container .sublink { text-align:center; border-left:0px solid #0000FF}
	#page-subnav-container .sublink:last-child { text-align:center; border-right:0px solid #0000FF}
		#page-subnav-container .sublink  a {color:#0000FF; font-size:14px; display:block; font-weight:normal; padding:10px 0px; border-bottom:1px solid transparent}
		#page-subnav-container .sublink  a:hover {border-bottom:1px solid #0000FF}
		#page-subnav-container .sublink  a.active {font-weight:bold;; border-bottom:1px solid #0000FF}
		
	
	#navigation-container.open { background:#0000FF;  font-size:32px; color:#fff; position:absolute; left:0; right:0; top:80px;   z-index:11000; padding:50px 0px; display:block;}	
		
	#share-container #share a {background:#fff; border:1px solid #0000FF; font-size:12px;  display:inline-block; padding-right:10px; color:#0000FF; margin:10px 5px; }
	#share-container #share a:hover {background:#0000FF; border:1px solid #0000FF; font-size:12px;  display:inline-block; padding-right:10px; color:#fff; margin:10px 5px;}
	.content-container .pad {padding:20px;}
	.content-container .fotorama {margin-bottom:20px;} 
	
	.gallery .col-md-6 {margin-bottom:10px;}
	
	#header-container .col-md-7 a { width:360px; display:inline-block; background:url(../img/msu-logo-mobile.png) left center no-repeat; height:70px; margin-top:5px;}
#header-container .col-md-7 a.open { width:360px; display:block; background: url(../img/msu-logo-hover-mobile.png) left center no-repeat; height:70px; margin-top:5px;}

	 #footerCopyright .col-12 { text-align:left !important}
	 
	 #slider-container {margin:0; padding:0; position:relative; z-index:5000;  }
	 #slider-container .container {margin-top:0px; padding:0px 100px;   position:relative;  }
		#slider-container .row h1 {font-size:34px; font-weight:900; letter-spacing:-3px; }
		#slider-container .row h1 a {color:#222}
		
	 #sliderNav { position:absolute; z-index:0; margin-top:300px; z-index:8000;}
	 	#sliderNav a {color:#111; font-size:44px;}
		#sliderNav a:hover {color:#fff; font-size:44px;}
		
		#prevFrame {margin-left:-30px;}
		#nextFrame {margin-right:-30px;}

		#search-box input { border:0; border-bottom:1px solid #0000FF; background: none !important;  display:none; width:50% !important}
	 
}

@media (max-width:440px) {
	
}