*{ 
	font-family:'Poppins';
}

h1 {
	
}
h2 {
	margin-top:40px;
}

.header-top {
	padding: 0px 0px;
}
.header-topbar {
	background-color:#004185;
	padding:20px;
	color:white;
	margin:10px 0;

}
.header-topbar p {
	padding:0px 20px;
	margin:0 0;
	text-align:right;
}
.header-topbar a {
	color:#ffffff;
	text-decoration:none;
}
.header-topbar a:hover {
	color:#b9b9b9;
}
.header-menu {
	margin:0 50px;
}

.header-logo {
	margin-top: 15px;
}
.options-wrap {
	text-align: right;
	margin-top:20px;
}

/*******MAIN MENU*********/
.mainmenu .navbar {
	padding: 0px;
}
.mainmenu .navbar-nav {
	margin: 10px 0px 0px auto;
}
.mainmenu li.nav-item {
	padding: 5px 0px 5px 45px;
	position: relative;
}
.mainmenu li.nav-item a.nav-link {
	font-size: 22px;
	font-family: "Oswald";
	color: #333333;
	padding: 0px;
	text-transform: uppercase;
}
.mainmenu  a.nav-link,
.mainmenu .nav-item a.nav-link:focus,
.mainmenu .nav-item a.nav-link:hover {
	background: none;
	color: #025fbf;
}

/*************SUB MENU*************/
.mainmenu .sub-menu {list-style: outside none none;  min-width: 250px;  padding: 0;  position: absolute;  z-index: 1000;  display:none;}
.mainmenu li:last-child:hover .sub-menu {right: 0;}
.mainmenu li:hover > .sub-menu{ display:block; }
.mainmenu .sub-menu li{padding:0px !important;}
.mainmenu .sub-menu li a { background-color: #fff;  display: block;  padding: 10px 15px !important;  text-align: left; color: #000 !important;  text-decoration: none;  transition: all 0.3s ease-in-out 0s;}
.mainmenu .sub-menu li a:hover { background-color: #fff; padding-left:25px; color: #004185 !important;}
.col-md-5ths {
	width: 20%;
	float: left;
}

/*************SUB MENU*************/
.mainmenu .sub-menu .sub-menu:hover > ul { display: block;}
.mainmenu .sub-menu .sub-menu {display: none; position: absolute; left: 100%; margin-top: -40px;}
.mainmenu .sub-left {left:-100% !important; width:100%;}



#search {
	padding:0;
	margin:0 20px;
	position:relative;
}
#search a {
	position:absolute;
	top:-2px;
	right:3px;
	color:#fff;
	padding:5px;
-webkit-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
text-decoration:none;
}
#search a:after {
	content:'\f002';
	font-family:FontAwesome;
	font-size:16px
}
#search a:hover {
	color:#86c1fd;
	text-decoration:none;
}
#search input {
	box-shadow:none;
	border-radius: 6px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	width:100%;
	outline:0;
	background:#004185;
	border:1px solid #2e3540;
	font:13px Play, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:20px;
	color:#fff;
	padding:5px 30px 5px 15px;
	height:35px;
	resize:none
}

#search input::placeholder {
	color:#b9b9b9;
}

.holder {
	margin:20px 50px;

}

/*******Product List*********/
.product-list {
	background-color:#004185;
	color:#fff;
	border-radius:10px;
}
.product-list h3 {
	padding:10px 20px;
	border-bottom:1px solid #b9b9b9;
	font-size:22px;
}

.product-list ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
}
.product-list li {
	
}
.product-list a {
	color:white;
	text-decoration:none;
	display:block;
	width:100%;
	padding:6px 15px;
}
.product-list a:hover {
	background-color:#025fbf;
}

/*******Product Thumbnail*********/
.product-items .product-item {
	margin-bottom:20px;
}
.product-container {
	  background-color: transparent;
    border: 1px solid #00418559;
    box-shadow: none;
    border-radius: 10px;
    padding:5px;
    position:relative;
  	clear:both;
		height:100%;
		margin-top:10px; 
}
.product-desc {
	padding:5px;
	clear:both;
}

.product-desc h4 {
	font-size:18px;
	font-weight:bold;
}
.product-desc h4 a {
    color:#272626;
    text-decoration:none;
}
.product-desc h4 a:hover {
    color:#025fbf;
    text-decoration:none;
}
.product-desc p {
	font-size:13px;
}
.product-desc img {
	width:40%;
	float:right;
	margin-left:5px;
	
}

/*******Footer*********/
footer {
	background-color: #004185;
	padding: 40px 0px;
}

