/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver (the default phpBB 3.1.x style)
	Based on style:		
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

@import url("common.css");
@import url("links.css");
@import url("content.css");
@import url("buttons.css");
@import url("cp.css");
@import url("forms.css");
@import url("colours.css");
@import url("imageset.css");

/* ADAPTIV STYLE */

@media screen and (max-width: 1300px) {
	/*News*/
	 .ns_it img[src="/img/news_icon.png"] {
		width: 30px;
		height: auto;
	}
	.ns_it .pagetitle img, .ns_it p img, .ns_it img {
		width: 95%;
		height: auto;
	}
	
}	
@media screen and (max-width: 1176px) {
	
	#last_themes a {
		height: auto;
	}
	#last_themes_wr, #last_themes {
		height: 190px;
	}
	#last_themes_lft {
		height: 150px;
	}
	#last_themes_rht {
		height: 150px;
	}
	#last_themes_wr {
		border-radius: 5px;
		background: none;
		background-color: #dafc93;
	}
	#scrollable_news {
		display: flex;
   	flex-wrap: wrap;
	}
	#sns_lf, #sns_rt {
		width: 100%;
	}
	
	/*Header-menu*/
	.nav-wrap .main-nav {
		height: auto;
		display: flex;
   	flex-wrap: wrap;
   	justify-content: space-around;
   	padding: 0;
	}
	.nav-wrap .main-nav li {
		padding: 0;
		flex-grow: 1;
	   text-align: center;
	}
	.nav-wrap .main-nav li:after {
		display: none;
	}
	.nav-wrap .main-nav a:hover {
		background: #2cd52c;
		color: #ffffff !important;
		box-shadow: inset 0px 0px 4px -2px #000;
		text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
	}
	.main-nav a {
		display: block;
		transition-duration: 0.2s;
		padding: 0 10px;
	}
	
	
	/*Контакты*/
	.cms_content table tr {
		display: flex;
   	flex-wrap: wrap;
	}
	.cms_content table tr td object {
		display: none;
	}
	.cms_content table tr td {
		width: 100%;
	   text-align: center;
	}
	.cms_content table tr td input {
		margin: 7px 0 7px 0
	}
	
	#g-item img.g-resize {
		width: 70%;
   	height: auto;
	}
	
	
	.splitMenu {
		display: flex;
		flex-wrap: wrap;
	}
}


@media screen and (max-width: 1022px) {
	
	/*last_themes_forum*/
	#ltl_bg1, #ltl_bg2, #ltl_bg3, #ltl_bg4, #ltl_bg5, #ltl_bg6, #lf_bg5, #lf_bg6, #lf_bg2, #lf_bg3 {
		background: none;
	}
	body #pagewrapper {
		min-width: 100%;
	}
	#last_themes_lft {
		height: auto;
		float: none;
		width: 50%;
	}
	#last_themes_rht {
		height: auto;
		float: none;
		width: 50%;
	}
	#last_themes {
		width: 100%;
		margin: 0;
		display: flex;
   	flex-wrap: wrap;
   	padding-bottom: 10px;
 	   border-bottom: 1px dashed white;
	}
	#login_form_wr {
		width: 100%;
		position: static;
		height: auto;
	}
	#forum_login_form {
		position: static;
	   padding: 10px;
      width: 235px;
      margin: 0 auto;
	}
	#last_themes_wr, #last_themes {
		height: auto;
	}
	#last_themes a {
		margin: 0px 20px 2px 4%;
	}
	#lf_bg2, #lf_bg2, #lf_bg3, #lf_bg5, #lf_bg6 {
		height: 0;
	}
	

	/*Footer*/
	.footer {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		padding: 15px 0 !important;
	}
	.footer .copyright {
		order: 2;
		text-align: center;
	}
	.footer .footer-nav {
		padding: 0;
		width: 100%;
	   display: flex;
	   margin-bottom: 20px;
	   flex-wrap: wrap;
	}
	.footer .footer-nav li {
		flex-grow: 1;
		padding: 0;
	}
	.footer .footer-nav li:after {
		display: none;
	}
	.footer .footer-nav a {
		display: block;
   	text-align: center;
   	padding: 10px;
	}
	.footer .footer-nav a:hover {
		text-decoration: none;
		background: #5a5a5a;
	}
	
	
	/*Katalog*/
	.cat_it {
		box-sizing: border-box;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
   	padding: 10px 5px 5px 5px;
   	box-shadow: 0px 1px 5px 0px rgba(9, 51, 0, 0.33);
	}
	.cat_img_wr a {
		height: 55px;
	}
	.cat_img_wr {
		height: auto;
	}
	.cat_name {
		margin: 10px 0px 0px 4px;
	}
	#main_content .ns_hdr {
	   height: auto;
	   display: flex;
   	flex-wrap: wrap;
   	border-radius: 2px;
   	margin-bottom: -10px;
   	color: #3e3e3e;
   	padding: 0;
	}
	.ns_hdr_bg1, .ns_hdr_bg2, .ns_hdr_bg3, .ns_hdr_bg4 {
		background: none;
   	height: 27px;
	}
	.ns_hdr_arch {
		position: static;
   	border-top: 1px dashed white;
	}
	#main_content .ns_hdr h2 a {
		color: #fff;
	}
	#main_content .ns_hdr h2 {
		color: #fff;
		margin-bottom: 5px;
	}
	.sns_bltl div div, .sns_bltl div {
		background: none;
	}
	
	.sns_bltl, #main_content .ns_hdr {
	   height: auto;
	   display: flex;
   	flex-wrap: wrap;
   	border-radius: 2px;
   	margin-bottom: -10px;
	}
	.ns_hdr_arch a {
		padding-top: 5px;
   	padding-bottom: 10px;
   	margin-top: 0;
   	background-position: right 50%;
	}
	.ns_hdr_arch:hover {
		background: #75ff31;
	}
	.sns_bltl div, .sns_bltl div div {
		height: auto;
		width: 100%;
	}
	.sns_bltl {
		margin: 20px 0px 0px 0px;
	}
	
	.scr_pan {
		top: 0;
	}
	
	.sns_bltl div, .sns_bltl div div, .ns_hdr .ns_hdr_bg1, .ns_hdr .ns_hdr_bg2, .ns_hdr .ns_hdr_bg3, .ns_hdr .ns_hdr_bg4 {
		background: none;
	}
	.sns_bltl, #main_content .ns_hdr {
	   background: #a8f11d;
	}
	.sns_bltl h2, #main_content .ns_hdr h2 {
		color: #3e3e3e;
		padding: 5px 0px 5px 20px;
	}
	.ns_hdr_arch a {
	   margin-top: 5px;
   	display: block;
	}
	
	a#g-login-link {
		display: block;
   	margin-top: 15px;
	}
	
	.footer {
   	margin-top: 30px;
	}
	
	
	/*FOTO*/
	#g-content #g-album-grid {
		display: flex;
   	flex-wrap: wrap;
   	justify-content: center;
	}
	.gallery #g-header {
		display: flex;
    	flex-wrap: wrap;
    	flex-direction: column;
	}
	
	
	/*Велосипед*/
	#brand_wr table:first-child  tr {
		display: flex;
   	flex-wrap: wrap;
	}
	#brand_wr table:first-child  tr td {
		width: 100%;
	}
	#brand_wr table:first-child  tr td:first-child img {
		width: 100%;
	}
	
	
	#page-footer .dropdown {
		position: static;
		margin-right: 0;
	}
	ul.linklist li.responsive-menu {
		top: -15px;
	}
	#page-footer ul.linklist .dropdown {
		margin-top: 10px;
	}
	#page-footer .dropdown .pointer {
		display: none;
	}
	#quick-links {
		top: 0;
	}
	
	#g-site-menu ul {
		margin-top: 20px;
	}
}


