/*RESET*/
*, *::before, *::after {box-sizing: border-box; line-height: inherit;}
@media (min-width: 1230px) { 
	.container{ max-width: 1230px; width: 1230px;}
	.droopmenu-inner { max-width: 1230px; width: 1230px;}
}
a, a:visited {color: inherit; text-decoration: none; transition: .2s all;}
a:hover, a:focus {color: #9D1210; text-decoration: none;}
button, button:hover, button:focus {border: none; outline: none;}
ul, p {margin: 0; padding: 0;}
li{list-style:none;}
.frame-img { display: block; overflow: hidden; font-size: 0;}
.frame-img--ratio{display: block; position: relative; padding-top: var(--ratio); width: 100%; overflow: hidden;font-size: 0;}
.frame-item--ratio {display: block; position: relative; padding-top: var(--ratio); overflow: hidden;}
.frame-img--ratio img {position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100% ; height: 100%; object-fit: cover;}
.hover-zoom:hover { -webkit-transform: scale(1.2); transform: scale(1.2);}
.hover-zoom { -webkit-transform: scale(1); transform: scale(1); transition: .2s all ease-in;}
.hover-box{transition: .3s ease-out;box-shadow:0 10px 31px 0 rgba(7,152,255,0.09);}
.hover-box:hover{box-shadow:0 3px 23px 9px rgba(7,152,255,0.15);}
.hover-box:hover .hover-zoom{-webkit-transform: scale(1.2); transform: scale(1.2);}
img {max-width: 100%;}
iframe {max-width: 100% !important;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: normal;}
figure {margin: 0;}
button {cursor: pointer;}
.form-group {margin-bottom: 0;}
*:focus {outline: none;}
.fancybox-container {font-family: inherit;}
.new-content__summary{font-weight:700;line-height:1.72;color:#696969;text-align:left;font-size:18px;margin:1em 0;}
.html-content {text-align: left; font-size: 16px;}
/*.html-content *{font-family:Roboto !important;}*/
.html-content h1,.html-content h2,.html-content h3,.html-content h4,.html-content h5,.html-content h6,.html-content table{margin: 16px 0 ; font-size: 16px;}
.html-content p,.html-content ul {margin: 1em 0 ; }
/*.html-content ul {padding-left: 25px;}*/
.html-content img {max-width: 100%; height: auto !important;}
.html-content ul {padding-left: 15px;}
.html-content li{list-style:inherit;}
.html-content a {color: #9D1210 !important;}
.html-content a:hover{text-decoration: underline;}
.aligncenter{display:block;margin:0 auto;}
b, strong {font-weight: bold!important;}
.mb-40{margin-bottom:40px;}
.bg-white{background:#fff!important;}
.video-thumb {position: relative;display: block;}
.video-thumb:before {content: "";display: block;width: 61px;height: 70px;z-index: 1;position: absolute;top: calc(50% - 35px);left: calc(50% - 30.5px);background: url(/images/icons/play.png) no-repeat center center;background-size: contain;opacity:.8;transition:.3s;}
.video-thumb:hover:before{opacity:1;}
.hover-effect1{overflow: hidden;position: relative;}
.hover-effect1:after {content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: rgba(255,255,255,0.4);-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
.hover-effect1:hover:after {width: 120%;background-color: rgba(255,255,255,0);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.ctn-w-bg {position: relative; overflow: visible; }
.ctn-w-bg::before {content: ""; position: absolute; top: 0; bottom: 0;left: calc(50% - 50vw); right: calc(50% - 50vw); z-index: -2;background-size: cover;}
.img-bckgr {display:block; height: 100%; width: 100vw; max-width: 100vw; object-fit: cover;position: absolute; left: calc(50% - 50vw); right: calc(50% - 50vw);top: 0; z-index: -2;}
::-webkit-scrollbar {width: 8px;height:8px;;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #de981e;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
body {font-family: 'Roboto', Arial, Tahoma, sans-serif; font-size: 14px; line-height: 1.3;color: #222; padding: 0; margin: 0; overflow-x: hidden;font-weight:300;}

.form-group { margin-bottom: 25px; }
.form-group label {font-size: 16px; margin-bottom: 8px; letter-spacing: 0.5px;font-weight: bold; display: block; text-align: left;}
.form-control {display: block; height: 34px; padding: 6px 12px; width: 100%;font-size: 14px; line-height: 1.42857143;color: #555; background-color: #fff;border: 1px solid #ccc; border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
input.form-control { border-radius: 0; height: 40px; }
textarea.form-control { height: auto; padding: 10px; }
.form-control::-webkit-input-placeholder { color: #999; font-family: 'Roboto';}
.form-control:focus {border-color: #167aef; box-shadow: none;}
#FormContact{padding:15px;}
.btn-contact{padding:13px 40px;text-transform:uppercase;color:#fff;background-color: #de981e;border:1px solid #de981e;box-shadow: 0px 2px 4.75px 0.25px rgba(0, 0, 0, 0.25);border-radius:3px;display: inline-block;transition: all 0.5s;}
.btn-contact:hover{color:#de981e !important; background-color:#fff;border:1px solid #de981e;transition: all 0.5s;}
header:before{background:#de981e;}
header{padding-top:10px;}
header .brand img{width:100%;}
.slide-top{--ratio:11.333%;margin-bottom:10px;}
.adv{display:block;margin-bottom:5px;}
.adv img{width:100%;height:auto;}
/*#MainPage{padding-bottom:53px;}*/
#MainPage:before{background:#FFF1C3;}
#MainPage{padding:10px 0;}
#main-wrap{display:grid;grid-template-columns:236px minmax(0,auto) 350px;grid-gap:5px;}

/*Navigation*/
.droopmenu-navbar:before {display: block;background: #de981e;}
.droopmenu-navbar{box-shadow:none;}
.droopmenu-header {height: 52px;}
/*.droopmenu li ul{}*/
.droopmenu li ul li a{padding:12px 5px 13px 15px;color:#333;font-weight:400;text-align:left;}
.droopmenu li > ul{width:230px;}
.droopmenu > li > a{color:#fff;}

.dm-nav-brand a, .droopmenu-brand, .droopmenu > li > a, .droopmenu > li > span {line-height: 52px;height: 52px;}
.droopmenu-brand{margin:0;}
/*.dm-nav-brand a img, .droopmenu-brand img {height:52px;display:block;top:calc(50% - 26px);}*/
.droopmenu-inner{padding:0 15px;}
.droopmenu > li{font-family:"Roboto", Arial, Tahoma, sans-serif;font-size:14px;font-weight:500;}
.droopmenu li:hover > a,.droopmenu>li.active>a {color: #9D1210;}
.droopmenu>li.active>a{font-weight:bold;}
.droopmenu li li:hover > a,.droopmenu li li.active>a{background-color:#de981e;color:#fff;}
.droopmenu li li a .droopmenu-indicator em:after{top:calc(50% - 9px);}

/*SideBar*/
.heading1{padding:11px;background:#de981e;color:#fff;font-weight: bold;font-size: 15px;line-height: 17px;text-transform:uppercase;}
.heading1 a:hover{color:#9D1210;}
ul.heading1 li{display:inline-block;}
ul.heading1 li:not(:last-child){margin-right:10px;}
ul.heading1 .heading-parent a{position:relative;color:#9D1210;padding-right:20px;}
ul.heading1 .heading-parent a:after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:14px;height:14px;background:url(/images/icons/arrow-right.png) no-repeat center; background-size: contain;}
ul.heading1 .heading-sub a{text-transform:lowercase;display:inline-block;padding:5px;}
ul.heading1 .heading-sub a:first-letter{text-transform:uppercase;}
.box{border:1px solid #F5B253;background:#fff;margin-bottom:5px;}
.side-nav ul{padding:0 10px;}
.side-nav li a{display:block;padding:11px 2px 13px 2px;font-weight: bold;font-size: 15px;line-height: 17px;color: #9D1210;}
.side-nav li:not(:last-child) a{border-bottom:1px dashed #de981e;}
.gallerySide{--ratio:54.2%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;padding:5px;}
.video-item1{--ratio:54.3%;}
.video-item2{display:grid;grid-template-columns:1fr 2fr;grid-gap:9px;--ratio:54%;margin:5px 0;}
.video-item2 h3{font-weight: bold;font-size: 15px;line-height: 17px;align-self: center;height: 33px;overflow: hidden;}
#NewSideRight ul{padding:0 13px;}
#NewSideRight ul li{padding:10px 0 10px 35px;position:relative;}
#NewSideRight ul li:before{content:'';position:absolute;left:0;top:calc(50% - 3px);transform: matrix(0.71, 0.59, -0.84, 0.71, 0, 0);width:6px;height:6px; background:#9D1210;}
#NewSideRight ul li:not(:last-child){border-bottom:1px dashed #9D1210;}
#NewSideRight ul li a{font-weight: normal;font-size: 15px;line-height: 17px;display:block;max-height:34px;overflow:hidden;}

#NewsFeature{--ratio:54.6%;background:#fff;margin-bottom:5px;}
#NewsFeature .new-wrap{padding:14px;}
#NewsFeature .new-wrap .title{font-weight: bold;font-size: 24px;line-height: 28px;height:29px;overflow:hidden;margin-bottom:5px;}
#NewsFeature .new-wrap .desc{font-weight: normal;font-size: 14px;line-height: 18px;color: #5C5C5C;height:35px;overflow: hidden;}
.grid_news--home{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;padding:6px 11px 20px;}
.grid_news--home .new-home:first-child{--ratio:63.16%;grid-column: 1/2;grid-row: 1/4;}
.grid_news--home .new-home:not(:first-child){grid-column: 2/3;--ratio: 65.3%;display: grid;grid-template-columns: 95px minmax(0,auto);grid-column-gap: 5px;}
.grid_news--home .new-home .title{font-weight: bold;font-size: 15px;line-height: 18px;height:35px;overflow:hidden;}
.grid_news--home .new-home:first-child .title{margin-top:15px;}
.grid_news--home .new-home:not(:first-child) .title{align-self:center;}
.ListNewsHome .heading1, .ListNewsHome.box{border-radius:5px 5px 0px 0px;}

/*PageContent*/
#PageContent{background:#fff;padding:10px;}
.breadCrumb{font-size: 14px;font-weight: normal;padding:3px 0;line-height:20px;border-bottom:1px solid #9D1210;margin-bottom: 16px; font-weight:500;}
.breadCrumb li{display: inline-block;}
.breadCrumb li:not(:first-child)::before{content: "/";margin: 0.25rem;}
.breadCrumb li a{transition: all .3s;}
.breadCrumb li a:hover,.breadCrumb li.active a{color: #9D1210;}
.list-card{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px 10px;--ratio:55%;}
.list-card .card-item .title{font-weight: bold;font-size: 15px;line-height: 17px; color:#9D1210;margin:5px 0;height: 35px;overflow: hidden;}
.list-card .card-item .video-thumb:before{width:30px;height:30px;top: calc(50% - 15px);left: calc(50% - 15px);}
.List-News .new-item{display:grid;grid-template-columns:1fr 2fr;--ratio:54%;margin-bottom:16px;grid-gap:10px;}
.List-News .new-item .title{font-weight: 600;font-size: 15px;line-height: 18px;margin: 5px 0;max-height: 35px;overflow: hidden;}
.List-News .new-item .desc{font-weight: normal;font-size: 14px;line-height: 18px;color: #5C5C5C;max-height: 70px;overflow: hidden;}
.detailTitle{font-weight: 600;font-size: 24px;line-height: 28px;margin: 25px 0 16px; color:#9D1210;}
#SimilarNews h2{border-top: 1px solid #ccc;font-size: 18px;color: #9D1210;padding: 10px 0;font-weight: 500;text-transform: uppercase;}
#SimilarNews ul li{padding:5px 0 5px 20px;position:relative;}
#SimilarNews ul li:before{content:'';left:8px;top:50%;width:5px; height:5px; background:#9D1210;transform: translateY(-50%);position:absolute;}
#SimilarNews ul li a{font-size:14px;font-weight:normal;line-height:18px;color:#FF0000;}

footer{padding:17px 15px 19px;}
footer:before{background:url(/images/icons/bg-footer.png) repeat-x top;background-size:auto !important;}
#copyright{font-weight: normal;font-size: 14px;line-height: 20px;text-align: center;color: #FFFFFF;padding:8px 15px;}
#copyright:before{background-color:#de981e;}
#lbl_Pagination {font-size: 0;display:block;text-align:center;margin:40px 0 20px;}
#lbl_Pagination a {
  display:inline-block; padding: 9px 11px; border: 1px solid hsl(0, 0%, 92%);
  font-size: 12.267px;  line-height: 1; transition: all .2s;border-radius:4px;
}
#lbl_Pagination a:not(:last-child) {margin-right: 10px;}
#lbl_Pagination .cpage, #lbl_Pagination a:hover, #lbl_Pagination a:focus { border: 1px solid #de981e; background: #de981e; color: white; }
.scrollTop {position: fixed;right: 25px;bottom: 50px;-webkit-transition: background .25s ease-in-out,opacity .25s ease-in-out,bottom .25s;-moz-transition: background .25s ease-in-out,opacity .25s ease-in-out,bottom .25s;transition: background .25s ease-in-out,opacity .25s ease-in-out,bottom .25s;opacity: 0;width: 44px;height: 44px;margin: 0;padding: 0;border: none;border-radius: 50%;background: #4c5b5c;z-index:99999;display:inline-block;}
.scrollTop:before {-webkit-transform: rotate(-45deg) translateY(-50%);-moz-transform: rotate(-45deg) translateY(-50%);-ms-transform: rotate(-45deg) translateY(-50%);-o-transform: rotate(-45deg) translateY(-50%);transform: rotate(-45deg) translateY(-50%);left: 10px;}
.scrollTop:after {-webkit-transform: rotate(45deg) translateY(-50%);-moz-transform: rotate(45deg) translateY(-50%);-ms-transform: rotate(45deg) translateY(-50%);-o-transform: rotate(45deg) translateY(-50%);transform: rotate(45deg) translateY(-50%);right: 10px;}
.scrollTop:after, .scrollTop:before {position: absolute;top: 50%;-webkit-transition: background .25s ease-in-out;-moz-transition: background .25s ease-in-out;transition: background .25s ease-in-out;width: 16px;height: 3px;border-radius: 3px;background: #fff;content: "";}
.scrollTop:hover{background-color:#de981e;}
@media(max-width: 992px){
.droopmenu-header{height:40px;}
.droopmenu>li>a{height:50px;line-height:50px;color:#fff;}
.droopmenu>li>a .droopmenu-indicator{line-height:50px;}
.droopmenu li li a .droopmenu-indicator{line-height:50px;}
.droopmenu-offcanvas .droopmenu-nav{width:80%;background: linear-gradient(to right, #de981e, #f6cf8c);}
.droopmenu-offcanvas.dmoffright .droopmenu-nav{right:-80%;}
.droopmenu li ul{width:auto;}
.droopmenu li ul li a{padding-left:45px;color:#fff;background:#9D1210;}
.droopmenu li ul li ul li a{padding-left:75px;}
.droopmenu li li a .droopmenu-indicator em:after{top:0;}
.droopmenu>li.active>a{background:#fff;}
.droopmenu-toggle{top:calc(50% - 20px) !important;}
.droopmenu-extra .droopmenu > li > a{color:#000;height:30px;line-height:30px;}
.droopmenu-toggle i:after, .droopmenu-toggle i:before {background:#fff;}
}
@media(max-width: 769px) {
	#main-wrap{display:flex;flex-direction:column;}
	#HomeContent,#PageContent{order:1;margin-bottom:10px;}
	#SideLeft{order:3;}
	#SideRight{order:2;}
	
}
@media(max-width: 575px){
	.list-card{grid-template-columns: repeat(2,1fr);}
	.grid_news--home{grid-template-columns:1fr;}
	.grid_news--home .new-home:not(:first-child){grid-column:1/2;}
	.side-nav{display:none;}
	/*#MainPage{padding-bottom:0;}*/
}