@charset "UTF-8";
/* CSS Document */
/*---------------------------------Book Background-----------------------------------------------------*/
.bookWrap { position:absolute; top:65px; left:0; bottom:0; right:0; overflow:hidden; /*background: rgba(159,209,204,1.00);*/}
#cover {
	/*background: rgba(230,196,197,0.8);*/
	position: absolute;
	top:0;
	left:0;
	width: 50.1%;
	height: 100%;
	overflow: hidden;
	box-sizing:border-box;
	/*border: 20px solid #26394F;*/
	/*background: #e7e7ef url(../img/bookBack_00.jpg) no-repeat;
	background-position: center;
	background-size: cover;*/
}
.page {
    position: absolute;
	right:25%;
	bottom: 0;
    width: 50%;
	height: 100%;
	overflow: hidden;

    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.page.even {		
	-ms-transform: perspective(1800px) rotateX(0) rotateY(360deg) rotateZ(0deg) translateX(50%) translateZ(0px);
	-webkit-transform: perspective(1800px) rotateX(0) rotateY(360deg) rotateZ(0deg) translateX(50%) translateZ(0px);
	transform: perspective(1800px) rotateX(0) rotateY(360deg) rotateZ(0deg) translateX(50%) translateZ(0px);
}
.page.even.flipped {
	animation-delay: 1s;	
	-ms-transform: perspective(1800px) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(50%) translateZ(0px);
	-webkit-transform: perspective(1800px) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(50%) translateZ(0px);
	transform:  perspective(1800px) rotateX(0deg) rotateY(180deg) rotateZ(0deg) translateX(50%) translateZ(0px);
}

.page.odd {	
	-ms-transform: perspective(1800px) rotateX(0) rotateY(180deg) rotateZ(0deg) translateX(-50%) translateZ(0px);
    -webkit-transform: perspective(1800px) rotateX(0) rotateY(180deg) rotateZ(0deg) translateX(-50%) translateZ(0px);
	transform: perspective(1800px) rotateX(0) rotateY(180deg) rotateZ(0deg) translateX(-50%) translateZ(0px);
}
.page.odd.flipped {	
	-ms-transform: perspective(1800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-50%) translateZ(0px); 
    -webkit-transform: perspective(1800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-50%) translateZ(0px);
	transform: perspective(1800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(-50%) translateZ(0px);
}
#page_0 { background: #000000; color: #ffffff; z-index: 9; }
#page_1 { background: #0000ff; z-index: 0; }
#page_2 { background: #00ff00; z-index: 7; }
#page_3 { background: #00ffff; z-index: 2; }
#page_4 { background: #ff0000; z-index: 5; }
#page_5 { background: #ff00ff; z-index: 4; }
#page_6 { background: #ffff00; z-index: 3; }
#page_7 { background: #555555; z-index: 6; }
#page_8 { background: #aaaaaa; z-index: 1; }
#page_9 { background: #ffffff; z-index: 8; }
.bookBackControl { 
	position:absolute; 
	width:100%; 
	height: 80px; 
	bottom: 0;
	text-align:center; 
	background:rgba(120, 103, 103, 0.9);
	z-index: 20;
	display:inline-block; 
}
#prev, #next, #openBook { 
	width:40px; 
	height: 40px;
	margin: 15px 5px 0 5px; 
	cursor: pointer; 
	display: inline-block;
	text-align:center;
	color: #E2E8E9;
	border: 2px solid #E2E8E9;
	-webkit-border-radius: 50%;
     -khtml-border-radius: 50%;
	   -moz-border-radius: 50%;
            border-radius: 50%;
}


/*---------------------Popup WebBook---------------------*/
#webBookWrap { 
	position:absolute; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	display: none;
	/*border: 8px solid #534737;*/
	box-sizing: border-box;
	background:#E5DFD9;
}