@media screen and (max-width: 850px) {
	.ns_it iframe {
		width: 100%;
	}
}


@media screen and (max-width: 800px) {
	
	/*last_themes_forum*/
	#last_themes_lft, #last_themes_rht {
		width: 100%;
	}
	#last_themes_rht {
		padding-top: 20px;
	}
	#ltrwr {
		margin-left: 0;
	}
	#lst_thms {
		position: static;
		margin: 10px auto;
	}
	#last_themes_lft {
	   padding-top: 5px;
	}
	#forum_login_form {
		padding: 15px;
      margin-top: 15px;
      box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
	}
	#last_themes_wr {
	   padding-bottom: 15px;
	   box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
	}
	#last_themes {
		padding-top: 5px;
	}
	#login_form_wr .input {
		font-size: 13px;
	   padding: 3px 3px 3px 3px;
	}
	#login_form_wr label {
		font-size: 11px;
	}
	#pagewrapper {
		background: none;
	}
	#wrapper #container {
		margin-left: 0;
		order: 2;
	}
	#container #content {
		margin-left: 0;
	}
	#wrapper {
		display: flex;
	   flex-wrap: wrap;
	}
	#pagewrapper #leftcol {
		width: 85%;
	   order: 1;
	   box-shadow: 0px 0px 5px 0px rgba(153, 255, 84, 0.7);
   	margin: 10px auto;
   	padding: 10px;
	}
	.lc_br {
		background: none;
	}
	div#unisender-subscribe-form {
		width: 226px;
   	padding: 10px;
   	box-shadow: 0px 1px 5px 0px rgba(177, 177, 177, 0.55);
	}
	div#meteoprog_informer_standart {
		margin-bottom: -50px;
		padding-bottom: 35px;
		border-bottom: 1px solid #ebebeb;
	}
	#leftcol h2:not(:first-child) {
		border-top: 1px dashed #6ffa30;
   	padding-top: 25px;
	}
	
	.scr_pan_wr {
		margin: 0px 10px 0px 0px;
	}
	#sns_rt .scr_pan_wr {
		margin: 0px 10px 0px 4px;
	}
	
	
	/*FOTO*/
	#leftcol .lc_menu_top {
		background: none;
		display: none;
	}
	#leftcol .lc_menu_botom {
		background: none;
	}
	.gallery #pagewrapper {
		background: none;
	}
	
	.g-paginator {
		display: flex;
   	flex-wrap: wrap;
   	justify-content: center;
	}
	.g-paginator li {
		width: 100%; 
		margin: 5px 0;
   	text-align: center;
	}
	.g-paginator .g-info {
		width: 100%;
	}
	#g-site-menu ul {
		margin-bottom: 15px !important;
	}
	.gallery #leftcol {
		float: none;
	}
	#leftcol {
		float: none;
	}
	.gallery #leftcol .lc_menu {
		width: 100%;
   	box-sizing: border-box;
   	padding: 8px 5px 8px 8px;
	}
	.gallery #leftcol .lc_menu ul {
		margin: 0;
	}
   
   
	
	/*ПОСИЛАННЯ*/
	.link_table .it3 {
		padding: 7px 2px 7px 10px;
	}
	
	
	/*Велосипед*/
	#brand_links tr {
		display: flex;
   	flex-wrap: wrap;
   	flex-direction: column;
	}
	#brand_links tr td {
		width: 100%;
	   margin-bottom: 1px;
	}
}