footer p {
	font-size: 15px;
	font-family: "Poppins";
	color: #ffffff;
	margin: 10px 0px 0px;
}
footer a {
	color:#ffffff;
	text-decoration:none;
}
.foot-social h6 {
	font-size: 20px;
	font-family: "Oswald";
	font-weight: 600;
	color: #ee1c25;
	text-transform: uppercase;
	margin: 20px 0px;
}
.foot-social li {
	margin-right: 20px;
}
.foot-social li a {
	font-size: 30px;
	color: #999999;
	text-decoration: none;
}


#overlay{
  position: fixed;
  top:10%;
  left:10%;
  width:80%;
  height:80%;
  background: rgba(0,0,0,0.6) none 50% no-repeat;
  background-position: center center;
  background-size: auto 80%;
  z-index:999999;
  cursor: pointer;
  transition: 0.3s;
  
  visibility: hidden;
  opacity: 0;
}
#overlay.open {
  visibility: visible;
  opacity: 1;
}

#overlay:after { /* X button icon */
  content: "\2715";
  position: absolute;
  color:#fff;
  top: 10px;
  right:20px;
  font-size: 2em;
}


/*RESPONSIVE*/

@media screen and (max-width: 1399px) {
	.banner-contents h1 {
		font-size: 45px;
	}

	.news-holder {
		margin-top: -400px;
	}

}





@media screen and (max-width: 1279px) {
	.header-top {
		padding: 10px 0px;
	}
	.options-wrap {
		margin-top: 10px;
	}
	.options-wrap .btn {
		font-size: 13px;
		border-radius: 30px;
		padding: 7px 15px;
		margin-left: 10px;
	}
	.mainmenu li.nav-item {
		margin: 5px 0px 5px 20px;
	}
	.mainmenu li.nav-item a.nav-link {
		font-size: 17px;
	}
	.banner-contents h1 {
		font-size: 45px;
	}
	.news-holder {
		margin-top: -300px;
	}
	.heading h3 {
		font-size: 25px;
	}
	.heading h3::after {
		width: 100px;
	}
	.recentnews-details span {
		font-size: 13px;
	}
	.recentnews-details h5 {
		font-size: 14px;
	}
	.recentnews-details p {
		font-size: 12px;
	}
	.recentnews-img {
		margin-top: 20px;
	}
	.btn.common-btn {
		font-size: 12px;
		padding: 5px 15px;
	}
	.games-holder .owl-prev {
		right: 4%;
	}
	.rink-holder {
		padding: 40px 0px;
	}
	.rink-contents li h4 {
		font-size: 13px;
		padding: 5px 0px;
	}
	.rink-contents li p {
		font-size: 12px;
		margin: 4px 5px;
	}
	.foot-menu li a {
		font-size: 15px;
	}
	.foot-menu li {
		margin: 15px 20px 0px 0px;
	}
	.copyrights p {
		font-size: 14px;
	}
	footer {
		padding: 30px 0px;
	}
	.foot-social h6 {
		font-size: 18px;
	}
	.foot-social li {
		margin-right: 15px;
	}
	.foot-social li a {
		font-size: 20px;
	}
}

@media screen and (max-width: 1023px) {
	.news-holder {
		margin-top: -200px;
	}

	.banner-contents h1 {
		font-size: 35px;
	}	
	.rink-contents {
		margin-top: 10px;
	}
	.rink-contents li {
		margin: 10px 2px;
	}
	.rink-contents li h4 {
		font-size: 10px;
		padding: 5px 0px;
	}
	.rink-contents li p {
		font-size: 10px;
		margin: 4px 2px;
	}
	.foot-menu li {
		margin: 20px 15px 0px 0px;
	}
}

@media screen and (max-width: 767px) {
	.navbar-brand {
		width: 100px;
	}
	.navbar-toggler {
		border: none !important;
		box-shadow: none !important;
		outline: none;
	}
	.options-wrap ul {
		justify-content: center;
		width: 100%;
	}
	.options-wrap {
		text-align: inherit;
	}
	.banner-contents h1 {
		font-size: 35px;
	}
	.news-holder {
		margin-top: 20px;
	}
	.recentnews-img {
		margin: 0px 0px 10px;
	}
	.recentnews-details span {
		font-size: 14px;
	}
	.news-image {
		width: 220px;
		margin: 20px auto;
	}
	.games-holder {
		padding: 30px 0px;
	}
	.games-holder .owl-prev {
		right: 6%;
	}
	.rink-contents ul {
		display: block !important;
	}
	.rink-contents li h4 {
		font-size: 14px;
		padding: 9px 0px;
	}
	.rink-contents li p {
		font-size: 13px;
		margin: 10px 5px;
	}
	.foot-menu ul {
		display: block !important;
	}
}