/*
Theme Name: SPORT CENTER
Theme URI: http://sport.com/
Author: olegsaturn
Author http://sport.com/
Description: Sport Center Theme 2017
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Ternopil, Ternopil Medical University
Text Domain: sport center

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



body { 
	font-size: 1em;
	overflow-x: hidden;
	line-height: 1.1em;
	font-family: 'Open Sans', sans-serif;
}
.clr { clear:both; }

.alpha-80 {
	opacity:0.8 !Important;
  	filter:alpha(opacity=80) !Important;
  	-moz-opacity:0.8 !Important;
}

.alpha-70 {
	opacity:0.7 !Important;
  	filter:alpha(opacity=70) !Important;
  	-moz-opacity:0.7 !Important;
}


/******some variables *********/
.mobile-nav { display:none; }
.mobile.lang{ display:none; }

/***********/
.main-wrapper {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

.header .left { float: left; width: 46.45%; border: 0px solid red; }
.header .right { float: left; width: 53.55%; border: 0px solid red; }

.header .top-banners .left,
.header .top-banners .right { line-height: 0; overflow: hidden; }

.header .top-banners .left img,
.header .top-banners .right img { max-width: 100%; width: 100%; }

.static-header { position: fixed; width: 100%; z-index: 150; overflow:hidden;}
.static-header .left { background: #fff; height: 100%; }
.static-header .right { background: url(./img/black90.png); height: 100%; min-height:100%; color: #b2b1b1; }
.static-header .right .right-top-text { margin: 50px 0 0 20px; font-weight:bold; }

.static-header .inner-container { 
	margin: 10px; 
	font-family: 'FuturaFuturisLightC';
}
.static-header .logo { float: left; margin: 0 10px 0 0; }
.static-header .slogan { font-size: 1.3em; line-height:1.2em; max-width: 80%; float: left; width: 100%; text-align: center; margin: 30px 0 0 0; }
.static-header img { max-height: 100%; }


.top-sport-menu {
	font-family: 'FuturaFuturisLightC';
	width: 45.45%;
	padding-right: 1%;
	position: absolute;
	border: 0px solid green;
	text-align: right;
	z-index: 90;
}
.top-sport-menu .title {
	font-size: 1.5em;
	margin-bottom: 30px;
}

.top-sport-menu ul {}
.top-sport-menu ul li { font-size: 1.1em; margin: 2% 0; }
.top-sport-menu ul li a { text-transform: uppercase; color: #000; text-decoration: none; }
.top-sport-menu ul li a:hover { color: #9f0202; }

.top-sport-menu .submenu {
	border: 4px solid #b3b3b3;
	position: absolute;
	margin: 0 0 0 30%;
	padding: 10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;

	min-width: 180px;
	top: 10px;
	background: url(./img/black30.png);
}

.top-sport-menu .submenu li:after {
   	font-family: FontAwesome;
   	content: "\f101";
	font-size: .7em;
	float: right;
	margin: 2px 0 0 4px;
}

.top-sport-menu .submenu li a {
	text-transform: lowercase;
	font-size: .9em;
}

.top-sport-menu .submenu li { margin: 5px 0; }
.top-sport-menu ul ul { display: none; }


.sprite {
	position: absolute;
	margin: 8% 0 0 0;
	border: 0px solid red;
	width: 100%;	
	z-index: 7;
}

.sprite .left { 
	border: 0px solid blue;
}

.sprite .left .sprites {
	width: 98%;
	margin: 0 auto;
}

.spr { 
	width: 100%; 
	height: 70px; 
	max-width: 70px; 
	max-height: 70px; 
	float: left;
	margin: 10px 30px 20px 30px;

	z-index: 70;
	opacity:0.4 !Important;
  	filter:alpha(opacity=40) !Important;
  	-moz-opacity:0.4 !Important;
}

.spr6, .spr7, .spr8, .spr9, .spr10 { margin: 10px 0px 20px 80px; }

.sprite .right .main-inf { 
	width: 90%; 
	margin: 0 auto;
	text-align: center;
	font-family: 'FuturaFuturisLightC';
}

.sprite .right .main-inf .main-title { 
	color: #fff; 
	font-size: 3em;
	line-height: 1.2em;
}

.sprite .right .main-inf .contacts { 
	color: #140b07; 
	font-size: 1.4em;
	line-height: 1.1em;
}

.sprite .right .main-inf .contacts span { color: #fff; }



@media only screen and (max-width: 1600px) {
	.static-header { position: fixed; width: 100%; height: 95px; }
	.static-header img { max-height: 80px; }

	.spr { 
		height: 60px; 
		max-width: 60px; 
		max-height: 60px; 
	}

}
@media only screen and (max-width: 1560px) {
	.static-header .slogan { font-size: 1.1em; margin: 20px 0 0 0; }
	.static-header .right .right-top-text { margin: 40px 0 0 20px; font-weight:bold; }
}

@media only screen and (max-width: 1270px) {
 	.top-sport-menu ul li { font-size: .9em; margin: 1% 0; }
	.top-sport-menu .submenu li a {font-size: 1.1em; }
	.sprite { margin: 10% 0 0 0; }
	.top-sport-menu .title {
		font-size: 1.2em;
		margin-bottom: 10px;
	}

	.spr { 
		height: 40px; 
		max-width: 40px; 
		max-height: 40px; 
	}

}

@media only screen and (max-width: 1070px) {
	.header .top-banners .left img,
	.header .top-banners .right img { max-width: 110%; width: 110%; }
}

@media only screen and (max-width: 1000px) {
	.header .top-banners .left img,
	.header .top-banners .right img { max-width: 120%; width: 120%; }
	.sprite { margin: 12% 0 0 0; }
}

@media only screen and (max-width: 870px) {
	.header .top-banners .left img,
	.header .top-banners .right img { max-width: 130%; width: 130%; }
	.sprite { margin: 14% 0 0 0; }

	.submenu {
		margin: 0 0 0 10%;
	}
}

@media only screen and (max-width: 800px) {
	.header .top-banners .left img,
	.header .top-banners .right img { max-width: 140%; width: 140%; }
	.sprite { margin: 14% 0 0 0; }

	.static-header .slogan { font-size: .9em; margin: 10px 0 0 0; }
	.static-header .right .right-top-text { margin: 30px 0 0 20px; }

	.static-header img { max-height: 65px; }

	.sprite .right .main-inf .main-title { 
		font-size: 2em;
		line-height: 1em;
	}
}

@media only screen and (max-width: 730px) {
	.header .top-banners .left img,
	.header .top-banners .right img { max-width: 155%; width: 155%; }
	.sprite { margin: 16% 0 0 0; }

 	.top-sport-menu ul li { font-size: .8em; margin: 0.7% 0; }
	.top-sport-menu .submenu li a {font-size: 1.2em; }

	.spr { 
		height: 30px; 
		max-width: 30px; 
		max-height: 30px; 
	}

	.static-header img { max-height: 55px; margin-top: 10px; }
	.static-header .slogan { font-size: .8em; margin: 10px 0 0 0; }
	.static-header .right .right-top-text { font-size: .9em; margin: 30px 0 0 20px; font-weight:normal; }


}

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

	.header .left { float: none; width: 100%; border: 0px solid red; }
	.header .right { float: none; width: 100%; border: 0px solid red; }
	.header .top-banners .left { line-height: 0; overflow: hidden; height:400px; }
	.header .top-banners .right { line-height: 0; overflow: hidden; height:200px; }

	.header .static-header .left { border:1px solid #fff; margin:0;}
	.header .static-header .right { display:none; }

	.static-header img { max-height: 65px; margin-top: 10px; }
	.static-header .slogan { font-size: 1em; margin: 20px 0 0 0; }
	.sprite { margin: 18% 0 0 0; }
	.sprites { margin-top:-270px !important;}

	.sprite .left,
	.sprite .right { float:none; clear:both; }

	.top-sport-menu {
		width: 95%;
		padding-right: 5%;
		position: relative;
		text-align: right;
		z-index: 90;
		clear: both;
	}


 	.top-sport-menu ul li { font-size: 1em; margin: 1% 0; }
	.top-sport-menu .submenu li a {font-size: 1.2em; }

	.sprite .right { clear: both; margin: 340px 0 0 0 !important;}
	.sprite .right .main-inf .main-title { 
		font-size: 2em;
		line-height: 1.2em;
		margin-bottom: 10px;
	}

}


@media only screen and (max-width: 550px) {
	.header .top-banners .left img,
	.header .top-banners .right img { max-width: 120%; width: 120%; }
	.sprite { margin: 22% 0 0 0; }
}

@media only screen and (max-width: 470px) {
	.header .top-banners .left img,
	.header .top-banners .right img { max-width: 140%; width: 140%; }
	.sprite { margin: 25% 0 0 0; }
}

@media only screen and (max-width: 420px) {
	.header .top-banners .left img,
	.header .top-banners .right img { max-width: 160%; width: 160%; }
	.sprite { margin: 28% 0 0 0; }
}

@media only screen and (max-width: 380px) {
	.header .top-banners .left img,
	.header .top-banners .right img { max-width: 190%; width: 190%; }

	.sprite { margin: 32% 0 0 0; }
 	.top-sport-menu ul li { font-size: .9em; margin: .8% 0; }
	.top-sport-menu .submenu { margin:0 0 0 10px;}
	.top-sport-menu .submenu li a {font-size: 1.1em; }


	.sprite .right { margin: 360px 0 0 0 !important;}
	.sprite .right .main-inf .main-title { 
		font-size: 1.5em;
		line-height: 1em;
		margin-bottom: 10px;
	}
	.sprite .right .main-inf .contacts { color: #fff; }

}

@media only screen and (max-width: 320px) {
	.static-header img { max-height: 50px; margin-top: 20px; }
	.static-header .slogan { font-size: .8em; margin: 20px 0 0 0; }
	.sprite { margin: 35% 0 0 0; }


}


/********* menu wrapper ************/
.main-menu-wrapper { 
	background: #fcfcfd; 
	position: relative; 
	z-index:101; 

  	animation-name: slideUp;
    	-webkit-animation-name: slideUp;    
 
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
 
    animation-timing-function: ease;    
    -webkit-animation-timing-function: ease;
 
    visibility: visible !important;  

}

@keyframes slideUp {
    0% {
        transform: translateY(100%);
    }
    50%{
        transform: translateY(-8%);
    }
    65%{
        transform: translateY(4%);
    }
    80%{
        transform: translateY(-4%);
    }
    95%{
        transform: translateY(2%);
    }           
    100% {
        transform: translateY(0%);
    }   
}
 
@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(100%);
    }
    50%{
        -webkit-transform: translateY(-8%);
    }
    65%{
        -webkit-transform: translateY(4%);
    }
    80%{
        -webkit-transform: translateY(-4%);
    }
    95%{
        -webkit-transform: translateY(2%);
    }           
    100% {
        -webkit-transform: translateY(0%);
    }   
}


.main-menu-wrapper .inner-container { max-width: 1600px; width: 100%; margin: 0 auto; }
.main-menu-wrapper .inner-container .main-nav ul li { float: left; text-align: center; width: 12.28%; padding: 10px 1%; min-height: 100%; }
.main-menu-wrapper .inner-container .main-nav ul li a span { display:block; margin-top: 5px; color:#9f0202; font-size:70%; line-height: 1em;}
.main-menu-wrapper .inner-container .main-nav ul li a { color: #000; text-decoration: none; display: block; min-height: 74px; }
.main-menu-wrapper .inner-container .main-nav ul li:hover { background: #e2e3e7; }
.main-menu-wrapper .inner-container .main-nav ul li:hover a { color:#9f0202; }
.main-menu-wrapper .inner-container .main-nav ul li:hover a span { color: #000; }

.main-menu-wrapper-fixed {
	top: 95px;
	position: fixed;
	z-index: 150;
	width: 100%;


    animation-name: slideDown;
    -webkit-animation-name: slideDown;  
 
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
 
    animation-timing-function: ease;    
    -webkit-animation-timing-function: ease;    
 
    visibility: visible !important;     

}


@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }
    50%{
        transform: translateY(8%);
    }
    65%{
        transform: translateY(-4%);
    }
    80%{
        transform: translateY(4%);
    }
    95%{
        transform: translateY(-2%);
    }           
    100% {
        transform: translateY(0%);
    }       
}
 
@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
    }
    50%{
        -webkit-transform: translateY(8%);
    }
    65%{
        -webkit-transform: translateY(-4%);
    }
    80%{
        -webkit-transform: translateY(4%);
    }
    95%{
        -webkit-transform: translateY(-2%);
    }           
    100% {
        -webkit-transform: translateY(0%);
    }   
}



@media only screen and (max-width: 1000px) {
	.main-menu-wrapper .inner-container .main-nav ul li a { font-size: .8em; line-height: 1.2em; }
}
@media only screen and (max-width: 800px) {
	.main-menu-wrapper .inner-container .main-nav ul li a { font-size: .7em; line-height: 1.1em; }
	.main-menu-wrapper .inner-container .main-nav ul li a span { display:block; margin-top: 5px; color:#9f0202; font-size:90%; line-height: 1em;}
}

@media only screen and (max-width: 640px) {
	.mobile-nav { display:block; }
	.mobile-nav .fa { cursor: pointer; }
	.main-nav{ display:none;}


	.mobile-nav { border-bottom:1px solid #e2e3e7; padding: 10px 0; text-align: center; }
	.mobile-nav a { color: #000; font-size: 1.5em; }
	
	.main-menu-wrapper .inner-container .main-nav ul li { float: none; text-align: center; width: 98%; padding: 10px 1%; background: #fcfcfd; }
	.main-menu-wrapper .inner-container .main-nav ul li a { min-height:10px; }

	.mobile.lang{ display:block; }


}

/******* content *********/
.main-content-wrapper { max-width: 1100px; width: 100%; margin: 30px auto; }

/******articles ****/
.article-item { margin-bottom: 30px; font-size: .9em; }
.article-item h2 { color: #191d50; font-size: 1.4em; padding: 4px 0 4px 5px; }
.article-item h3 { color: #191d50; font-size: 1.2em; background: #fcfcfd; padding: 3px 0 3px 5px; }


.article-item ul,
.article-item ol,
.content ul, .content ol  { }

.article-item li, .content li { padding: 0 0 0 15px; margin: 2px 0; color: #431116; }
.article-item li:before, .content li:before { 
   	font-family: FontAwesome;
   	content: "\f192";
	font-size: .6em;
	margin: 2px 7px 0 0;
	color: #c3c3c3;
	float: left;
}

.content li a { color: #800404; }
.content li a:hover { color: #000; text-decoration: none; }


.article-item-inner {
	float: left;
	width: 100%;
}
.article-item .article-img {
	float: left;
	width: 270px; 
	margin-left: -100%;
}

.article-item .article-images { 
	float: left;
	width: 210px; 
	margin-left: -100%;
}

.article-item .img-item {
	margin-bottom: 20px; 
}

.article-item .article-img img { max-width: 250px; height: auto; }
.article-item .article-images img { max-width: 200px; height: auto; }

.article-content { 
	margin-left: 270px;
}

.main-content-wrapper-pages .article-content { 
	margin-left: 210px;
}


.article-content .article-content-tech { background: #fcfcfd; font-size: .8em; color: #232323; padding: 3px 10px 3px 10px; }
.article-content .article-content-tech .art-tech-item { margin: 0 20px 0 0; }
.article-content .article-content-tech .fa { display: inline-block; margin: 0 7px 0 0; }

.article-content .art-title { font-size: 1.4em; line-height: 1.1em; margin: 5px 0 10px 0; }
.article-sections-content .art-title { font-size: 1.6em; padding: 3px 0 3px 5px; }

.article-content .art-s-desc { font-size: .9em; }
.article-content .art-s-desc a { color: #800404; }
.article-content .art-title a { color: #000; }
.article-content .art-title a:hover { text-decoration: none; }

.article-sections-content a { color: #191d50; }
.article-sections-content a:hover { text-decoration: none; }



.article-item p,
.article-history-content p,
.article-sections-content p { margin: 10px 0; border: 0px solid red; line-height: 1.4em; }

.article-item strong,
.article-history-content strong,
.article-sections-content strong { margin: 10px 0; border: 0px solid red; font-weight: 800; }


.article-item strong, .article-sections-content strong { color: #db1111; }

.post-views { display: none; }
.background-grey { background: #fcfcfd; }
.art-title.art-title-background { margin: 0 5px 0 0; padding: 5px 0 5px 10px; }


@media only screen and (max-width: 1100px) {
	.main-content-wrapper { max-width: 96%; margin: 30px 2%; }
}

@media only screen and (max-width: 950px) {
	.main-content-wrapper-pages .article-item .article-images { width: 150px; }
	.main-content-wrapper-pages .article-item .article-images img { max-width: 140px; }
	.main-content-wrapper-pages .article-content { margin-left: 150px; }
}

@media only screen and (max-width: 640px) {
	.article-content .art-title { font-size: 1.1em; margin: 5px 0 10px 0; }

	.article-item-inner {
		float: left;
		width: 100%;
	}
	.article-item .article-img { 
		float: left;
		width: 200px; 
		margin-left: -100%;
	}

	.article-item .article-img img,
	.article-item .article-images img { max-width: 190px; height: auto; }

	.article-content { 
		margin-left: 200px;
	}


}


@media only screen and (max-width: 480px) {
	.article-content .art-title { font-size: 1em; }
	.article-item .article-img { width: 150px; }
	.article-item .article-img img { max-width: 140px; }
	.article-content { margin-left: 150px; }

	.main-content-wrapper-pages .article-item .article-images { width: 90px; }
	.main-content-wrapper-pages .article-item .article-images img { max-width: 80px; width: 100%; }
	.main-content-wrapper-pages .article-content { margin-left: 90px; }

}


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

	.article-item-inner {
		float: none;
		width: 100%;
	}
	.article-item .article-img,
	.article-item .article-images { 
		float: none;
		width: 100%; 
		margin: 10px 0 0 0;
		border: 0px solid red;
		text-align: center;
	}

	.article-item .article-img img { max-width: 380px; height: auto; }

	.article-content { 
		margin-left: 0px;
	}

	.main-content-wrapper-pages .article-item .article-images { width: 100%; }
	.main-content-wrapper-pages .article-item .article-images img { max-width: 380px; width: 100%; }
	.main-content-wrapper-pages .article-content { margin-left: 0px; }

}


/******** footer ********/
.footer {
	background: #dcdce1;
	text-align: center;
	padding: 30px 0;
}



/********* pages ************/

.contentwrapper {
	float: left;
	width: 100%;
}

.contentcolumn {
	margin-right: 230px; /*Set right margin to RightColumnWidth*/
}

.rightcolumn {
	float: left;
	width: 230px; /*Width of right column in pixels*/
	margin-left: -230px; /*Set left margin to -(RightColumnWidth) */
	background: #f8f8f9;
}

@media only screen and (max-width: 750px) {
	.contentcolumn {
		margin-right: 180px; /*Set right margin to RightColumnWidth*/
	}

	.rightcolumn {
		width: 180px; 
		margin-left: -180px; 
	}

}

@media only screen and (max-width: 640px) {
	.contentcolumn {
		margin-right: 0px; /*Set right margin to RightColumnWidth*/
	}

	.rightcolumn {
		width: 100%; 
		margin-left: 0px; 
	}
}

.rightcolumn .innertube {
	margin: 10px 10px 10px 10px;
}

.mod-menu h3 { color: #9f0202; font-size: 1.1em; margin: 0 0 10px 0; }
.sp-menu ul li  { margin: 7px 0; }
.sp-menu ul li a {
	text-transform: uppercase;
	color: #000;
	font-size: 1em;
	text-decoration: none;	
	display: block;
}

.sp-menu ul li a:hover { color: #9f0202; }

.sp-menu ul ul { display: none; margin-bottom: 20px; }
.sp-menu ul ul li { padding-left: 5px; }
.sp-menu ul ul li:before {
   	font-family: FontAwesome;
   	content: "\f101";
	font-size: .7em;
	float: left;
}

.sp-menu ul ul li a { 
	text-transform: none;
	color: #000;
	font-size: .9em;
	text-decoration: none;	
	margin: 0 0 0 10px;
	color: #353535;
	text-decoration: underline;
}

/******** WP ********/
.navigation { font-size: .9em; }
.navigation .page-numbers.current { display: inline-block; padding: 7px 10px; text-align: center; border: 2px solid #dcdce1; color: #9f0202; }
.navigation a.page-numbers { display: inline-block; padding: 7px 10px; text-align: center; background: #dcdce1; text-decoration: none; border: 2px solid #b3b3b9; color: #000; }
.navigation a.page-numbers:hover { background: #fff; border-color: #747474; color:#9f0202; }

a.button-readmore { 
	display: inline-block; 
	padding: 7px 15px; 
	text-align: center;
background: #fff;  

	text-decoration: none; 
	border: 2px solid #b3b3b9; 
	color: #000 !Important; 
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font-size: .9em;
}
a.button-readmore:hover { 	background: #f2f2f2; border-color: #747474; color:#9f0202; }
.staff-pict { width: 100%; max-width: 150px; text-align: center; margin: 0 auto; }
.staff-pict img { width: 100%; }

.breadcrumbs { padding: 1px 0 1px 10px; background: #9d9794; color: #fff; margin: 0 5px 0 0; font-size: .8em; }
.breadcrumbs a { color: #fff; }


/*********achievements-item ********/

.achievements-item {}
.achieve-img-item { width: 16%; margin: 0 0% 20px 0%; float: left; }
.achieve-img-item img { width: 100%; }

.achieve-block-desc p { 
	width: 100%; 
	margin: 10px auto 10px auto; 
	/* background: #f2f2f2;  */
	font-size: .9em; 
	padding: 3px 1% 20px 0;
	border-bottom: 3px solid #f2f2f2;
	line-height: 1.4em;
}

@media only screen and (max-width: 480px) {
	.achieve-img-item { width: 96%; margin: 0 2% 20px 2%; float: none; text-align: center; }
	.achieve-img-item img { width: 100%; max-width: 200px; height: auto; }
}

/****** history *********/
.article-history-content {}
.article-history-content .content { background: #fafafa; padding: 20px 20px; margin-right: 5px; } 
.article-history-content .title {
	margin-right: 5px; 
	background: #ded5d5; 
	font-size: 1.8em;
	padding: 10px 20px;
}

.cintentimg { max-width: 300px; font-size: .8em; text-align: center; color: #9f0202; line-height: 1em; }
.cintentimg.left { float: left; margin: 0 20px 0 0; }
.cintentimg.right { float: right; margin: 0 0px 0 20px; }
.cintentimg.center { float: none; text-align: center; width: 100%; margin: 20px auto 20px auto; border: 0px solid red; }

.cintentimg img { max-width: 300px; width: 100%; height: auto; }
.descfull { max-width: 80%; }


@media only screen and (max-width: 800px) {
	.cintentimg.left { float: none; margin: 0 auto 0 auto; width: 100%; text-align: center; }
	.cintentimg.right { float: none; margin: 0 auto 0 auto; width: 100%; text-align: center; }
}


@media only screen and (max-width: 640px) {
	.article-history-content .title {
		font-size: 1.3em;
		line-height: 1.1em;
	}

}

.main-content-wrapper h1 {
	background: #fafafa; 
	padding: 15px 20px;	
	margin-bottom: 15px;
}


/********* cutting page 3 *********/
.header-field-background img { width: 100%; height: auto; }
@media only screen and (max-width: 1000px) { .header-field-background img { width: 120%; } }
@media only screen and (max-width: 800px) { .header-field-background img { width: 140%; } }
@media only screen and (max-width: 640px) { .header-field-background img { width: 160%; } }
@media only screen and (max-width: 520px) { .header-field-background img { width: 180%; } }
@media only screen and (max-width: 480px) { .header-field-background img { width: 220%; } }


/******* gallery *******/
.gallery-items {}
.gallery-items-inner {}
.gallery-item { 
	width: 21%; 
	float: left; 
	margin: 0 2% 20px 2%; 
	height: 100px;
	overflow: hidden;
}
.gallery-item img { width: 100%; }

@media only screen and (max-width: 640px) {
	.gallery-item { 
		width: 46%; 
		float: left; 
		margin: 0 2% 20px 2%; 
		height: 130px;
	}

}

@media only screen and (max-width: 480px) {
	.gallery-item { 
		width: 96%; 
		float: none; 
		margin: 0 2% 20px 2%; 
	}

}


#text-2 h3 { display: none; }



/* new  2021 */
.pages-1 .header { border: 1px solid #fff; margin-top: 0 !important; }
.pages-1 .main-content-wrapper {
	margin-top: 200px;
}

.lang { border: 0px solid red; text-align: center; margin: 0 auto; width: 100%; max-width: 340px; padding: 10px 0; }
.lang ul { border: 0px solid blue; display: table-cell; }
.lang li { border: 0px solid red; float: left;  width: 148px; text-align: center; padding: 0 0 0 20px; }
.lang li a { 
		color: #fff; 
		text-decoration: underline; 
		font-size: 1.2em;
    		line-height: 1.1em;
		font-weight: 100 !important;
	}
.lang li a:hover { text-decoration: none; }
.lang .lang-item-uk { 
		border: 0px solid red; 
		background: url(./img/ukr.png) left center no-repeat;
		min-height: 22px; 
		line-height: 32px; 
		padding-top: 10px;
}

.lang .lang-item-en {
		border: 0px solid red; 
		background: url(./img/eng.png) right center no-repeat;
		min-height: 22px; 
		line-height: 32px; 
		padding-top: 10px;
}

.pages.lang {
	position: fixed; 
	right: 5%; 
	top: 20px; 
	z-index: 777;
}

@media only screen and (max-width: 1350px) {
	.pages.lang {
		left: 50%;
		top: 40px;
	}	
	.pages.lang li a { 
		color: #fff; 
		font-size: .8em;
    		line-height: .9em;
	}
	.static-header .right .right-top-text { margin: 20px 20px 0 20px; border: 0px solid red; text-align: center; }

}

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

	.lang { border: 0px solid red; text-align: center; margin: 0 auto; width: 100%; max-width: 280px; padding: 10px 0; }
	.lang ul { border: 0px solid blue; display: table-cell; }
	.lang li { border: 0px solid red; float: left;  width: 120px; text-align: center; padding: 0 0 0 20px; }


	.home.lang { border: 0px solid red; width: 100%; max-width: 350px; padding: 10px 0; }
	.home.lang ul { display: table-cell; width: 100% !important; }
	.home.lang li { border: 0px solid blue !important; float: left !important;  width: 170px !important; text-align: center; padding: 0 0 0 0px; }
	.home.lang li a { color: #000; font-size: .9em; }

}

@media only screen and (max-width: 640px) {
	.mobile.lang, .home.lang { border: 0px solid red; width: 100%; max-width: 350px; padding: 10px 0; }
	.mobile.lang ul, .home.lang ul { display: table-cell; width: 100% !important; }
	.mobile.lang li, .home.lang li { border: 0px solid blue !important; float: left !important;  width: 170px !important; text-align: center; padding: 0 0 0 0px; }
	.mobile.lang li a, .home.lang li a { color: #000; font-size: .9em; }

	
	.top-sport-menu { display: none; }
}