@media screen and (max-width: 767px) {
	.main-nav {
		flex-direction: column;
	}
	.main-nav li {
		border-bottom: 1px solid #f1f1f1;
	}
	.main-nav a {
		box-sizing: border-box;
		transition: background 0.2s;
		padding: 10px 0;
	}
	.header .menu-toggler {
		width: 25px;
		transition: transform 0.2s;
	}
	.header  .menu-toggler span {
		margin: 3px 0;
	}
	.header  .menu-toggler:hover {
		border-top: 3px solid #fffa36;
   	border-bottom: 3px solid #fffa36;
   	transform: scale(1.4);
   	transition: transform 0.2s;
	}
	.header  .menu-toggler:hover span {
		background: #4aff1f;
	}
	.menu-toggler.menu-toggler--active {
		width: 32px;
		margin-top: 3px;
		height: 24px;
		margin-left: -2px;
		transform: rotate(45deg);
		border-bottom: none;
		transition: transform 0.2s;
	}
	.menu-toggler.menu-toggler--active:hover {
		width: 32px;
		margin-top: 3px;
		height: 24px;
		margin-left: -2px;
		transform: rotate(45deg);
		border-bottom: none;
		transition: transform 0.2s;
	}
	.menu-toggler span.span--active {
		margin: -3px 0;
   	transform: rotate(90deg);
   	transition: transform 0.2s;
	}
	.header .logo, .logo, #phpbb .logo {
		margin: 10px;
		margin-right: 20px !important;
		position: absolute;
		right: 0;
		margin-top: 12px;
	}
	#page-footer .dropdown {
		position: static;
		margin-right: 0;
	}
	ul.linklist li.responsive-menu {
		top: -15px;
	}
	#page-footer ul.linklist .dropdown {
		margin-top: 10px;
	}
	#page-footer .dropdown .pointer {
		display: none;
	}
	#quick-links {
		top: 0;
	}
	
	.search-header {
		z-index: 10;
	}
}

@media screen and (max-width: 650px) {
	#page-footer .dropdown {
		position: static;
		margin-right: 0;
	}
	ul.linklist li.responsive-menu {
		top: -15px;
	}
	#page-footer ul.linklist .dropdown {
		margin-top: 10px;
	}
	#page-footer .dropdown .pointer {
		display: none;
	}
	#quick-links {
		top: 0;
	}
	
	
	/*ПОСИЛАННЯ*/
	.main_body .tableRow1, .main_body .tableRow2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.main_body .link_table .it1, .main_body .link_table .it2, .main_body .link_table .it3  {
		width: 100%;
	}
	.main_body .link_table .it1 {
		padding: 10px 2px 6px 10px;
	}
	
	#g-add-comment {
		position: static;
	}
}

@media screen and (max-width: 500px) {
	.ns_hdr_bg3 {
		background: none;
	}
	.ns_it {
		padding: 20px 15px 17px 15px;
		box-sizing: border-box;
		margin: 20px 0;
		border: 2px solid #00bb0c;
		display: flex;
		flex-direction: column;
		background: none;
	}
	.ns_it:hover {
		border: 2px solid #54ff0a;
	}
	.ns_img {
		margin: 0 auto;
	}
	.ns_det {
		right: 30px;
		padding: 0px 24px 0px 10px;
   	background: #fff;
	}
	
	#main_content .h1_wr, #main_content .h1_wr2, #main_content .h1_wr2 div, #main_content .h1_wr2 div div, #main_content .h1_wr div.replh1 {
		background: none;
	}
	#main_content .h1_wr2 {
		left: 0;
		margin-bottom: 10px;
	}
	#main_content .h1_wr div.replh1 {
		padding: 12px 18px 0px 0px;
		white-space: normal;
	}
	.ns_it .pagetitle img, .ns_it p img, .ns_it img {
		width: 100%;
		height: auto;
	}
	.gallery #g-header {
		width: 100%;
	}
}

@media screen and (max-width: 400px) {
	
	#forum_login_form {
		padding: 10px;
	   box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
	}
	.display-options > label:nth-child(1) {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 5px;
		flex-direction: column;
		align-items: center;
	}
}