/*
 Theme Name:   OSDK Theme
 Theme URI:    https://osdk.ru
 Description:  OSDK Theme
 Author:       John Doe
 Author URI:   https://osdk.ru
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
 Text Domain:  osdk
*/

#osdk-auth-widget-holder {
	width: 329px;
}

@media screen and (min-width: 48em) {
	.home .custom-header-media{ 
    	min-height: 680px;
	}
}

.site-main .entry-content {
	width: 100% !important;
}

.page-template-default .site-branding {
	padding: 0;
}

.page-template-game .site-branding {
	display: none;
}
.page-template-game .site-navigation-fixed.navigation-top {
	position: absolute;
}
.page-template-game #content {
	padding: 0 !important;
}
.page-template-game .site-footer {
	margin: 0;
}
.page-template-game #iframe-holder {
	line-height: 0;
}
.page-template-game #iframe-holder iframe {
	margin: 0;
}

#content .game {
	max-width: 100%;
	min-width: 100%;
	width: 100%;
	padding: 0;
}
#content .game .entry-header {
	display: none;
}
.colors-dark .navigation-top a{
	padding-right: 7px;
}
.colors-dark .navigation-top .sub-menu a{
	width: 300px;
}
.twentyseventeen-front-page.has-header-image .site-branding{
	bottom: auto;
	top: 178px !important;
}
.has-header-image.twentyseventeen-front-page .custom-header,
.twentyseventeen-front-page.has-header-image .custom-header-media{
    min-height: 960px;
}

/*page-id-20019 .game .entry-content #iframe-holder>iframe{
    position: absolute;
    left: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
}*/
.navigation-top{
    z-index: 100;	
}
.page-template-game #page .navigation-top {
    position: absolute;
    z-index: 100;
    right: 0px;
    background: transparent;
    border-bottom-color: transparent;
    background-color: #0d0515 !important;
}
.page-template-game #page .navigation-top .toggled-on{
	background: #000 !important;
    background-color: #000 !important;
}
.page-template-game #page .navigation-top .menu-toggle{
	padding: 0px;
    padding-right: 0px;
}
.page-template-game #page .navigation-top .menu-toggle:active,
.page-template-game #page .navigation-top .menu-toggle:focus,
.page-template-game #page .navigation-top .menu-toggle .dropdown-toggle:active,
.page-template-game #page .navigation-top .menu-toggle .dropdown-toggle:focus{
	outline: none;
}
.page-template-game #page .navigation-top .menu-toggle{
	font-size: 0px;
	margin-bottom: 0px;
}
.page-template-game #page .navigation-top .menu-toggle>.icon{
    font-size: 27px;
    margin-right: 0px;
    margin-top: 1px;
}
.page-template-game #page .navigation-top .menu-toggle>.icon-close{
	font-size: 38px;
}

.ticket-template-default #primary{
	width: 100% !important;
}
.ticket-template-default .site-branding{
	display: none;
}
.wpas .wpas-reply-content{
	word-break: break-word;
    display: block;
    width: 100%;
    max-width: 960px;
}

/* надпись */
.outer_redis{
	margin-bottom: 0px;
    font-size: 12.5px;
    background: #0e0812;
    padding: 8px 0px;
    color: #fff;
    font-family: Arial, sans-serif;
    text-align: center;
    display: block;
    z-index: 1000;
    position: relative;
    width: 100%;
    font-size: 14px;
    display: none;
}
.outer_redis a{
    text-decoration: underline;
    font-family: Arial, sans-serif;
    color: #e6af09 !important;
    cursor: pointer;
}
.close_error{
	cursor: pointer;
    position: absolute;
    top: 10px;
    right: 11px;
    font-size: 46px;
    line-height: 21px;
}
/* надпись */

/*стили SAO2 для мобильных версий и спешалы для iphone разных моделей*/ 
.page-id-20019 .game .entry-content #iframe-holder{
    position: relative;
    min-height: 100vh;
}
@media screen and (orientation: landscape) and (max-width: 960px){
	.page-id-20019 #content{
		position: relative;
		height: 100vh;
	}
	.page-id-20019 .game .entry-content #iframe-holder {
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    right: 0px;
	    bottom: 0px;
	    width: 100%;
	    height: calc(100% - 60px);
	    min-height: calc(100% - 60px);
	    max-height: 100%;
	    padding-top: 0px;
	    overflow-y: hidden;
	}
}
@media (max-device-width: 767px), (max-width: 767px){
    .outer_redis span{
        display: none !important;
    }
}
@media screen and (orientation: portrait) and (max-width: 767px){
	.page-id-20019 #content{
		position: relative;
		height: 100vh;
	}
	.page-id-20019 .game .entry-content #iframe-holder {
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    right: 0px;
	    bottom: 0px;
	    width: 100%;
	    height: calc(100% - 60px);
	    min-height: calc(100% - 60px);
	    max-height: 100%;
	    padding-top: 0px;
	    overflow-y: hidden;
	}
}
@media screen and (orientation: landscape) and (-webkit-device-pixel-ratio: 2){
	.page-id-20019 #content{
		position: relative;
		height: 100vh;
	}
	.page-id-20019 .game .entry-content #iframe-holder {
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    right: 0px;
	    bottom: 0px;
	    width: 100%;
	    height: calc(100% - 60px);
	    min-height: calc(100% - 60px);
	    max-height: 100%;
	    padding-top: 0px;
	    overflow-y: hidden;
	}
}
@media screen and (orientation: landscape) and (-webkit-device-pixel-ratio: 3){
	.page-id-20019 #content{
		position: relative;
		height: 100vh;
	}
	.page-id-20019 .game .entry-content #iframe-holder {
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    right: 0px;
	    bottom: 0px;
	    width: 100%;
	    height: calc(100% - 60px);
	    min-height: calc(100% - 60px);
	    max-height: 100%;
	    padding-top: 0px;
	    overflow-y: hidden;
	}
}
@media screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2){
	.page-id-20019 #content{
		position: relative;
		height: 100vh;
	}
	.page-id-20019 .game .entry-content #iframe-holder {
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    right: 0px;
	    bottom: 0px;
	    width: 100%;
	    height: calc(100% - 30px);
	    min-height: calc(100% - 30px);
	    max-height: 100%;
	    padding-top: 0px;
	    overflow-y: hidden;
	}
}
@media screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 3){
	.page-id-20019 #content{
		position: relative;
		height: 100vh;
	}
	.page-id-20019 .game .entry-content #iframe-holder {
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    right: 0px;
	    bottom: 0px;
	    width: 100%;
	    height: calc(100% - 60px);
	    min-height: calc(100% - 60px);
	    max-height: 100%;
	    padding-top: 0px;
	    overflow-y: hidden;
	}
}

