body{background:#efefef; font-family: 'Ubuntu', sans-serif;-webkit-font-smoothing: antialiased; }
.no-margin{margin:0 !important}
.no-padding{padding:0 !important}
.vcenter{
  display:flex;
  flex-direction:column;
  justify-content:center
  }

.col-md-2-5 {
  width: 20.83333325%
}

h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', sans-serif}
.h4{font-size: 2rem; font-weight: bold}
p{font-size: 1.2rem}

.mt-6{margin-top:4rem}
.navbar, .navbar-brand{padding:0}

header.main-header{z-index: 1000; position:relative;}
header nav.navbar{background:#Fff}
.navbar-brand{margin-bottom: -15px;}
.navbar-brand img{display:block; width:100px; height:auto}


.main-menu {flex: 1;margin: auto !important;display: flex;justify-content: space-between; padding: 0 20px 0 60px;font-family: 'Montserrat', sans-serif;}
.main-menu a{color:#4868bb; font-weight: 600; text-decoration: none !important}
.main-menu .dropdown-menu a{font-weight: 400; font-size: .9em}
.dropdown-toggle::after{color:#f00;vertical-align: .09em;    margin-left: .355em; }
.main-menu a:hover{color:#f00}
.main-menu .nav-item.active a{color:#f00 !important; cursor: default!important}


.navbar-expand-lg .navbar-nav .dropdown-menu{border-radius: 0; margin-top:0; border:none; left:-1.4rem}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(39,62,106, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
#topNavbar{margin:1.15rem auto; text-align: center}
.navbar-toggler{position: fixed;
    top: 20px;
    right: 10px;z-index: 10010; background: rgba(255,255,255,.7)}

.icon-scroll-down{display:block; background:url(../images/arrow-down.svg) 0 0 no-repeat; background-size: contain; width:50px; height:100px; margin:1rem auto 0; cursor: pointer;    -webkit-animation: sinkBack 1s ease-in;
    -webkit-animation-iteration-count: infinite
}

@-webkit-keyframes sinkBack {
    0% {
        -webkit-transform: scale(1);
        background-position: 0 0px
    }

	50% {
        -webkit-transform: scale(1);
        background-position: 0 20px
    }
    100% {
        -webkit-transform: scale(1);
        background-position: 0 0px
    }
}



.news-list {padding-bottom: 30px}
.news-list .news-item a{text-decoration: none !important; background: rgba(255, 255, 255, .6);}
.news-list .news-item:hover img{opacity:1; filter: brightness(80%);}
.news-list .news-item:hover h4{color:#fff}
.news-list .news-item:hover>a{opacity:1; background:rgba(255, 0, 0, .6);}
.news-list img{display:block; width:100%; max-width: 100%; height: auto; opacity: 0.8;filter: brightness(80%);transition: all .1s ease}

.news-item h1{}
.news-list div[class^="col-"]{margin-bottom: 30px;}
.news-list div[class^="col-"]>a{position: relative; z-index:6; flex-direction: column}

.news-list h4{ color:#000; transition: all .1s ease; z-index: 2; font-size: 1.8rem; font-weight: 600}
.news-list div[class^="col-"]>a{height:100%; top:0; left:0; right:0; bottom:0; padding:10%; position: absolute; transition: all .1s ease; margin:0 15px;display:flex;align-items: flex-start;
    justify-content:flex-start;-webkit-box-shadow: 0px 0px 15px 7px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 0px 15px 7px rgba(0,0,0,0.08);
box-shadow: 0px 0px 15px 7px rgba(0,0,0,0.08); overflow: hidden} 
.news-list time{align-self: flex-start;color:#bbbbbb; font-size: 1.275rem;margin-bottom: 2.1rem}

.pagination {margin:3rem 0}
.page-link, .page-item.disabled .page-link{border:none;font-weight: bold;font-family: 'Montserrat', sans-serif;color:#999; font-size: 1.8rem; background:none}
.page-item.disabled .page-link{ color:#D3D3D3;}
.page-item.disabled.active .page-link{ color:#4868bb;}
.page-link:hover{color:#4868bb}

.single-news .breadcrumb{margin-bottom: 0}
.news-thumb {position: relative}
.news-thumb img{display:block; width:100%; max-width: 100%; height:auto; margin-bottom: 2rem}
.news-item h1{color:#fff}
.news-item p{font-size: 1.3rem; color:#555}

.ya-share2__container_size_m .ya-share2__icon{width:32px !important; height:32px !important}
.ya-share2{margin:2rem 0 1rem}

.partners-list{margin-bottom: 4rem}
.partners-list img{width:100%; max-width: 100%; height:auto; display:block; margin:0 auto}

.container-intro{overflow: hidden; background:url(../images/intro-bg-texted.png), url(../images/intro-bg-repeat.png); background-position: center 0, center 0; background-size:auto 100%, 100% 100%; background-repeat: no-repeat, no-repeat}
.container-intro .container{height:70vh; min-height: 600px; overflow: hidden;}
.container-intro .intro-text{color:#fff; text-transform: uppercase; opacity:0}
.container-intro .intro-text h1{font-size: 3.7rem;font-weight: 700}
.container-intro .intro-text h4{font-size: 2rem;}



.container-activity{background:url(../images/about-fslr-activity.jpg) center 0 no-repeat; background-size: 100% auto}
.container-activity h3{color:#fff;  padding:7rem 0; margin-bottom: 0}
.activity-list{padding:2rem 0;background: #fff}
.activity-list h4{font-size: 2.125rem; font-weight: 700; margin-bottom: 1rem}
.activity-list p{font-size: 1.125rem; color:#555}
.activity-list .row{padding:2rem 3rem}
img.activity-sports-development{ width:auto; display:block; height:100%; max-height: 110px; margin:0 auto}

.activity-list.contacts-list .row{padding:1rem 3rem}
.activity-list.contacts-list img.activity-sports-development{ width:auto; display:block; height:100%; max-height: 90px; margin:0 auto}

h1{font-size: 4rem; text-align: center; font-weight: bold; margin:2rem auto 0}

h2{font-size: 4.8rem; text-align: center; font-weight: bold; margin:2rem auto}
h3{font-size: 3.8rem; text-align: center; font-weight: bold; margin:2rem auto}

h2.h-bordered:after{content:''; display:block; border-bottom: 6px solid #f00; width:100px;margin:2.6rem auto;}

p.lead{font-size: 1.325rem; text-align: center; color:#656565; text-align: center; margin-bottom: 2rem}


#map{height: 50vh; min-height: 600px;margin:5rem 0}

.photos-list img{width:100%; max-width: 100%; height:auto; display:block; margin:0 auto}

#flr-game-video{background: #ccc; height: 600px; width: 100%; position: relative;}


.overlay{position: absolute; top:0; left:0; bottom:0; right:0; background: rgba(0,0,0,.45); text-align: center;}
.overlay h5{color:#fff; font-size: 4.125rem; text-transform: uppercase; font-weight: 900; padding-bottom: 2.5rem}
.overlay p{font-size: 1.375rem;color:#fff; font-weight: 500; font-style: italic; text-align: justify; padding-bottom: 1rem}
.overlay span.author{font-size: 2.1rem; color:#fff; display:block; text-align:right; font-weight: 600}


ul.red-marked{list-style: none;padding: 0;margin: 0;padding-left:0px;margin-bottom: 1rem;}
ul.red-marked li{position: relative; font-size: 1.2rem; margin:1rem 0 1rem 60px; color:#555}
.red-marked li:before{
    display: block;
    content: '';
    width: 31px;
    height: 24px;
    background: url(../images/icon-mark.svg) 0 0 no-repeat; background-size: 100% auto;
    position: absolute;
    left: -60px;
	top: .2rem;}

a.big{font-size: 1.3rem; color:#4868bb; text-decoration: underline; font-weight: 300; display:block}


.documents-list a {text-decoration: none !important;}
.documents-list a strong{color:#333;  margin-top:.8rem; display:block}

.gallery-item {overflow:hidden; margin:5px 0 10px; padding-right: 30px; padding-left: 30px }
.gallery-list div[class^="col-"]{margin-bottom:30px;}
.gallery-list div[class^="col-"]>a {margin: 0 0 0 30px;}

.gallery-list{margin-left: -30px; margin-right: -30px}
.gallery-item:after {content: "";display: block;padding-bottom: 100%;}
.gallery-item img{position:absolute; width:100%;max-width: 100%; height:100%; object-fit: cover;}
.gallery-item a {text-decoration: none; position: absolute;    top: 0;left: 0px;right: 0px;bottom: 0;   display:flex;
  flex-direction:column;
  justify-content:center}
.gallery-item a:before{display:block; background:rgba(0,0,0,.3);content:''; top:0; left:0; right:0; bottom:0;position: absolute;transition: background 300ms ease-out;}
.gallery-item a:hover:before{ background:rgba(0,0,0,.7);}
.gallery-item h2{color:#fff; text-align:center;z-index: 10; font-size: 1.4rem; line-height: 1.2em; font-weight: bold; margin-bottom: .5rem; margin-top:-1rem;max-height: 4.8em;overflow: hidden; margin: 0 1rem }

.gallery-item em{text-align: center; font-size: 1rem; color:#cecece;display:block; z-index: 10}

.gallery-item .icon-ytplay{display:block; background:url(../images/icon-ytplay.svg) center center no-repeat; background-size:100% auto; width:100px; height:100px;    position: absolute;top:50%;left:50%;opacity:.6;margin-top:-50px;margin-left:-50px}
.gallery-item a:hover .icon-ytplay{opacity:1}

.gallery-videos h2{margin-top:200px; z-index: 101; padding:0 1rem;max-height: 3.6em;
    overflow: hidden;}

.gallery-videos .gallery-item{overflow:hidden}
.gallery-videos .gallery-item a:before{display:block; background:rgba(0,0,0,.3);z-index:99}
.gallery-videos .gallery-item a:hover:before{ background:rgba(0,0,0,.7);}
.gallery-videos .gallery-item ins{z-index:100}

.gallery-items{margin:0 -5px}
.gallery-items a{display:block; position: relative; padding:5px;}

.gallery-items img{ cursor: pointer;transition: opacity 300ms ease-out;display:block; width:100%;background-color: rgba(0,0,0,.1);
}

.gallery-items a:before{display:block; background:rgba(0,0,0,0);content:''; top:0; left:0; right:0; bottom:0;position: absolute;transition: background 300ms ease-out;margin: 5px;}
.gallery-items a:hover:before{ background:rgba(0,0,0,.4);}



.nav-tabs{justify-content: space-between;margin:2rem 0 1.5rem; border:none; padding:0 30px;}
.nav-tabs .nav-link{border:none; padding:.5rem 0}
.nav-tabs li {border:none}
.nav-tabs li a{text-transform: uppercase; color:#c1c1c1; font-weight: 800;font-family: 'Montserrat', sans-serif; font-size: 1.1rem; background:none }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border:none}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background: none; border:none; border-radius: 0; border-bottom: 3px solid #f00;}


.contests-list{width:100%}
.contests-list th{font-size:1rem; color:#666666; font-weight: 600; text-align: center; padding:24px 12px; border:1px solid #fff; border-width: 0 1px 0 0;background:#d9d9d9;font-family: 'Montserrat', sans-serif;}
.contests-list th:last-child{border-width: 0 0px}
.contests-list td{font-size:1.1rem; color:#333;text-align: center; padding:24px 12px;border:1px solid #fff;border-width: 0 1px 0 0}
.contests-list tr td:last-child{border-width: 0 0px}
.contests-list tr:nth-child(2n){background:#d9d9d9}
.contests-list tr:nth-child(2n+1){background:#e3e3e3}
.contests-list tr:hover td{background:#d5e0ff}

.main-footer{background:#111b37; padding:4rem 0 0}

.footer-nav ul {padding-left: 0;list-style: none;margin-bottom: 0;}
.footer-nav ul li strong{font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 1.2rem}
.footer-nav ul li {margin: 8px 0;font-family: 'Ubuntu', sans-serif;}
.footer-nav ul li a{color:#868c9b;text-decoration: none !important}
.footer-nav ul li a strong{color:#d1d5df;}
.footer-nav ul li{line-height: 26px}
.footer-nav ul li a:hover strong, .footer-nav ul li a:hover{color:#fff}



.logo-footer{display:block;width: 90%; max-width: 170px; margin:20px auto 1.2rem}
.main-footer a.contacts-phone, .main-footer a.contacts-email{display:block;color:#fff !important; text-decoration: none !important; text-align: center; margin:6px 0}
.main-footer a.contacts-phone{font-size: 1.4rem}
.main-footer a.contacts-phone ins{display:inline-block; background:url(../images/icon-phone.svg) center center no-repeat; width:30px; height:30px; background-size: 100% auto; vertical-align: -8px; margin-right: 6px}
.main-footer a.contacts-email ins{display:inline-block; background:url(../images/icon-email.svg) center center no-repeat; width:26px; height:26px; background-size: 100% auto; vertical-align: -8px; margin-right: 6px}

#map-branches{height:600px; width:100%}
#map-contacts{height:80vh; width:100%; margin-top:-30vh}
.gm-style .gm-style-iw{line-height: 1.5em; font-size: .9rem;font-family: 'Montserrat', sans-serif;}
.gm-style .gm-style-iw strong{font-weight: 1000}


.main-footer .socials-container{background:#010B22; text-align: center; margin-top:3.5rem; padding:1rem 0}
.main-footer .socials-container a{color:#525A69; font-size: 1.6rem; text-decoration: none!important; margin:0 .3rem}
.main-footer .socials-container a:hover{color:#fff}

.jvectormap-tip{background:#fff; color:#333}
.jvectormap-tip p{padding:1rem 1rem 0}

.error-page{height: calc(100vh - 560px); min-height: 400px;}
.error-page h1{font-size: 12rem; color:#f00}
.error-page p{font-size: 1.4rem}

.about-highlight{position: relative; overflow: hidden}


@media (max-width:992px){
	#topNavbar{position: fixed;
		top: 0;
		left: 0;
		background: rgba(255,255,255,.93);
		right: 0;
		bottom: 0;
		z-index: 999;margin:0
	}
	.navbar-brand{z-index: 1100}
	.main-menu{margin-top:135px!important;}
	.main-menu{padding:0}
	.main-menu li{margin:6px auto}
	.main-menu .dropdown-menu{background: none}
	.main-menu .dropdown-menu a{text-align: center}
	.nav-item{}
	.icon-scroll-down{display: none}
	h2{font-size: 1.8rem;margin: 2rem auto .2rem;}
	h2.h-bordered:after{margin:1rem auto 1.1rem}
	.contacts-list .h4{font-size: 1.1rem}
	p.lead{font-size: 1rem;margin-bottom: .6rem;}
	.container-activity{background-size: auto 200px; margin-top: 2rem; padding:0}
	.container-activity h3{font-size: 1.8rem; margin:0 auto; padding:4.2rem 1rem}
	img.activity-sports-development{height:50px}
	
	.activity-list{padding:1.4rem 15px;}
	.activity-list .row{padding:1rem 1rem 0}
	.activity-list h4{font-size: 1.4rem}
	.activity-list p{font-size: .95rem; text-align: center}
	a.big{font-size: 1rem; margin-top:1rem !important; text-align:center}
	
	.activity-list.contacts-list{padding:0rem 15px}
	.activity-list.contacts-list .row{padding:0 1rem 1rem}
	.activity-list.contacts-list h4{text-align: center}
	.activity-list.contacts-list img{max-height: 50px !important;margin-bottom: 1rem !important}	
	
	.overlay .h-100{height:auto !important; padding:3rem 1rem}
	.overlay h5{font-size: 1.45rem}
	.overlay p{font-size: .9rem;line-height: 1.2em; text-align: center}
	
	
	.row.no-gutters.photos-list>div{display: none}
	.row.no-gutters.photos-list>div:nth-child(n+1):nth-child(-n+2){display:block}
	.row.no-gutters.photos-list{
	position: absolute;
    top: 0;
    bottom: 0;
		height: auto;}
	.photos-list .overlay {position: relative}
	
	
	
	#flr-game-video{height:80vh}
	.news-list {padding-bottom: 0; margin-top:1rem}
	.news-list h4{font-size: 1.35rem;color:#fff}
	.news-list time{margin-bottom: .8rem}
	.news-list  div[class^="col-"].news-item>a {opacity: 1;background: rgba(0, 0, 0, .6);}
	.news-list img{opacity: 1}
	.news-list div[class^="col-"].news-item>a{        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;}
	
	.partners-list div[class^="col-"]{padding:0}
	
	
	h1{font-size: 1.8rem}
	.documents-list div[class^="col-"]{margin-bottom:2rem; line-height: 1.3em}
	.breadcrumb-item{font-size: .8rem}
	
	.ya-share2__list_direction_horizontal > .ya-share2__item{margin-bottom: 9px !important}
	
	.gallery-list {margin-right: 0}
	.gallery-list div[class^="col-"]{margin-bottom: 15px}
	
	.documents-list a strong{text-align: center}
	
	p{font-size: 1rem}
	
	ul.red-marked li{margin-left: 40px; font-size: 1rem}
	.red-marked li:before{width:22px; height:22px; left:-40px}
	
	.error-page h1{font-size: 8rem}
	.error-page p{text-align: center; font-size: 1rem}
	
	.main-footer{text-align: center}
	.footer-nav ul li{margin: 2px 0;}
	.footer-nav ul li a strong{font-size: 1rem}
	.footer-nav ul li a{font-size: .9rem}
	.main-footer a.contacts-email{margin-bottom: 2rem}

	.container-intro{background:#273E6A url(../images/flr-logo-vertical.jpg) 0 0 no-repeat; background-size:100% auto}
	.container-intro .container{min-height: calc(100vh - 85px); position: absolute}
	.about-highlight .overlay{position: relative}

}