/*Mobile*/
@media(max-width:768px){

	.formCenter{
		display:inline-block;
		width:100%;
		padding:0;
		background:#fff;
	}

	.formLogin{
		float:left;
		clear:both;
		width:100%;
		background:#fff;
	}

	.formLogo{
		display:none;
	}

	.sectionForm{
		float:left;
		clear:both;
		width:100%;
		position:relative;
	}
	.sectionForm section{
		position:relative;
		margin:5px 0;
	}
	.sectionForm section .sectionLabel{
		float:left;
		clear:both;
		width:100%;
		padding:8px 0;
		position:relative;
	}
	.sectionForm input:not([type=radio]):not([type=checkbox]):not([type=tel]):not([type=number]):not([type=submit]), 
	.sectionForm select{
		width:100%;
		padding:10px;
	}
	.sectionForm section input[type=submit]{
		width:100%;
		padding:16px;
	}
	.sectionForm .sectionLabelCell{
		display:inline-block;
		width:100%;
		padding:8px 0;
		position:relative;
	}
	.sectionForm .sectionCell{
		display:inline-block;
		width:100%;
		padding:8px 0;
		position:relative;
	}

	.sectionFilesList{
		float:left;
		clear:both;
		width:100%;
		position: relative;
		padding:5px 0 0;
	}
	.sectionFilesList .fileItem{
		float:left;
		width:100px;
		height:66px;
		position: relative;
		background:#ccc;
		margin:2px;
	}
	.sectionFilesList .fileItem img{
		display:block;
		max-width:100%;
	}

	.btnMenuDrop{
		position:absolute;
		right:5px;
		top:5px;
		font-size:14px;
		z-index:20;
		display:block;
		cursor:pointer;
		padding:10px 15px;
    }
    
    .btnMenuNext{
		display:none;
	}

	#mainPanel{
		float:left;
		clear:both;
		width:100%;
		min-height:100%;
	}

	/*MneuHeadTop*/
	#menu-head{
		float:left;
		clear:both;
        width:100%;
        background:#e5e5e5;
        display:none;
	}
	#menu-head ul,#menu-head li{
		list-style-type:none;
		margin:0;
		padding:0;
		float:left;
		clear:both;
		width:100%;
	}

	#menu-head ul{
		float:left;
		position:relative;
	}
	#menu-head ul li > ul{
		display: none;
		position:relative;
		float:left;
		clear:both;
		width:100%;
	}
	#menu-head ul li{
		position:relative;
		float:left;
		clear:both;
		width:100%;
		border-bottom:1px solid #d5d5d5;
    }
	#menu-head ul li a{
		padding:16px;
		display:block;
		color:#222;
		font-size:18px;
		text-decoration:none;
		text-align:left;
	}
	#menu-head ul li a:active{
		background:#ccc;
	}
	#menu-head ul li .btnMenuDrop a{
		padding:0px;
		text-decoration:none;
	}
	#menu-head ul li{
		position:relative;
	}
	#menu-head ul li ul li{
		float:left;
		width:100%;
		border:0;
    }
	#menu-head ul li ul li a{
		display:block;
		text-align:left;
		padding:14px 15px 16px;
		font-size:16px;
		text-decoration: none;
	}
    #menu-head ul li ul li a{
		padding-left:30px;
	}
    #menu-head ul li ul li ul li a{
		padding-left:60px;
	}
	#menu-head ul li ul li a:active{
		background:#ccc;
		color:#222;
	}
	#menu-head ul li > ul{
		padding:0 0 0 15px;
	}
	#menu-head ul li:hover > ul{
		display:none;
		padding:5px 0;
	}
	#menu-head ul li ul li > ul{
		position:relative;
		margin:0;
	}
	#menu-head ul li ul li:hover > ul{
		display:none;
	}
	/****/

	.toLeft{
		float:none;
	}
	.toRight{
		float:none;
	}
	.blockSiteCenter{
		float:left;
		clear:both;
		width:100%;
	}

	#mainHeader{
		float:left;
		clear:both;
		width:100%;
	}
	#mainHeaderPage{
		float:left;
		clear:both;
		width:100%;
	}
	#mainHeaderLogo{
		float:left;
		clear:both;
		width:100%;
		text-align:center;
		padding:15px 0 10px;
	}
	#mainHeaderLogo img{
		display:inline-block;
		height:40px;
	}

	#mainHeaderSession{
		float:left;
		clear:both;
		width:100%;
		line-height:50px;
		text-align:center;
	}
	#mainNav{
		float:left;
		clear:both;
		width:100%;
		background:#d2d2d2;
	}

	#menuRightHeader{
		float:left;
		clear:both;
		width:100%;
		text-align:center;
		border-bottom:1px solid #e5e5e5;
	}
	#menuRightHeader a{
		color:#222;
		padding:0 14px;
		display:inline-block;
		text-decoration:none;
	}
	#menuRightHeader a:hover{
		background:#f0f0f0;
	}
	#menuRightHeader a:active{
		background:#e5e5e5;
	}

	#session_cnx,#session_pan{
		display:none;
	}

	.panel{
		float:left;
		clear:both;
		width:100%;
		border-bottom:1px solid #ddd;
		margin-bottom:15px;
	}
	.panel div{
		float:left;
		clear:both;
		width:100%;
	}
	.panel div a{
		display:block;
		text-align:center;
		padding:10px 15px;
		color:#333;
		font-size:16px;
        text-decoration:none;
        border-radius:4px;
	}
	.panel div a:active{
        background:#F07F22;
        color:#fff;
	}
	.panel div a.panel_on{
		display:block;
		background:#0c518a;
        color:#fff;
        border-radius:4px;
	}
	.panelData{
		float:left;
		clear:both;
        width:100%;
        padding:10px 0 0;
	}

	.catTitle{
		float:left;
		clear:both;
		width:100%;
		font-size:28px;
		color:#0072C6;
		font-family:'Bitter';
		text-align:center;
		padding:20px 0;
	}
	.catTitle span{
		padding:0 0;
	}

	.blockArticle{
		float:left;
		clear:both;
		width:100%;
	}
	.blockSite{
		float:left;
		clear:both;
        width:100%;
        padding:20px;
	}

	.blockSiteSim{
		float:left;
		clear:both;
		width:100%;
	}

	.blockSiteTop{
		margin:0;
		float:left;
		clear:both;
		width:100%;
    }
    
	.blockSite800{
		float:left;
		clear:both;
		width:100%;
		padding:0 20px;
	}
	.textAc{
		font-family:'Open Sans Light';
		font-size:24px;
		line-height: 34px;
		text-align:center;
	}

	.blockSiteCmt{
		margin:20px auto;
        float:left;
		clear:both;
		width:100%;
        text-align: center;
	}
	.blockSiteVideo{
		margin:30px auto;
        float:left;
		clear:both;
		width:100%;
        text-align: center;
	}
	
	.blockSiteTextFull{
		float:left;
		clear:both;
		width:100%;
		line-height:26px;
		font-size:16px;
		text-align:center;
	}
	
	.blockSite100{
		float:left;
		clear:both;
		width:100%;
	}

	#flexTop{
		float:left;
		clear:both;
		width:100%;
	}
	#flexTop div#flexTopLeft{
		float:left;
		clear:both;
		width:100%;
	}
	#flexTop div#flexTopRight{
		display:none;
	}
	#flexTop div#flexTopSep{
		display:none;
	}

	#flexHalf{
		float:left;
		clear:both;
		width:100%;
		padding:0 20px;
	}
	#flexHalfLeft{
		float:left;
		clear:both;
		width:100%;
	}
	#flexHalfRight{
		float:left;
		clear:both;
		width:100%;
	}

	#flex13{
		float:left;
		clear:both;
		width:100%;
		padding:0 20px;
	}
	#flex13Left{
		float:left;
		clear:both;
		width:100%;
	}
	#flex13Right{
		float:left;
		clear:both;
		width:100%;
	}

	#pageHalf{
		float:left;
		clear:both;
		width:100%;
		padding:0 20px;
	}
	#page100{
		float:left;
		clear:both;
		width:100%;
		padding:0 20px;
	}

	.pageCenter{
		float:left;
		clear:both;
		width:100%;
		padding:20px 20px;
	}

	/*Box Trans*/
	#boxTransFolder{
		position:fixed;
		display:none;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:#000;
		filter:opacity(60);
		-moz-opacity:0.6;
		opacity: 0.6;
		z-index:100;
	}
	.boxDiap{
		background:#000;
		border-radius:0px;
	}
	.boxDiapNo{
		border-radius:5px;
		background:#fff;
	}
	#boxTransChild{
		position:fixed;
		display:none;
		max-width:100%;
		z-index:110;
	}
	#boxTransChildIn{
		float:left;
		clear:both;
		width:100%;
	}
	#boxTransTitle{
		font-size:24px;
		padding:15px 20px 14px;
		color:#0072C6;
	}
	#boxTransData{
		padding:0 20px 20px;
		color:#333;
	}
	.boxButtons{
		float:left;
		clear:both;
		width:100%;
		margin-top:20px;
		text-align:right;
	}
	/****/

	.menuBar{
		float:left;
		clear:both;
		width:100%;
		background:#222;
		height:40px;
	}
	.menuBarIn{
		float:left;
		clear:both;
		width:100%;
		line-height:40px;
		font-size:14px;
		color:#fff;
		padding:0 20px;
	}
	.menuBarIn a{
		display:inline-block;
		padding:0 10px;
		color:#fff;
	}
	.menuBarInText{
		color:#f3d617;
		font-weight:bold;
	}

	#topMobile{
		float:left;
		clear:both;
		width:100%;
		height:80px;
		background:#fff;
		border-bottom:1px solid #e5e5e5;
		color:#444;
		height:auto;
		text-align: center;	
		z-index:10;
		position:relative;
	}

	.topMobileBtn{
		float:left;
	}
	.topMobileBtn span{
		display:block;
		width:56px;
		height:56px;
		background-size:60%;
	}
	.topMobileBtn span:active{
		background-color:#ddd;
	}

	/****/
	#menuMobile{
		display:flex;
		gap:10px;
		flex-direction: row;
		position:relative;
		align-items: center;
		height:100%;
	}
	#menuMobile > .item{
		text-align: center;
	}
	#menuMobile > .mobile-logo{
		flex:1;
		padding:12px 0 8px;
		text-align: center;
		height:80px;
	}
	#menuMobile > .mobile-logo img{
		display:inline-block;
		height:100%;
		width: auto;
	}
	#menuMobile > .mobile-btns{
		flex-basis: 60px;
	}
	/****/

	.blockFlex{
		float:left;
		clear:both;
		width:100%;
		padding:20px 0;
		border-bottom:1px solid #ddd;
	}
	.blockSite .blockFlex h2 {
		text-align:left;
		margin:0 0 10px;
		text-shadow: 0px 1px 0px #fff;
	}

	.flex100, .flexPageLeft, .flexPageRight{
		float:left;
        clear:both;
		width:100%;
	}
	.flexPageLeft, .flexPageRight{
		padding:0 0 20px;
	}

	.flexPageLeft img, .flexPageRight img{
		max-width:100%;
	}

	#diapGal .swiper-slide img{
		width:100%;
	}
}