@media only screen and (device-height: 375px) and (device-width: 667px) and (-webkit-device-pixel-ratio : 2){
	.page-id-20019 .game .entry-content #iframe-holder {
	    height: 100%;
	    min-height: 100%;
	    max-height: 100%;
	}
}
@media only screen and (device-height: 414px) and (device-width: 736px) and (-webkit-device-pixel-ratio : 3){
	.page-id-20019 .game .entry-content #iframe-holder {
	    height: 100%;
	    min-height: 100%;
	    max-height: 100%;
	}
}


@media only screen and (device-height: 375px) and (device-width: 812px) and (-webkit-device-pixel-ratio : 2){
	.page-id-20019 .game .entry-content #iframe-holder {
	    height: 100%;
	    min-height: 100%;
	    max-height: 100%;
	}
}
@media only screen and (device-height: 375px) and (device-width: 812px) and (-webkit-device-pixel-ratio : 3){
	.page-id-20019 .game .entry-content #iframe-holder {
	    height: 100%;
	    min-height: 100%;
	    max-height: 100%;
	}
}

@media only screen and (device-height: 414px) and (device-width: 896px) and (-webkit-device-pixel-ratio: 2){
	.page-id-20019 .game .entry-content #iframe-holder {
	    height: 100%;
	    min-height: 100%;
	    max-height: 100%;
	}
}
@media only screen and (device-height: 414px) and (device-width: 896px) and (-webkit-device-pixel-ratio: 3){
	.page-id-20019 .game .entry-content #iframe-holder {
	    height: 100%;
	    min-height: 100%;
	    max-height: 100%;
	}
}

@media only screen (min-resolution: 326dpi){
	.page-id-20019 .game .entry-content #iframe-holder {
	    height: 100%;
	    min-height: 100%;
	    max-height: 100%;
	}	
}

@media only screen and (orientation: landscape) and (device-width: 667px) and (-webkit-device-pixel-ratio: 1),
(orientation: landscape) and (device-width: 736px) and (-webkit-device-pixel-ratio : 1),
(orientation: landscape) and (device-width: 812px) and (-webkit-device-pixel-ratio : 1),
(orientation: landscape) and (device-width: 896px) and (-webkit-device-pixel-ratio : 1),
(orientation: landscape) and (device-height: 414px) and (-webkit-device-pixel-ratio : 1),
(orientation: landscape) and (device-height: 375px) and (-webkit-device-pixel-ratio : 1){
	.page-id-20019 .game .entry-content #iframe-holder {
	    height: 100%;
	    min-height: 100%;
	    max-height: 100%;
	}
}

.page-id-20019 .game .entry-content #iframe-holder>iframe{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
	min-height: 100% !important;
}
.page-id-20019 .navigation-top .wrap {
    padding: 0px 2em !important; 
}
.page-id-20019.colors-dark .navigation-top a {
    padding-right: 7px;
    padding: 5px 1.25em;
}
/*
@media screen and (min-width: 980px){
	.page-id-20019 .game .entry-content #iframe-holder>iframe{
		    min-height: 100vh !important;
	}
}*/

/*стили SAO2 для мобильных версий и спешалы для iphone разных моделей*/ 


@media screen and (max-width: 768px){
	.twentyseventeen-front-page.has-header-image .custom-header-media, 
	.twentyseventeen-front-page.has-header-video .custom-header-media, 
	.home.blog.has-header-image .custom-header-media, 
	.home.blog.has-header-video .custom-header-media{
		min-height: 1200px;
		height: auto;
	}
	.page-id-19995 #osdk-auth-widget-holder {
		position: absolute !important;
		left: -9999px;
		right: -9999px;
	    margin-left: auto;
	    margin: 0 auto; 
	}
	.page-id-20019 .navigation-top .wrap{
		padding: 0px 0px !important; 
	}
}