/*************media**************/

.onlymobile {display:none;}

html.contentpage {background: #fff url(/img/back-all.jpg) no-repeat center top fixed; background-size:cover;}

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

.cms-guestbook-div-insert .err.line textarea,
.cms-guestbook-div-insert .err.line select,
.cms-guestbook-div-insert .err.line input,
.cms-guestbook-div-insert .err textarea,
.cms-guestbook-div-insert .err select,
.cms-guestbook-div-insert .err input {border:2px solid red;}

}


@media screen and (max-width: 1920px) {
html {background:#fff url(/img/back-index.jpg) no-repeat center 30px fixed;}
html.contentpage {background:#fff url(/img/back-all.jpg) no-repeat center top fixed;}
#cntMain {min-height:760px; width:1440px;}
#cntContent {min-height:630px;}
#cntHeader .menuTop span {display:none;}

.gbItem .gbData {position:relative;}
.gbItem .gbData:after {position: absolute; top: 0; right: 0; content: 'СМОТРЕТЬ ОТВЕТ +'; display: block; width: 120px; background: white; color: #999; padding: 5px 20px; border-radius: 12px;    border: 3px solid #ccc;
	white-space:nowrap;overflow:hidden;}
/*.gbItem:nth-child(1) .gbData:after {display:none;}*/

.cms-guestbook-div-insert .err.line textarea,
.cms-guestbook-div-insert .err.line select,
.cms-guestbook-div-insert .err.line input,
.cms-guestbook-div-insert .err textarea,
.cms-guestbook-div-insert .err select,
.cms-guestbook-div-insert .err input {border:2px solid red;}


}

@media screen and (max-width: 1600px) {
#cntHeader, #cntTop, #cntMain, #cntMainAll, #cntFooter {width:1260px; overflow:hidden;}
#cntContent {min-height:580px;}
}

@media screen and (max-width: 1280px) {
#cntHeader, #cntTop, #cntMain, #cntMainAll, #cntFooter {width:1090px; overflow:hidden;}
.menuTop li {float:left; padding:4px 15px 15px 4px;}
.menuTop li:nth-child(2) {width:170px;}
.menuTop li:nth-child(3) {width:236px;}
.menuTop li:nth-child(4) {width:230px;}
.menuTop li:nth-child(5) {width:210px;}
.menuTop li:nth-child(6) {width:140px;}
.menuTop li a {font-size:21px; padding:20px 20px;}
.menuTop li:hover a, .menuTop li a.currentpage {padding:15px; border:5px solid #f9f9f9; border-radius:24px; box-shadow: 5px 5px 20px rgba(0,0,0,0.2);}
#cntContent {min-height:480px; width:800px; margin-left:20px;}
#cntCopy {font-size:20px;}
#cntTop h3 {font-size:14px;}
.menuFoot {box-sizing:border-box; -moz-box-sizing:border-box; padding:0 0 0 2%;}

}


@media screen and (max-width: 1090px) {
#cntHeader, #cntTop, #cntMain, #cntMainAll, #cntFooter {width:960px; overflow:hidden;}
.menuTop {margin-top:5px;}
.menuTop li {padding:2px 10px 10px 2px;}
.menuTop li:nth-child(2) {width:150px;}
.menuTop li:nth-child(3) {width:202px;}
.menuTop li:nth-child(4) {width:200px;}
.menuTop li:nth-child(5) {width:190px;}
.menuTop li:nth-child(6) {width:140px;}
.menuTop li a {font-size:19px; padding:16px;}
.menuTop li:hover a, .menuTop li a.currentpage {padding:12px; border:4px solid #f9f9f9; border-radius:24px; box-shadow: 3px 3px 14px rgba(0,0,0,0.2);}
#cntContent {width:660px; margin-left:20px;}
#cntCopy {font-size:18px;}
#cntTop h3 {font-size:10px;}
}


@media screen and (max-width: 980px) {
.nomobile {display:none;}
#cntContent h1 {line-height:1.1;}
.videoPrev video {width:100%;}
.cms-guestbook-div-insert {width:100%; box-sizing:border-box; -moz-box-sizing:border-box; padding:4%; margin-top:1em;}
.cms-guestbook-div-insert .line input {line-height:2.6em; height:2.6em; box-sizing:border-box; -moz-box-sizing:border-box;}
.cms-guestbook-div-insert .line textarea {width:100%; box-sizing:border-box; -moz-box-sizing:border-box;}
.cms-guestbook-div-insert .cms_submit {border-radius: 18px; padding: 0 6px; width: 100%;  box-sizing:border-box; -moz-box-sizing:border-box;}

.cms-guestbook-div-insert .err.line textarea,
.cms-guestbook-div-insert .err.line select,
.cms-guestbook-div-insert .err.line input,
.cms-guestbook-div-insert .err textarea,
.cms-guestbook-div-insert .err select,
.cms-guestbook-div-insert .err input {border:2px solid red;}

#cntMenuLeft {width:25%; margin:0; padding:0;}
#cntContent {width:72%; margin:0.7em 0 0 2%; padding:0;}
.gbint#cntContent {width:100%; margin:0; padding:1em; box-sizing:border-box; -moz-box-sizing:border-box;}
#cntTop ul {margin-right:2em;}
}


@media screen and (max-width: 959px) {
#cntHeader, #cntTop, #cntMain, #cntMainAll, #cntTop100, #cntFooter, #cntFooter100 {width:100%;  overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box;}
.menuTop {margin-top:5px;}
.menuTop li {padding:1px 6px 10px 1px; width:20%; margin: 0; box-sizing:border-box; -moz-box-sizing:border-box;}
.menuTop li:nth-child(n) {width:20%;}
.menuTop li a {font-size:17px; padding:12px; font-weight:normal;}
.menuTop li:hover a, 
.menuTop li a.currentpage, 
.menuTop li.activeparent a {padding:9px; border:3px solid #f9f9f9; border-radius:18px; box-shadow: 3px 3px 12px rgba(0,0,0,0.2);}

#cntCopy {font-size:17px;}
#cntMenuLeft ul {padding-left: 0px;}
#cntMenuLeft ul li a {font-size:17px;}
#cntContent img[name="banpage"] {width:45%;}
#cntTop h2 {margin-left:0;margin-right:0;}
#cntTop h3 {display:none;}
}



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

#cntHeader, #cntTop, #cntMain, #cntMainAll, #cntTop100, #cntFooter, #cntFooter100 {min-width:300px;}
.onlymobile {display:block;}

h1, h2, h3, h4, h5, h6 {line-height:1.1;}
#cntHeader {width: 100%; box-sizing:border-box; -moz-box-sizing:border-box;}
#cntMain {width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; margin-top:2.6em;}
#cntMainAll {width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; margin-top:3.8em;}

#cntHeader ul {width: 100%;}
#cntHeader li {width: 100%; display:block;}
#cntHeader li a {color:white;  background:#EB4460;}
.menuTop li:hover a, .menuTop li a.currentpage {padding:12px; border:none; border-radius:0; box-shadow: 0 0 0 rgba(0,0,0,0);}
div#Fam {width:50%;}

#cntHeader {position:absolute; top:1.8em; left:0; z-index:100; max-height:600px; background:white; z-index:1000; overflow:hidden; padding:3px 0; width:100%; transition:max-height 1s ease; background:#EB4460;} 
#cntHeader li {display:none;}
#cntHeader:hover {max-height:540px;}
#cntHeader:hover li {display:block; overflow:hidden;}
#cntHeader:hover li:last-child {}

#cntHeader a, #cntHeader span {text-align:left; padding-left:.5em; color:white; border-right:none;}

#cntHeader .menuTop span {display:block; font-size: 2em; width: 100%; cursor:pointer;}
#cntHeader .menuTop span:before {content:url(/img/menu.png);}
/*#cntHeader .menuTop span:after {content:url(/img-m/logo-top.png); position:absolute; top:.2em; right:.2em;}*/

#cntHeader .menuTop ul > span {display:block;}
#cntHeader .menuTop li:nth-child(2) {padding-top:0.7em;}
#cntHeader .menuTop li {padding:0; width:100%;}
#cntHeader .menuTop li a {width:100%; border-bottom:1px solid rgba(255,255,255,.5);}
#cntHeader .menuTop li a {font-size:1.3em; padding:.8em; width:100%;}
#cntHeader .menuTop a {text-transform:none;}

#cntContent {width:100%; box-sizing:border-box; -moz-box-sizing:border-box; margin:0; padding:0 2%;}
#cntMenuLeft  {width:100%; box-sizing:border-box; -moz-box-sizing:border-box;} 

#cntMenuLeft ul li a {border-radius:0; border:0px solid rgba(100,100,100,.1);}
#cntMenuLeft ul li a {border-bottom:1px solid rgba(0,0,0,.2); margin:0;}
#cntMenuLeft ul li a.menuactive:hover, #cntMenuLeft ul li a:hover, #cntMenuLeft ul li a.menuactive  {border-radius:0;}

.menuTop li:hover a, .menuTop li a.currentpage, .menuTop li.activeparent a {border:none; border-radius:0;}

.menuFoot {display:none;}
#cntFooter {height:0px; min-height:0px;}

#cntCopy  {position: relative;}

#cntContent img[name="banpage"] {width:70%; float:none; margin:0 15%;}

.cms-guestbook-div-insert {width:100%; box-sizing:border-box; -moz-box-sizing:border-box; padding:4%;}
.line input {line-height:2.6em; height:2.6em;}

.Attention {display:none;}

#cntTop {padding:0; border:none; background:#444; color:white;}
#cntTop ul {display:none;}
#cntTop h2 {display:block; width:100%;  border:none; font-size:21px; color:white; padding-left:0.8em;}
#cntTop h2 a {margin:0; padding:0; display:block; width:100%;  border:none; color:white;}


.gbItem .gbData:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '+';
    display: block;
    width: 10px;
    background: white;
    color: #999;
    padding: 5px 20px;
    border-radius: 12px;
    border: 3px solid #ccc;
	white-space:nowrap;
	overflow:hidden;
	font-size:20px;
/*    box-shadow: 3px 3px 14px rgba(0,0,0,0.2); */
}



}



@media screen and (min-device-width : 320px) and (max-device-width : 800px) {



/*#cntHeader, #cntTop, #cntMain, #cntMainAll {width:880px;  overflow:hidden;}
.menuTop li a {font-size:21px;}
.menuTop {margin-top:10px;}
.menuTop li {padding:1px 6px 10px 1px;}
.menuTop li:first-child {width:175px;}
.menuTop li:nth-child(2) {width:195px;}
.menuTop li:nth-child(3) {width:180px;}
.menuTop li:nth-child(4) {width:150px;}
.menuTop li:last-child {width:120px;}
.menuTop li a {font-size:18px; padding:12px; font-weight:normal;}
.menuTop li:hover a, .menuTop li a.currentpage, .menuTop li.activeparent a {padding:9px; border:3px solid #f9f9f9; border-radius:18px; box-shadow: 3px 3px 12px rgba(0,0,0,0.2);}
*/
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
/*
#cntHeader, #cntTop {width:960px; }
.menuTop li {width:100%;  float:none; background:#6ca421;}
.menuTop li a {font-size:3em; display:block; float:none; margin:10px; text-align:center; color:white;}
*/
}