@import url(https://fonts.googleapis.com/css?family=Cuprum:400,400italic,700&subset=latin,cyrillic-ext);                                                                                                       
html, body {font-family: 'Cuprum', sans-serif; margin:0; padding:0; font-size:1em;}
h1,h2,h3,h4,h5,h6 {font-family:"Cuprum", sans-serif;}
/* body {border:1px solid white; margin-top:-28px;} */
a {color:#555;}


/**********cnt ***************/
#cntHeader, #cntTop, #cntMain, #cntFooter, #cntMainAll {width:1260px; margin:0 auto; overflow:hidden; position:relative;}
#cntMain {min-height: 760px; width: 1440px;}
#cntHeader .menuTop span {display: none;}
#cntTop100 {width:100%; height:30px; overflow:hidden; position:relative; background:#fff; 
 -webkit-shadow:0 0 10px rgba(0,0,0,.5);
-moz-box-shadow:0 0 10px rgba(0,0,0,.5);
     box-shadow:0 0 10px rgba(0,0,0,.5);
}

#cntFooter100 {width:100%; position:relative; overflow:hidden; background:#fff; border-top:2px solid #eee;}
#cntFooter {min-height:280px; background:#fff /*url(/img/back-footer.png) no-repeat top center*/; -moz-background-size:cover; -o-background-size:102% auto; -webkit-background-size:102% auto;  -khtml-background-size:cover;  background-size:cover; }
#cntTop  {height:30px; padding:0 32px; box-sizing:border-box; -moz-box-sizing:border-box;}
#cntTop h2, #cntTop h2 a {float:left; margin-right:30px; line-height:30px; color:#111; font-weight:bold; text-decoration:none;}
#cntTop h3, #cntTop h3 a  {float:left; line-height:30px; color:#333; font-weight:normal; text-decoration:none;}
#cntTop ul li {float:left; line-height:30px; color:#6ca421; margin-left:30px;}
#cntTop ul li a {font-size:14px; color: #333;}
#cntTop ul li a:hover {color:black; text-decoration:none;}
#cntTop ul {display:block; position:absolute; right:0; overflow:hidden;}

#cntMainAll {padding-bottom:40px;}
#cntMenuLeft {float:left; width:240px;}
#cntContent {float:left; width:900px; margin-left:50px;}
#cntContent h1 {color:#0081A8; font-size:28px;}
#cntContent h2 {color:#6ca421; font-size:24px;}
#cntContent h3 {color:#0081A8; font-size:24px;}
#cntContent h5 {color:#c92725; font-size:26px;}
#cntContent p {margin:0.5em 0;}

#cntContent h1:first-child {color:#0081A8;}
#cntContent table.twocol {margin:15px 15px;}
#cntContent table.twocol td {width:50%; padding:20px; border:1px solid #eee; }
#cntContent table.twocol2 {margin:15px 15px;width:90%;}
#cntContent table.twocol2 td {padding:20px; border:1px solid #eee; }

#cntContent img[name="banpage"] {float:right; width:300px;}
#cntContent img.banpage {float:right; width:300px;}

#cntContent ul {padding-left:30px; margin-top:0.6em;}
#cntContent ul li {list-style:square; margin-bottom:0.6em;}

#cntMenuLeft ul {padding-left:10px; margin-top:0.6em; margin-bottom:1em;}
#cntMenuLeft ul li {}
#cntMenuLeft ul li a {/*font-family:'Open Sans Condensed'; */ color:#444; font-size:20px; display:block; margin:4px 0px; font-weight:normal; line-height:1.1; padding:8px 18px; text-decoration:none; border-radius:14px; border:1px solid rgba(100,100,100,.1);}
#cntMenuLeft ul li a:hover {background:#E72F70 url(/img/back-menu1.gif) no-repeat top center; color:white; text-decoration:none; border-radius:14px;}
#cntMenuLeft ul li a.menuactive {background:#E72F70 url(/img/back-menu1.gif) no-repeat top center; color:white; text-decoration:none; border-radius:14px;}

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


/**********menu***************/

.menuTop {clear:both; overflow:hidden; margin-top:17px;}
.menuTop li {float:left; padding:6px 20px 20px 5px;}
.menuTop li:nth-child(2) {width:190px;}
.menuTop li:nth-child(3) {width:274px;}
.menuTop li:nth-child(4) {width:268px;}
.menuTop li:nth-child(5) {width:243px;}
.menuTop li:nth-child(6) {width:160px;}
.menuTop li a {/*font-family:PT Sans;*/ letter-spacing:-1px; display:block; width:auto; font-weight:bold; /*font-style:italic;  font-weight:700; */ font-size:24px; line-height:1; text-decoration:none; padding:20px 23px 24px 23px; color:#ED327E;}
.menuTop li:hover a, .menuTop li a.currentpage , .menuTop li.activeparent a {background:url(/img/back-menu1.gif) no-repeat top center; color:white; padding:12px 16px 16px 16px; border:7px solid #f9f9f9; border-radius:28px; box-shadow: 8px 8px 24px rgba(0,0,0,0.2);}


.menuFoot {overflow:hidden; margin-top:40px;}
.menuFoot li {width:20%; float:left;}
.menuFoot li b {display:block;color:#0081A8; font-size:16px; margin-right:30px; line-height:1.2em; margin-bottom:0.5em;}
.menuFoot li a {display:block; color:#999; text-decoration:none; margin-right:30px; line-height:1.2em; margin-bottom:0.5em;}
.menuFoot li a.ico {width:24px; height:24px; float:left; margin-right:10px;}
.menuFoot li img.bannerFoot {float:left; margin-right:40px;}
.menuFoot li a.ico.VK {}
.menuFoot li a.ico.TW {}
.menuFoot li a.ico.FB {}

#cntCopy {text-align:center; color:white; font-size:23px; color:rgba(255,255,255,0.5); background:rgba(0,0,0,0.5); position:fixed; bottom:0; width: 100%; padding-bottom:12px; z-index:1000;}



/*******************gb ********************/
.gbItem {padding:20px; border-radius:20px; border:3px solid #c9c9cb; margin:5px 0;}
.gbItem .gbName {text-align:left; font-weight:bold;}
.gbItem .gbCity {text-align:left; font-weight:bold; font-size:90%;}
.gbItem .gbName:first-letter {text-transform:uppercase;}
.gbItem .itemQ {font-weight:bold;}
.gbItem .gbData {}
	
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
/* стили только для IE10 */ 
div {}
}

#accordion ul {margin:0; padding:0;}
#accordion .accordion > li:first-child {}
#accordion .accordion li {cursor: pointer; list-style-image:none;	list-style-position:outside; list-style-type:none; list-style:none;}
#accordion .accordion li.active {}
#accordion .accordion li ul {list-style:none; background:url(/img/back-answer.gif) no-repeat top left; padding-left:45px;}
#accordion .accordion li.active li{}
#accordion .accordion li li{ border:0;}

.cms-guestbook-div-insert {padding:20px; border-radius:20px; border:3px solid #c9c9cb; background:white; margin:2em 0; /*box-shadow: 8px 8px 24px rgba(0,0,0,0.2); margin:0 330px 40px 0;  */ overflow:hidden;}
.cms-guestbook-div-insert * {box-sizing:border-box;-moz-box-sizing:border-box;}
.cms-guestbook-div-insert select, .cms-guestbook-div-insert input, .cms-guestbook-div-insert label {line-height:2.5em; height:2.5em; display:block;}
.cms-guestbook-div-insert select,
.cms-guestbook-div-insert input {border-radius:8px; border:2px solid #ddd; width:74%; float:left;}

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

.cms-guestbook-div-insert select {margin-left:26%;margin-bottom:.4em;}
.cms-guestbook-div-insert textarea  {border-radius:8px; border:2px solid #ddd; width:100%;	}
.cms-guestbook-div-insert label {width:26%; float:left;}
.cms-guestbook-div-insert div.line {overflow:hidden; margin-bottom:3px; width:100%;}
.cms-guestbook-div-insert div.line.counter label {width:20%;}
.cms-guestbook-div-insert div.line.counter input {width:80%; text-align:center;}
.cms-guestbook-div-insert .cms_submit { background: #E72F70 url(/img/back-menu1.gif) no-repeat top center; color:white; border:3px solid #f9f9f9; border-radius:24px; box-shadow: 3px 3px 14px rgba(0,0,0,0.2); height:2.2em;line-height:2.2em;font-weight: 700;font-size: 1.5em;float:right;width:100%;margin:.5em 0;}

#madff9submit, #mbb108submit {background:url(/img/back-menu1.gif) no-repeat top center; color:white; padding:12px 16px 16px 16px; border:7px solid #f9f9f9; border-radius:28px; box-shadow: 3px 3px 14px rgba(0,0,0,0.2); /*position:absolute; top:270px; right:90px;*/font-family: PT Sans;letter-spacing: -1px;display: block;width: auto;font-style: italic;font-weight: 700;font-size: 24px;color:white;margin:10px 0 40px 0;}
.cms-guestbook-div-insert .gbook_field gbook_website {
	display: none;
}


/****************modal*****************/
.overlay {background-color: rgba(0,0,0,.4); bottom: 0;  cursor: default;  left: 0; opacity: 0; position: fixed; right: 0;  top: 0; visibility: hidden; z-index: 1001; -webkit-transition: opacity .5s; -moz-transition: opacity .5s;-ms-transition: opacity .5s;    -o-transition: opacity .5s;   transition: opacity .5s;}
.overlay:target {visibility: visible;opacity: 1; margin:0; padding:0;}
.popup {background: white; display: inline-block; left: 50%; opacity: 0; padding: 4vmin; position: fixed;  text-align: left; top: 40%; visibility: hidden; z-index: 9999; 
-webkit-transform: translate(-50%, -50%);   -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
-webkit-transition: opacity .5s, top .5s; -moz-transition: opacity .5s, top .5s; -ms-transition: opacity .5s, top .5s; -o-transition: opacity .5s, top .5s; transition: opacity .5s, top .5s;
overflow-x:auto;overflow-y:auto;}
.overlay:target+.popup {top: 50%; opacity: 1; visibility: visible;max-height:85vh; overflow-x:auto;}

.popup .close {height: 30px; width: 30px;line-height: 30px;position: absolute;right: 0.5em;text-align: center;text-decoration: none; top: 1.5em; -webkit-border-radius: 1em;-moz-border-radius: 1em;-ms-border-radius: 1em;-o-border-radius: 1em;border-radius: 1em; top: 1em;}
.popup.bwhite .close {right: 1em;}
.popup .close:before {content:url(/img/close.svg);}





.Attention {background:#F8F5E2 url(/img/icoAtt.png) no-repeat center left; padding:15px 20px 15px 60px; border:4px solid #fff; color:#333; font-weight:bold; border-radius:22px; box-shadow: 3px 3px 18px rgba(0,0,0,0.2);}

@keyframes anim {0% {opacity:0.3}100% {opacity:1;}}
@-webkit-keyframes anim {0% {opacity:0.3}100% {opacity:1;}}
@-moz-keyframes anim {0% {opacity:0.3}100% {opacity:1;}}

@keyframes anim2 {0% {opacity:0} 100% {opacity:0.9;}}
@-webkit-keyframes anim2 {0% {opacity:0} 100% {opacity:0.9;}}
@-moz-keyframes anim2 {0% {opacity:0} 100% {opacity:0.9;}}

.AnimHover:hover {animation:anim 1s 1; -moz-animation:anim 1s 1; -webkit-animation:anim 1s 1;}

#tooltip.ugol3,  #tooltip.ugol-4, #tooltip.ugol1,  #tooltip.ugol2 {animation:anim2 1s 1; -moz-animation:anim2 1s 1; -webkit-animation:anim2 1s 1;}

.flags {
       -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}


.flags:hover {
     -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);

}

/**************************карта******************************************/

#mapper {
background: url(/img/map/map_new.jpg) no-repeat 0 0;
width: 986px;
height: 567px;
position:relative;
}

.links-city td {padding:5px 20px;}

#flag {}

.flag_spb {
	position:absolute;
	left: 105px;
	top: 105px;
	height: 80px;
	width: 80px;
}
.flag_msk {
	position:absolute;
	left: 90px;
	top: 196px;
	height: 80px;
	width: 80px;
}
.flag_nn {
	position:absolute;
	left: 150px;
	top: 219px;
	height: 60px;
	width: 60px;
}
.flag_perm {
	position:absolute;
	left: 214px;
	top: 238px;
	height: 60px;
	width: 60px;
}
.flag_chel {
	position:absolute;
	left: 250px;
	top: 312px;
	height: 60px;
	width: 60px;
}
.flag_kazan {
	position:absolute;
	left: 174px;
	top: 265px;
	height: 60px;
	width: 60px;
}
.flag_ekat {
	position:absolute;
	left: 245px;
	top: 270px;
	height: 60px;
	width: 60px;
}
.flag_ufa {
	position:absolute;
	left: 195px;
	top: 306px;
	height: 60px;
	width: 60px;
}
.flag_stav {
	position:absolute;
	left: 35px;
	top: 310px;
	height: 60px;
	width: 60px;
}
.flag_volg {
	position:absolute;
	left: 45px;
	top: 250px;
	height: 80px;
	width: 80px;
}
.flag_murm {
	position:absolute;
	left: 198px;
	top: 70px;
	height: 80px;
	width: 80px;
}
.flag_omsk {
	position:absolute;
	left: 320px;
	top: 340px;
	height: 80px;
	width: 80px;
}
.flag_novo {
	position:absolute;
	left: 430px;
	top: 280px;
	height: 80px;
	width: 80px;
}
.flag_yakut {
	position:absolute;
	left: 630px;
	top: 220px;
	height: 80px;
	width: 80px;
}
.flag_vlad {
	position:absolute;
	left: 820px;
	top: 437px;
	height: 80px;
	width: 80px;
}
.flag_hab {
	position:absolute;
	left: 790px;
	top: 355px;
	height: 80px;
	width: 80px;
}
.flag_ulan {
	position:absolute;
	left: 630px;
	top: 337px;
	height: 80px;
	width: 80px;
}
.flag_irk {
	position:absolute;
	left: 595px;
	top: 310px;
	height: 80px;
	width: 80px;
}

.videoPrev {overflow:hidden; margin-bottom:20px;}
.videoPrev img {margin:10px 20px 20px 20px; float:left;}
.videoPrev video {margin:10px 25px 25px 0px; float:left; width:45%;}

.allFAQ {margin-bottom:1em;}
.allFAQ dl {}
.allFAQ dl dt {font-weight:bold; font-size:1.3em;}
.allFAQ dl dt:before {content:url(/img/icoFAQ-2.png); width:32px; height:32px; position:relative; top:6px;}

#accordion2 {margin-bottom:1em;}
#accordion2 ul.accordion {margin:0;padding:0 0 0 40px; list-style:none;}
#accordion2 ul.accordion:hover {cursor:pointer;}
#accordion2 ul li {list-style:none;}
#accordion2 ul.accordion > li {font-weight:normal; font-size:1.3em; color:#999; text-indent:-42px;}
#accordion2 ul.accordion > li:before {content:url(/img/icoFAQ-2.png); width:32px; height:32px; position:relative; top:8px; border-right:10px solid white;}
#accordion2 ul.accordion ul {padding:0 0 0 0px;}
#accordion2 ul.accordion ul li {font-size:.8em; text-indent:0px;}
#accordion2 ::selection {background:#f0f0f0;}

.buttonlink
{
    background: #E72F70 url(/img/back-menu1.gif) no-repeat top center;
    color: white;
    border: 3px solid #f9f9f9;
    border-radius: 24px;
    box-shadow: 3px 3px 14px rgba(0,0,0,0.2);
    height: 2.2em;
    line-height: 2.2em;
    font-weight: 700;
    font-size: 1.5em;
    float: right;
    width: auto;
    margin: .5em 0;
padding:0 2em;
display:inline-block;
text-decoration:none;
}


@media only screen and (max-width: 5000px) {
.popup {width:980px;}
}

@media only screen and (max-width: 1260px) {
.popup {width:88%; max-height:90vh;}
}

@media only screen and (max-height: 900px) {
.popup {max-height:90vh; overflow-x:auto;}
}


@media only screen and (max-width: 720px) {
.popup {width:96%; max-height:96vh; overflow-x:auto;}
}

.but-qa img{width:100%;margin-top:1rem;border-radius:12px;}
.but2-qa img{margin-top:1rem;border-radius:12px;}

.img50 {width: 50%; border-radius: 12px;
    margin: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    float: right;}