/*--------------------------Body Content Wrap---------------------------------*/
.fullWrap { 
	position:absolute;
	top: 0px;
	left:0;
	bottom: 0;
	right:0;
	width: 100%;
	overflow-y:auto;
	z-index:20;
}
.conWrap { width: 100%; height: auto; padding-top: 70px; }
.topHeaderSpace { position:fixed; width: 100%; height: 140px; top:0; left: 0; background: rgba(36,83,113,0.8); }
.top { height: 250px; padding-top: 40px; }

/*--------------------------Section Menu---------------------------------*/
.menuWrap { 
	position: absolute; 
	top: 320px; 
	width: 100%;
	/*transition-property: width, left; 
	transition-duration: 1s, 1s ; */
}
.menuWrap.fix-secMenu{ position: fixed; top: 70px; z-index: 1;}
.menuWrap.eng.fix-secMenu{ position: fixed; top: 70px; z-index: 1;}
.secMenu { position:relative; max-width:1180px; margin: 0 auto 0 auto; height: 70px; background: rgba(34, 31, 31, 1);  }
.secMenu .secItem a { color:#ECE9E8;}
.menIcon { width: 22px; margin: 0 auto; display: none;}

/*--------------------------Section---------------------------------*/
.secWrap { max-width:1180px; margin: 100px auto 0 auto; }
.secItem {float: left; box-sizing:border-box; font-size:18px; letter-spacing: 5px;  text-align: center; color:#DDD9D5; width:16.6%; height: 40px; margin-top: 15px; padding-top: 14px; }
.secItem.eng { font-size:16px; }
.secItem.eng.cc { padding-top: 0px; line-height: 20px; }
.secItem.bleft { border-right: 1px solid #A89F94;}
.secBlock { position:relative; width: 100%; height:410px; margin: 0 auto 100px auto; }
.secBlockGrx { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:100%;}
.secIcon { position: absolute; top: 28%; left:50%; transform: translate(-50%, -50%); width: 40px; }
.secIcon.engPro { top:15%;}
.secIcon.idea { position: absolute;  top:15%; left:67%; transform: none; width:7%; }
.secBlockCon {  
	width:100%; 
	height: 100%; 
	margin: 0 auto; 
	-webkit-box-shadow: 3px 6px 16px 2px rgba(39,36,36,0.5);
	-moz-box-shadow: 3px 6px 16px 2px rgba(39,36,36,0.5);
	box-shadow: 3px 6px 16px 2px rgba(39,36,36,0.5); 
}
.titleBlock { font-family: 'ProximaNova_Thin';  position:relative; width: 50%; height: 100%; text-align:center; }
.titleBlock.fL { float: left; }
.titleBlock.fR { float: right; }
.titleBlock.idea { background: rgba(232,227,215,0.95); }
.titleBlock.culture {  background: rgba(232,215,215,0.95); }
.titleBlock.art { background: rgba(208,223,233,0.95); }
.titleBlock.screen { background: rgba(231,229,211,0.95); }
.titleBlock.elearn { background: rgba(224,231,221,0.95); }
.titleBlock.pod { background: rgba(216,215,231,1.00); }
.titleBlock.engPro { background: rgba(239,223,211,1.00);  }
.blockTitle { position:relative; top: 55%; transform: translateY(-50%); display:inline-block; color:#373030; }
.blockTitle.cc { top: 53%;}
.blockTitle.idea { width: 30%; top: 50%; }
.btTxt { font-size: 65px; text-align:center; letter-spacing:10px; }
.btTxt.genTit.cc { font-size: 52px; line-height: 60px;}
.btTxt.genTit.chi { display:inline-block; padding: 15px 25px; }
.btTxt.idea { float: left; width: 50%; letter-spacing:0;}
.btTxt.hWidth { width: 50%; }
.btTxt.chi { float: left; font-size: 35px; letter-spacing: 0;  padding-top: 15px;}
.btTitleC { position:relative; height:auto; font-size: 25px;  text-align:center; margin: 0 auto; display:inline-block; }
.btTitleC.idea { width: 100%; float: left; letter-spacing: 0;  }
.btTxtSha { position:absolute; width:100%; opacity: 0.5; }
.posAnchor{
	position:absolute;
	top: -200px;
	left: 0;
	width:0px;
	height: 0px;
	background:#FF0004;
}

/*--------------------------Section Slider---------------------------------*/
.slideBlock { width:50%; height:100%; background: #949494; /*border: 8px solid #5E567E; box-sizing:border-box;*/ }
.slideBlock.fL { float: left; }
.slideBlock.fR { float: right;}
.slideBlock.video { background:none; }
.sectionSlide { position:relative; /*width: 100%;*/  width:100%; height: 410px; overflow: hidden; }

.slideConWrap { position:absolute; top:0; right:0; left:0; height:410px; /*background: rgba(128,139,107,0.8);*/ }
.slideGisWrap { position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 45%; /*height: 65%;*/ height: auto; padding: 25px 25px 15px 25px; color:#FFFFFF; letter-spacing: 5px; background: rgba(76,61,62,0.9); border: 1px solid #CFCCCC; }
.slideGisWrap.botThird { top:auto; bottom: 15px; left:5%; transform: none; width:90%; padding: 10px 15px; }
.gisWrap { font-size: 14px; line-height: 22px;  height: auto; height: 80px; overflow:hidden; /*background: rgba(71,108,127,1.00);*/}
.gisWrap.botThird { height: 25px; }
.webGisTit { width:100%; max-height: 56px; min-height: 30px; }
.slideGisWrap h2 { font-size: 21px; line-height: 28px; margin-bottom: 9px; }
.slideGisWrap p { font-size: 14px; line-height: 22px; /*max-width:100%; min-width: 100px; */}
.webVideo { 
	position:absolute; 
	/*left: 10%; 
	top:17%;*/
	top: 50%; left: 50%; transform: translate(-50%, -50%);
	width:80%; 
	height:auto;
	-webkit-box-shadow: 3px 6px 16px 2px rgba(39,36,36,0.5);
	-moz-box-shadow: 3px 6px 16px 2px rgba(39,36,36,0.5);
	box-shadow: 3px 6px 16px 2px rgba(39,36,36,0.5); 
}
.vidGis { position:absolute; bottom: -25px; left: 0; font-size: 14px; letter-spacing: 5px; color:#FFFFFF; }
.slide { float: left;}
.mightyslider_modern_skin { background:none; }
.mightyslider_modern_skin.webBtn .mSButtons { 
	width: 40px;
	height: 40px;
	opacity: 0.9;
	border: 2px solid #CFCCCC;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
	 z-index: 1;
}
.mightyslider_modern_skin.horizontal .mSNext { 
	right: 10px; 
	top: 185px; 
	background: rgba(51,46,46,1.00) url(../img/ar_right_w.png) no-repeat;
	background-position: center;
	background-size:contain; 
}
.mightyslider_modern_skin.horizontal .mSPrev { 
	left: 10px; 
	top: 185px; 
	background: rgba(51,46,46,1.00) url(../img/ar_left_w.png) no-repeat;
	background-position: center;
	background-size:contain; 
}
.webControlWrap { position:absolute; top: 185px;}
.webCon { border: 1px solid #CFCCCC; cursor: pointer; height: 60px; width: 60px; background: rgba(73,67,67,1.00); }

@media screen and (max-width: 1280px) {
/*--------------------------Section Menu---------------------------------*/
.menuWrap { width: 92%; margin-left: 4%; }
/*-----------------------------Section-----------------------------------*/
.secWrap { width: 92%; }
.btTxt { font-size: 62px; }
.btTxt.chi { font-size: 30px; }
/*--------------------------Section Slider---------------------------------*/
.mightyslider_modern_skin.webBtn .mSButtons { width: 35px; height: 35px; }
}

@media screen and (max-width: 1000px) {
/*---------------------------------Book Background-----------------------------------------------------*/
.bookWrap { top: 50px; left:0; bottom:0; right:0; }
/*--------------------------Body Content Wrap---------------------------------*/
.top { height: 160px; padding-top: 0; }
/*--------------------------Section Menu---------------------------------*/
.menuWrap { width: 90%; top: 220px; margin:0 5%; background: rgba(34, 31, 31, 1);}
.menuWrap.fix-secMenu{ position: fixed; top: 50px; width: 100%; left:-5%;  }
.menuWrap.eng.fix-secMenu{ position: fixed; top: 50px; width: 100%; left:-5%;  }
.secMenu {  height: 60px; }
.secMenu.eng { max-width: auto; width: 95%;}
.secMenu.fix { width:90%;}
.secMenu.eng.fix { width:90%;}
/*--------------------------Section---------------------------------*/
.secWrap { width: 100%; margin: 100px 0 0 0; }
.secItem { height: 25px; margin-top: 16px; padding-top: 7px;  }
.secItem.eng { font-size:14px; letter-spacing:3px; }
.secItem.eng.cc { padding-top: 0px; line-height: 16px; margin-top: 12px; }
.secBlock { width: 100%; height: 320px; margin: 0 auto 60px auto; }
.secBlockCon { width:90%; height: 100%; margin: 0 auto; background:#E699DC;}
.secIcon { width: 35px; top:25%;}
.btTxt { font-size: 42px;  letter-spacing: 5px;  }
.btTxt.genTit.cc { font-size: 42px; line-height: 52px;}
.btTxt.chi { font-size: 25px; }
.posAnchor{ top: -150px;}
/*--------------------------Section Slider---------------------------------*/
.sectionSlide { height: 320px; }
.slideConWrap { height:320px; }
.slideGisWrap { position:absolute; bottom: 0; top: auto; left:auto;  transform: none; width: 100%; height: auto; margin-left: 0; padding: 8px 25px 8px 25px; background: rgba(76,61,62,0.9); border:None; }
.slideGisWrap.botThird { left: 0; bottom: 0; width: 100%; height: auto; padding: 8px 25px 8px 25px;  }
.slideGisWrap h2 { font-size: 18px; line-height: 32px; margin-bottom: 0; }
.slideGisWrap p { font-size: 12px; line-height: 20px; }
.webGisTit { height: 32px; }
.gisWrap { height: 20px; }
.webVideo { height:185px; height:auto; }
.mightyslider_modern_skin.webBtn .mSButtons { width: 30px; height: 30px; }
.mightyslider_modern_skin.horizontal .mSNext { right: 10px; top: 140px; }
.mightyslider_modern_skin.horizontal .mSPrev { left: 10px;  top: 140px; }
}
@media screen and (max-width: 825px) {
.bookBackControl { 
	width: 96%; 
	height: 90px; 
	bottom:0px; 
	margin: 0 2%;
	-webkit-border-radius: 50%;
		 -khtml-border-radius: 50%;
		   -moz-border-radius: 50%;
				border-radius: 6px 6px 0 0;  
}
#prev, #next, #openBook { width:28px; height: 28px; margin: 8px 5px 0 5px; }	
.bookWrap { top: 0px; left:0; bottom:0; right:0; height: 100%; }
.conWrap { top: 44px; }
/*--------------------------Section Menu---------------------------------*/
.secMenu.eng {  height: 60px; max-width: auto; width: 95%; }
.secItem { font-size:15px; margin-top: 10px; padding-top: 12px; }
.menuWrap.fix-secMenu{ position: fixed; top: 44px; }
.menuWrap.eng.fix-secMenu{ position: fixed; top: 44px; left:-7%; }
.secItem.bleft { border-right: 1px solid #483B37; }
/*--------------------------Section---------------------------------*/
.secWrap { width: 92%; margin: 100px auto 0 auto; }
.secItem.eng { font-size:12px; margin-top: 16px; letter-spacing: 3px; padding-top: 7px; }
.secItem.eng.cc { padding-top: 0px; line-height: 16px; margin-top: 12px; }
.secBlock { height: 240px; }
.titleBlock { font-size: 24px; }
.secIcon { width: 27px; top:25%;}
.secIcon.engPro { top:15%;}
.btTxt { font-size: 35px; }
.btTxt.genTit.cc { font-size: 28px; line-height: 32px; }
.btTxt.chi { font-size: 20px; }
/*--------------------------Section Slider---------------------------------*/
.sectionSlide { height: 240px; }
.slideConWrap { height: 240px; }
.webVideo { width:75% }
.mightyslider_modern_skin.webBtn .mSButtons { width: 25px; height: 25px; }
.mightyslider_modern_skin.horizontal .mSNext { right: 5px; top: 100px; }
.mightyslider_modern_skin.horizontal .mSPrev { left: 5px;  top: 100px; }
}
@media screen and (max-width: 760px) {
/*--------------------------Section Menu---------------------------------*/
.menuWrap.eng {  width: 86%; margin: 0 7%;}
.secMenu.eng {  height: 55px; max-width: auto; width: 98%; }
.secItem.eng { letter-spacing: 2px; }
/*--------------------------Section---------------------------------*/
.btTxt { font-size: 35px; letter-spacing: 5px; }
.btTxt.genTit.cc { font-size: 28px; line-height: 32px;}
.btTxt.chi { font-size: 18px; }
.blockTitle.cc { top: 57%;}
}
@media screen and (max-width: 625px) {
.bookBackControl { width: 95.8%; margin: 0 2.1%; }
/*--------------------------Body Content Wrap---------------------------------*/
.top { height: 160px; padding-top: 0; }
/*--------------------------Section Menu---------------------------------*/
.menuWrap { top: 150px; }
.secBlock { height: auto; margin: 0 auto 40px auto; }
.secItem { font-size:14px; margin-top: 12px; padding-top: 2px; height: 25px; }
.secMenu { height: 50px; }
.secMenu.eng {  height: 50px; }

.secMenu .secItem a.anchorLink{ display: none; }
.secItem.eng { padding-top: 2px; margin-top: 12px;}
.menIcon { display: block;}
/*-----------------------------Section-----------------------------------*/
.secWrap { margin: 10px auto 0 auto; }
.titleBlock { width:100%; height: 45px; text-align: left; }
.titleBlock.idea { background: rgba(34, 31, 31, 1); }
.titleBlock.culture { background: rgba(34, 31, 31, 1); }
.titleBlock.art { background: rgba(34, 31, 31, 1); }
.titleBlock.screen { background: rgba(34, 31, 31, 1); }
.titleBlock.elearn { background: rgba(34, 31, 31, 1); }
.titleBlock.pod { background: rgba(34, 31, 31, 1); }
.titleBlock.engPro { background: rgba(34, 31, 31, 1); }
.blockTitle { margin-left: 70px; padding-top: 0;  }
.blockTitle.idea { width: auto; margin-left: 70px;  padding-top: 3px; }
.secBack { display: none; }
.secBlockGrx { top:0; left:0; transform:none; background:#5B8698; }
.secIcon { 
	width: 30px;
	top: -15px; 
	left: 20px;
	transform:none;
	background: rgba(34, 31, 31, 1);
	border: 7px solid rgba(34, 31, 31, 1); 
	-webkit-border-radius: 50%;
		 -khtml-border-radius: 50%;
		   -moz-border-radius: 50%;
				border-radius: 50%;
}
.secIcon.engPro { top: -15px; }
.secIcon.idea { width: 40px; top: -15px; left: 20px; border: 3px solid rgba(34, 31, 31, 1); }
.btTxt { display: inline-block; width: auto; padding: 0 5px; font-size: 25px; color:#F4F1ED; }
.btTxt.idea { display: inline-block; width: auto; }
.btTxt.chi { width: auto; font-size:18px; padding-top: 5px;}
.btTxt.genTit.chi { padding: 3px 5px; }
.btTxt.genTit.cc { font-size: 21px; line-height: 22px; text-align:left; }
.btTxt.genTit.cc p { display:inline-block;}
.btTxtSha { display: none; }
.btTitleC { position:absolute; top: 0; left: 0; float:none; }
.btTitleC.idea { top: 0; padding-top: 2px; }
.btTitleE { margin-left: 60px;}
.btTitleE.cc { margin-left: 60px;}
/*--------------------------Section Slider---------------------------------*/
.slideBlock { width:100%; height: 320px; }
.sectionSlide { height: 320px; }
.slideConWrap { height: 320px; }
.webVideo { width:75% }
.mightyslider_modern_skin.webBtn .mSButtons { width: 35px; height: 35px; }
.mightyslider_modern_skin.horizontal .mSNext { right: 10px; top: 130px; }
.mightyslider_modern_skin.horizontal .mSPrev { left: 10px;  top: 130px; }

}
@media screen and (max-width: 425px) {
.bookBackControl { width: 92%; margin: 0 4%; }
/*--------------------------Body Content Wrap---------------------------------*/
.top { height: 140px; padding-top: 0; }
/*--------------------------Section Menu---------------------------------*/
.menuWrap {top: 130px; background: rgba(34, 31, 31, 1); }
.menuWrap.fix-secMenu{ position: fixed; top: 44px; left:-5%; width: 100%; }
.menuWrap.eng.fix-secMenu{ position: fixed; top: 44px; left:-7%; width: 100%; }
.secMenu { width:100%; height: 45px; margin:0; background:none; }
.secMenu.eng {  height: 45px; }
.secMenu.fix { width:90%; left: 5%;}
.secMenu.eng.fix { width:90%; left: 5%;}
.secItem { font-size:14px; letter-spacing: 3px; margin-top: 10px;}
/*.secItem.bleft { border-right: none;}*/

/*-----------------------------Section-----------------------------------*/
.secWrap {  margin: 0 auto; }
.titleBlock { width:100%; height: 40px; }
.blockTitle {  top: 45%; margin-left: 60px; }
.btTxt {  font-size: 16px; letter-spacing: 5px; padding: 0; }
.btTxt.chi { font-size:16px; padding-top: 0; }
.btTxt.genTit.cc { font-size: 16px; line-height: 18px; text-align: left; padding:0px; margin-top: -3px; }
.btTxt.genTit.chi { padding: 8px 5px; }
.posAnchor{ top: -120px;}
/*--------------------------Section Slider---------------------------------*/
.slideBlock { width:100%; height: 210px; }
.sectionSlide { height: 220px; }
.slideConWrap { height: 220px; }
.slideGisWrap { bottom: 10px; width: auto; margin: 0 2% 0 2%; padding: 5px 10px 0px 10px; border: 1px solid #CFCCCC;}
.slideGisWrap.botThird { left: 0; bottom: 10px; width: auto; height: auto; padding: 5px 10px 0 10px; }
.webGisTit { height: 28px; min-height: auto; max-height: 28px;}
.slideGisWrap h2 { font-size: 16px; line-height: 24px;}
.slideGisWrap p { display: none; }
.gisWrap { height: 0; width:0; }
.gisWrap.botThird { height: 0; width:0; }

.vidGis { font-size: 12px; }
.mightyslider_modern_skin.webBtn .mSButtons { width: 25px; height: 25px; }
.mightyslider_modern_skin.horizontal .mSNext { right: 5px; top: 80px; }
.mightyslider_modern_skin.horizontal .mSPrev { left: 5px;  top: 80px; }

}