html, body {
	padding:0; margin:0;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 17px;
	font-weight: 400;
	color:#fff;
}

h5 {font-size:30px; font-weight: 100; margin:0 0 8px 0; color: #7aaa14; line-height: 100%;/*display:inline;*/}

a {	color: #eee6ae;}

/* roboto-condensed-regular - cyrillic_latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v13-cyrillic_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../fonts/roboto-condensed-v13-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v13-cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v13-cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v13-cyrillic_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v13-cyrillic_latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* pt-sans-narrow-regular - cyrillic_latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-narrow-v7-cyrillic_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Narrow'), local('PTSans-Narrow'),
       url('../fonts/pt-sans-narrow-v7-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-narrow-v7-cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-narrow-v7-cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-narrow-v7-cyrillic_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-narrow-v7-cyrillic_latin-regular.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}

/* pt-sans-narrow-700 - cyrillic_latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-narrow-v7-cyrillic_latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'),
       url('../fonts/pt-sans-narrow-v7-cyrillic_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-narrow-v7-cyrillic_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-narrow-v7-cyrillic_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-narrow-v7-cyrillic_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-narrow-v7-cyrillic_latin-700.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}


li span{font-size: 17px; line-height: 100%; color:#ccc;display:block;}
/* ---------------------------------------------------------------------------------------------------------------------------- */

html { height: 100%; }

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

body {
}

h1{
	font-size: 2.3em;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	line-height:100%;
}

#top p { font-family: 'Roboto', sans-serif; color:#ff1700;	text-shadow: 0 -1px 0 rgba(255,255,255,0.85);  font-weight:700; font-size:4em; margin:0; padding:10px 0 0 0; line-height:90%; text-transform:uppercase;}
#top span {display:block; margin:7px 0 0 0; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.8em; letter-spacing:3px; color:black;}

.nav-trigger {
    display: block;
    position: fixed;
    right: 0px;
    top: 0;/*54px 80px;*/
    padding: 20px 21px;
    z-index: 9999;
    background: #e15932;//#58595b;
}
.nav-trigger__elements {
    display: block;
    position: relative;
    width: 18px;
    height: 14px;
    margin-left: 1px;
}
.nav-trigger span {
    width: 18px;
    height: 2px;
    position: absolute;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: white;
}
.nav-trigger span:nth-of-type(1) {
    top: 0;
    left: 0px;
}
.nav-trigger span:nth-of-type(2) {
    top: 6px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}
.nav-trigger span:last-of-type {
    bottom: 0;
    left: 0;
}
.nav-trigger:hover {
    cursor: pointer;
}

.is-navopen .nav-trigger {
  background: transparent;
}

.is-navopen .nav-trigger span:nth-of-type(1) {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.is-navopen .nav-trigger span:nth-of-type(2) {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.is-navopen .nav-trigger span:last-of-type {
  bottom: -1px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}





.is-navopen .nav__title {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}
.nav__title {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 15px;
	font-weight: 400;
    line-height: 100%;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 3px;
    -webkit-font-smoothing: antialiased;
    color: white;
    margin-bottom: 30px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.is-navopen .nav {
    right: 0;
    -moz-transition: all 400ms ease-out 0s;
    -o-transition: all 400ms ease-out 0s;
    -webkit-transition: all 400ms ease-out;
    -webkit-transition-delay: 0s;
    transition: all 400ms ease-out 0s;
}

.nav {
    max-width: 95%;
}
.nav {
/*	width:60%;*/
    width: 320px;
/*    max-width: 85%;*/
    padding: 54px 0px 10px 30px;
    height: 600px;
    height: 100vh;
/*    background: rgba(200, 94, 81, 0.95);*/
/*	background:#000; #e15932*/
    background: rgba(225,89,50,0.95);
    position: fixed;
    z-index: 99;
    top: 0;
    right:-350px;
 /*   right: -70%;*/
    display: table;

    -moz-transition: all 400ms ease-in 0.3s;
    -o-transition: all 400ms ease-in 0.3s;
    -webkit-transition: all 400ms ease-in;
    -webkit-transition-delay: 0.3s;
    transition: all 400ms ease-in 0.3s;

}
.nav .menu-item {
    padding: 0;
    line-height: 100%;
}
.nav .menu-item a {
 /*   font-size: 2.1em;*/
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
/*    line-height: 75%;*/
    -webkit-font-smoothing: antialiased;
 /*   color: white;*/
    text-decoration: none;
 /*   text-indent: -4px;*/
    display: inline-block;
 /*   padding-bottom: 15px;*/
    margin-bottom: 12px;
  -moz-transform: translate3d(200px, 0, 0);
  -webkit-transform: translate3d(200px, 0, 0);
  transform: translate3d(200px, 0, 0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  will-change: transform;
  -moz-transition: all 350ms ease-in 0s;
  -o-transition: all 350ms ease-in 0s;
  -webkit-transition: all 350ms ease-in;
  -webkit-transition-delay: 0s;
  transition: all 350ms ease-in 0s;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.is-navopen .nav .menu-item a {
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: all 500ms ease-out 0.3s;
  -o-transition: all 500ms ease-out 0.3s;
  -webkit-transition: all 500ms ease-out;
  -webkit-transition-delay: 0.3s;
  transition: all 500ms ease-out 0.3s;
}


.nav .menu-item:nth-child(1) a {-moz-transition-delay:0.80s;-o-transition-delay:0.80s;-webkit-transition-delay:0.80s;transition-delay:0.80s;}
.nav .menu-item:nth-child(2) a {-moz-transition-delay:0.70s;-o-transition-delay:0.70s;-webkit-transition-delay:0.70s;transition-delay:0.70s;}
.nav .menu-item:nth-child(3) a {-moz-transition-delay:0.60s;-o-transition-delay:0.60s;-webkit-transition-delay:0.60s;transition-delay:0.60s;}
.nav .menu-item:nth-child(4) a {-moz-transition-delay:0.50s;-o-transition-delay:0.50s;-webkit-transition-delay:0.50s;transition-delay:0.50s;}
.nav .menu-item:nth-child(5) a {-moz-transition-delay:0.40s;-o-transition-delay:0.40s;-webkit-transition-delay:0.40s;transition-delay:0.40s;}
.nav .menu-item:nth-child(6) a {-moz-transition-delay:0.30s;-o-transition-delay:0.30s;-webkit-transition-delay:0.30s;transition-delay:0.30s;}
.nav .menu-item:nth-child(7) a {-moz-transition-delay:0.20s;-o-transition-delay:0.20s;-webkit-transition-delay:0.20s;transition-delay:0.20s;}
.nav .menu-item:nth-child(8) a {-moz-transition-delay:0.10s;-o-transition-delay:0.10s;-webkit-transition-delay:0.10s;transition-delay:0.10s;}
.nav .menu-item:nth-child(9) a {-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s;}

.is-navopen .nav .menu-item:nth-child(1) a {-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s;}
.is-navopen .nav .menu-item:nth-child(2) a {-moz-transition-delay:0.10s;-o-transition-delay:0.10s;-webkit-transition-delay:0.10s;transition-delay:0.10s;}
.is-navopen .nav .menu-item:nth-child(3) a {-moz-transition-delay:0.20s;-o-transition-delay:0.20s;-webkit-transition-delay:0.20s;transition-delay:0.20s;}
.is-navopen .nav .menu-item:nth-child(4) a {-moz-transition-delay:0.30s;-o-transition-delay:0.30s;-webkit-transition-delay:0.30s;transition-delay:0.30s;}
.is-navopen .nav .menu-item:nth-child(5) a {-moz-transition-delay:0.40s;-o-transition-delay:0.40s;-webkit-transition-delay:0.40s;transition-delay:0.40s;}
.is-navopen .nav .menu-item:nth-child(6) a {-moz-transition-delay:0.50s;-o-transition-delay:0.50s;-webkit-transition-delay:0.50s;transition-delay:0.50s;}
.is-navopen .nav .menu-item:nth-child(7) a {-moz-transition-delay:0.60s;-o-transition-delay:0.60s;-webkit-transition-delay:0.60s;transition-delay:0.60s;}
.is-navopen .nav .menu-item:nth-child(8) a {-moz-transition-delay:0.70s;-o-transition-delay:0.70s;-webkit-transition-delay:0.70s;transition-delay:0.70s;}
.is-navopen .nav .menu-item:nth-child(9) a {-moz-transition-delay:0.80s;-o-transition-delay:0.80s;-webkit-transition-delay:0.80s;transition-delay:0.80s;}


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.nav__inner {
/*    display: table-cell;*/
width:300px;
    vertical-align: top;/*middle;*/
}
.nav__items {
    list-style-type: none;
margin: 0;
padding: 0;
}
.nav .menu-item {
    padding: 0;
    line-height: 100%;
}
/*
.nav .menu-item.current-menu-item a {
    border-bottom: 2px solid white;
}

.menu-item:hover a {
    border-bottom: 2px solid white;
}
*/
.fullscreen {
    width: 100%;
    height: 600px;
    height: 100vh;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #f2f2f2;
}
.fullscreen__image-background {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
}
*, *::after, *::before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    -o-box-sizing: inherit;
    -ms-box-sizing: inherit;
    box-sizing: inherit;
}

/*============================ from news.php file */

	body{
	margin:0;
	font-family: Helveticanowdisplay, sans-serif;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.3;
	}
/*
	.header{margin:10px 0 20px 10px; display: flex; flex-flow: row wrap;}
	.header .imgwrap{width:400px; box-sizing: border-box; flex:0;}
	.header .imgwrap .chesslogo{width:224px; height:109px; margin:10px;}
	.header .imgwrap a{border:none;}
	.header .title{flex:1; margin:30px 0 0 20px; padding:30px 0 15px 20px; border-left:1px #000 solid; font-size:1em; color:#000; letter-spacing:2px;
font-size: 1em;
font-weight: 500;
line-height: 1.3em;
}
	.header .title span{letter-spacing:2px;color:#ccc;}
*/
	
	.header{margin:10px 0 20px 10px; display: flex; flex-flow: row wrap;}
	.header .imgwrap{width:300px; box-sizing: border-box; flex:0;}
	.header .imgwrap .chesslogo{width:300px; height:146px;}
	.header .imgwrap a{border:none;}
	.header .title{flex:1; margin:30px 0 0 30px; padding:35px 0 15px 30px; border-left:1px #000 solid; color:#000; letter-spacing:2px; font-size:1em;font-weight:500;line-height:1.3em}
	.header .title span{letter-spacing:2px;color:#ccc;}
				
	.page_wrapper{margin:20px auto; width:90%;}
	.elem{
		display: flex; flex-flow: row wrap;
		box-sizing: border-box; padding:20px; background-color:#f8f8f8; /*#fbefee;*/ border-radius:10px; width:100%; margin-bottom:20px;
	}	
	.elem .imgwrap {width:400px; margin-right:20px; box-sizing: border-box; flex:0;}
	.elem .imgwrap img {width:360px;}
	.elem .content_block {flex: 1;}
	
	.content_block p {padding:10px 0 !important}

	.footer{
		width:100%; height:400px; margin:40px 0 0 0;  background-color:#242424;
		background-image: url('/templates/chessqueen/images/f2.png'); background-repeat: no-repeat;background-size: contain; background-position: right;
	}
	.footer .col1{width:100%; height:400px;}
	.footer .col1 .ftext{ padding:150px 0px 50px 60px; font-family: Helveticanowdisplay, sans-serif; font-size:17px; font-weight:400px; color:#ccc; }
	.footer .col1 .ftext span{font-size:20px; color:#eee6ae;}
	.footer .col1 .ftext p {font-size:15px; color:#ccc; padding-top:50px;}

	@media screen and (max-width:991px) {
		.page_wrapper{margin:10px auto; width:95%;}
		.elem .imgwrap {width:400px; box-sizing: border-box;}
		.elem .imgwrap img {width:360px;}
		.elem .content_block { min-width:200px; max-width:660px; flex: 1;}
	}
	@media screen and (max-width:767px) {
		.page_wrapper{margin:10px auto; width:95%;}
		.elem .imgwrap {width:400px; box-sizing: border-box;}
		.elem .imgwrap img {width:360px;}
		.elem .content_block {min-width:200px; max-width:360px; flex: 1;}
	}
	@media screen and (max-width:479px) {
		.header{margin:0 0 10px 0px; display: flex; flex-flow: row wrap;}
		.header .imgwrap{width:234px; box-sizing: border-box; flex:0;}
		.header .imgwrap .chesslogo{width:224px;}
		
		.page_wrapper{margin:10px auto; width:95%;}
		.elem {padding:20px;}
		.elem .imgwrap {width:330px; box-sizing: border-box;}
		.elem .imgwrap img {width:300px;}
		.elem .content_block {min-width:200px; max-width:390px; flex: 1;}
		.footer, .footer .col1{width:100%; height:270px;}
		.footer .col1 .ftext {font-size:15px; color:#ccc; padding:50px 0 0 20px;}
	}
	@media screen and (max-width:369px) {

		.header{margin:10px 0 10px 0px; display: flex; flex-flow: row wrap;}
		.header .imgwrap{width:200px; box-sizing: border-box; flex:0;}
		.header .imgwrap .chesslogo{width:180px;}
	
		.header .title{flex:1; margin:30px 0 0 0px; padding:20px 0 15px 12px; border-left:1px #000 solid; font-size:1em; color:#000; letter-spacing:1px;}
		.header .title span{letter-spacing:1px;color:#ccc;}
			
		.page_wrapper{margin:10px auto; width:96%;}
		.elem {padding:20px;}	
		.elem .imgwrap {width:320px; box-sizing: border-box;}
		.elem .imgwrap img {width:306px;}

		.footer, .footer .col1{width:100%; height:240px;}
		.footer .col1 .ftext {font-size:15px; color:#ccc; padding:20px 0 0 20px;}
		.footer .col1 .ftext p {font-size:15px; color:#ccc; padding-top:20px;}
	}