/*
 * (c) 2018. YASI.system
 * umedsharipov@hotmail.com
 */
@import "../../fonts/PT_Sans/PT_Sans.css";
html{}
body{font:100%/normal "PT Sans", sans-serif;}
span.date{font-size: 12px; display: inline-block;  color: #999; position: relative;  }
.rtl span.date{text-align: right; display: block;}
span.date:before{content: '\f073'; font: normal normal normal 12px/1 'Font Awesome'; text-rendering: auto; padding-right: 5px; }

.ani{-webkit-transition: all 0.8s ease 0.1s; -moz-transition: all 0.8s ease 0.1s; -o-transition: all 0.8s ease 0.1s; transition: all 0.8s ease 0.1s;}
.list-none{margin: 0; padding: 0; list-style: none;}
.yBody{background: #e2e2e2;}
.yBody-rtl h1:not(.ltr),
.yBody-rtl h2:not(.ltr),
.yBody-rtl h3:not(.ltr),
.yBody-rtl h4:not(.ltr),
.yBody-rtl h5:not(.ltr),
.yBody-rtl dt:not(.ltr){text-align: right!important;}

.yHeader{}
.yHeader .headerLine{background-image:url(../images/baner.jpg); background-repeat:no-repeat; background-size: 100% 100%; padding: 6px 0; height: 160px; font-size: 14px;}
.yHeader .headerLine a{color: #fff;}
.yHeader .headerLine .headerLineRight{text-align: right;padding-top: 30px;}
.yBody-rtl .yHeader .headerLine .headerLineRight{text-align: left;padding-top: 30px;}
.yHeader .headerLine .headerLineRight>div{display:inline-block;}
.yHeader .headerLine .socialLinks{margin-right: 1rem;}
.yHeader .headerLine .socialLinks a{display:inline-block; width: 23px; line-height: 21px; text-align: center; margin: 0 4px; color: #fff;}
.yHeader .headerLine .socialLinks a.link_vk{background: #02a8f4;}
.yHeader .headerLine .socialLinks a.link_tl{background: #34afe3;}
.yHeader .headerLine .socialLinks a.link_fb{background: #1458ad;}
.yHeader .headerLine .socialLinks a.link_tw{background: #02a8f4;}

.yHeader .headerLine .headerLineRight>div.languageSwitch{ position: relative;}
.yHeader .headerLine .headerLineRight>div.languageSwitch a.langSwitch{display: none;}
.yHeader .headerLine .headerLineRight>div.languageSwitch .langItems{display: flex;}
.yHeader .headerLine .headerLineRight>div.languageSwitch a{display: inline-block; margin: 0 4px; padding: 0 4px 0 8px; border-left: 1px solid #545858;}
.yHeader .headerLine .headerLineRight>div.languageSwitch a:first-child{border-left: 0;}

.yHeader .logo{display: block; position: absolute; top:16px;}
.yBody-rtl .yHeader .logo{left: auto; right: 0;}
.yHeader .logo img{height: 8em; margin-right: 25px; float: left;}
.yBody-rtl .yHeader .logo img{height: 8em; margin-right: 0; margin-left: 25px; float: right;}
.yHeader .logo span{display: flex; height: 7em; align-items: center;  margin-left: 13px; text-transform: uppercase; font-size: 16px; font-weight: bold; color: #fff; text-shadow: 2px 1px 6px rgba(0,0,0,0.35); letter-spacing: 1px }
.yBody-rtl .yHeader .logo span{text-align: right;}

.yHeader .searchBlock{margin-top: 20px; text-align: right;}
.yBody-rtl .yHeader .searchBlock{margin-top: 20px; text-align: left;}
.yHeader .searchBlock .searchBox{border: 1px solid rgba(255,255,255,.6); background: rgba(0,0,0,.3);; color: rgba(255,255,255,.8); padding: 5px 10px; height: 30px; width: 290px;}
.yHeader .searchBlock .searchBox:focus{border: none;}
.yHeader .searchBlock .searchBtn{float: right;  background: transparent; color:rgba(255,255,255,.7); height: 30px; border: 0; margin-left: -34px;}

.yBody-rtl .yHeader .searchBlock .searchBtn{float: left; margin-left: auto; margin-right: -34px; text-align: left;}

.yTopNav{height: 48px; }
.yTopNav .buttonNav{display: none;}
.yTopNav .buttonNav button{ border:0; background: transparent; padding:3px 0 0 0;}
.yTopNav .topNav{background-image: url(../images/main_menu_bg.jpg); background-repeat: repeat-x; background-size: auto 50px;}
.yTopNav ul.nav{flex-direction:row;}
.yBody-rtl .yTopNav ul.nav{padding-right: 0;}
.yTopNav ul.nav > li{float: left; position: relative;}
.yTopNav ul.nav > li > a{display: block; line-height: 48px; padding: 0 6px; font-size: 13px; color: #ecedf1; text-transform: uppercase;}
.yTopNav ul.nav > li.parent > a:after{content:'\f107';display: inline-block; font:normal normal normal 14px/1 'Font Awesome'; text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;  vertical-align:middle; font-size: 1rem; margin-top: -.2rem; margin-left: .26875rem; }
.yBody-rtl .yTopNav ul.nav > li.parent > a:after{margin-left:0; margin-right:.26875rem;}
.yTopNav ul.nav > li.show > a,
.yTopNav ul.nav > li:hover > a{background: rgba(0,0,0,0.3);}

/*level 2*/
.yTopNav ul.nav > li ul{display: none; position: absolute;  left: 0; margin: 0; padding:6px 0; border-radius:0; min-width: 340px; background: #252e39; box-shadow: 0 3px 15px rgba(0,0,0,.5); list-style: none;z-index: 12;}
.yBody-rtl .yTopNav ul.nav > li ul{left: auto; right: 0; text-align: right;}
.yTopNav ul.nav > li:hover > ul{display:block; }
.yTopNav ul.nav > li ul li{ position: relative;}
.yTopNav ul.nav > li ul li:hover > ul{display: block; left:100%; top:-6px;}
.yBody-rtl .yTopNav ul.nav > li ul li:hover > ul{left:auto;right: 100%;}

.yTopNav ul.nav > li ul li a{display: block; line-height: normal; padding: 6px 14px; font-size: 14px; color: rgba(255,255,255,0.9); }
.yTopNav ul.nav > li ul li:hover a:hover{background: rgba(255,255,255,0.05);}
.yTopNav ul.nav > li ul li.parent > a{padding-right: 30px;}
.yBody-rtl .yTopNav ul.nav > li ul li.parent > a{padding-right: 14px; padding-left: 30px;}
.yTopNav ul.nav > li ul li.parent > a:after{content:'\f105'; position: absolute; right: 10px; top: calc(50% - .3437rem); font:normal normal normal 16px/1 'Font Awesome'; text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;  vertical-align:middle; font-size: 1rem;  margin-top: -.2rem; margin-left: .46875rem; }
.yBody-rtl .yTopNav ul.nav > li ul li.parent > a:after{content:'\f104';  right: auto; left: 10px;}

/*level 3*/
.yTopNav ul.nav > li > ul > li ul{background:#2f3843; }
.yTopNav .topNav.pinned{position: fixed; top: 0; left: 0; right: 0; z-index: 999; height: 43px; box-shadow: 0 3px 7px rgba(0,0,0,.3); opacity: 0.9;}
.yTopNav .topNav.pinned ul.nav > li > a{line-height: 43px;}
.yTopNav .topNav.pinned:hover{opacity: 1;}

/*yCalendar*/
.widgetCalendar{margin-bottom: 24px;}
.yCalendar .ui-datepicker{padding: 0;width: 100%;}
.yCalendar .ui-datepicker .ui-datepicker-calendar{border: 1px solid #ddd; background: #fff;}
.yCalendar .ui-datepicker .ui-datepicker-header{padding: 0;}
.yCalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title{line-height: 40px; margin: 0; background: #22588a; color: #fff; font-size: 16px;}
.yCalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev{top: 0; left: 0; bottom: 0;width: 40px; height: 40px; }
.yCalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before{content: '\f104'; display: block; font:normal normal normal 14px/1 'Font Awesome'; text-rendering: auto;-webkit-font-smoothing: antialiased;width: 40px; line-height: 40px; height: 40px; color: #fff; font-size: 20px; vertical-align:middle; text-align: center;}
.yBody-rtl .yCalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before{content: '\f105'; display: block; font:normal normal normal 14px/1 'Font Awesome'; text-rendering: auto;-webkit-font-smoothing: antialiased;width: 40px; line-height: 40px; height: 40px; color: #fff; font-size: 20px; vertical-align:middle; text-align: center;}
.yCalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next{top: 0; right: 0; bottom: 0;width: 40px; height: 40px;}
.yCalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before{content: '\f105'; display: block; font:normal normal normal 14px/1 'Font Awesome'; text-rendering: auto;-webkit-font-smoothing: antialiased;width: 40px; line-height: 40px; height: 40px; color: #fff; font-size: 20px; vertical-align:middle; text-align: center;}
.yBody-rtl .yCalendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before{content: '\f104'; display: block; font:normal normal normal 14px/1 'Font Awesome'; text-rendering: auto;-webkit-font-smoothing: antialiased;width: 40px; line-height: 40px; height: 40px; color: #fff; font-size: 20px; vertical-align:middle; text-align: center;}
.yCalendar .ui-datepicker .ui-datepicker-header .ui-state-hover{background: rgba(0,0,0,0.2);}
.yCalendar .ui-datepicker thead{background: #f2f2f2;}
.yCalendar .ui-datepicker th{font-weight: normal; color: #999; font-size: 14px; padding: .2rem .3rem;width: 14.28%;}
.yCalendar .ui-datepicker td{border-right: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;}
.yCalendar .ui-datepicker td:last-child{border-right: 0;}
.yCalendar .ui-datepicker td.ui-datepicker-today{ background: #c7d5e1;}
.yCalendar .ui-datepicker td a.ui-state-default{display: block; text-align: center; padding: .5rem 0; font-size: 14px; color: #555;}
.yCalendar .ui-datepicker td span.ui-state-default{display: block; text-align: center; padding: .5rem 0; font-size: 14px; color: #ccc;}
.yCalendar .ui-datepicker td .ui-state-default:hover{background: #f2f2f2;}
.yCalendar .ui-datepicker td a.ui-state-default.active{color: #0a6ebd; background: rgba(10,108,189,.44)}
.yCalendar .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width: auto; background: transparent; color: #ccc; border: 0;}

.yMainBlock{}
.widgetMainNews{border:0; margin-bottom: 24px;}
.widgetMainNews a.cat_link{ position: absolute; right: 0; top: 0; z-index: 1; display: block; padding: 5px 15px; background: rgba(0,0,0,.4); color: rgba(255,255,255,0.8)}
.widgetMainNews a.cat_link:hover{ background: rgba(255,0,0,1);}

.yBody-rtl .widgetMainNews{direction: ltr;}
.widgetMainNews ul.slides li{ position: relative;}
.widgetMainNews ul.slides li .newsPreviewImg{ display: block; height: 488px;background-size: 100% 100%; }
.widgetMainNews ul.slides li .newsTitle{position: absolute; bottom: 30px; left:0;  right: 270px;}
.widgetMainNews ul.slides li .newsTitle a{display: block; position: relative; padding: 10px 15px 10px 30px; height: 80px; background: rgba(0,0,0,0.7); color: #fff; font-size: 16px; line-height: normal; text-overflow: ellipsis;}
.widgetMainNews ul.slides li .newsTitle a:after{content: "\f105";  font: normal normal normal 14px/1 'Font Awesome'; font-size: 30px; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: -37px; width: 35px; height: 80px; color: #fff; background: #495A66;}

.widgetMainNews .flex-control-nav{ position: absolute; right: 20px; bottom: 20px; width: auto;}
.widgetMainNews .flex-control-nav li{margin: 0 4px;}
.widgetMainNews .flex-control-nav li a{background: #fff; }
.widgetMainNews .flex-control-paging li a.flex-active{background: #00bfec;}

.head{ border-bottom: 3px solid #4296CE; }
.head .widgetHead{}

.yMainBlock{}
.yMainBlock .lineNews{background: #fff; min-height: calc(100% - 10px);}
.yMainBlock .lineNews .head{ margin:0 10px; }
.yMainBlock .lineNews .head h5{padding: 5px 0; margin-bottom: 0;}
.yMainBlock .lineNews .widgetHead a{}
.yMainBlock .lineNews .widgetHead a.active{}
.yMainBlock .lineNews ul{list-style: none; padding: 7px 10px; margin: 0;}
.yMainBlock .lineNews ul li{padding: 8px 8px 10px 8px; position: relative;}
.yBody-rtl .yMainBlock .lineNews ul li:not(.ltr){text-align: right;}
.yMainBlock .lineNews ul li:hover{background: #f2f2f2;}
.yMainBlock .lineNews ul li a{display: block; margin-top: 3px; color: #424242;}
.yMainBlock .lineNews ul li a img{ position: absolute; left: 0; top: 15px; width: 80px; height: auto; }
.yMainBlock .lineNews ul li.more{text-align: right;}
.yBody-rtl .yMainBlock .lineNews ul li.more{text-align: left;}

.yMainBlock .col-fixed{ width:250px; flex: 0 0 250px;}
.yMainBlock .menuBlock .head{ border-color: #4296ce; color: #111; }
.yMainBlock .menuBlock ul li a{display: flex; margin: 10px 0;  font-size: 13px; font-weight: bold; align-items: center; text-align: left; padding: 7px 7px 7px 68px; border:1px solid #99cbe8; min-height: 78px; background-color: #fff; background-size: 45px 45px; background-repeat: no-repeat; background-position: 10px 50%; color: #323232; -webkit-transition: all 0.8s ease 0.1s; -moz-transition: all 0.8s ease 0.1s; -o-transition: all 0.8s ease 0.1s; transition: all 0.8s ease 0.1s;}
.yBody-rtl .yMainBlock .menuBlock ul li a{padding: 7px 68px 7px 7px; background-position: calc(100% - 10px) 50%; text-align:right; }
.yMainBlock .menuBlock ul li a:hover{background-color: #c9e2f1; border-color: #1f85cc; box-shadow: 0 5px 4px rgba(0,0,0,0.1)}
.yMainBlock .menuBlock ul li a.link_dipservice{background-image: url(../images/icon-dipservice.png); }
.yMainBlock .menuBlock ul li a.link_02{background-image: url(../images/icon-002.png); }
.yMainBlock .menuBlock ul li a.link_03{background-image: url(../images/icon-003.png); }
.yMainBlock .menuBlock ul li a.link_04{background-image: url(../images/icon-004.png); }

.widgetHtml{margin-bottom: 25px;}
.widgetHtml .head{margin-bottom: 10px;border-color: #4c9ad3;}
.widgetHtml .head h5{ color: #111; line-height: 1.1;}
.widgetHtml a.link{display: block; display: block; margin-top: 10px; color: #111; }

.widgetPresident .img{border: 1px solid #ccc; padding: 10px; border-bottom-color: #93d2ff; background: #fafafa;}
.widgetPresident .img img{width: 100%;}
.widgetPresident a.link{display: block; text-align: center; background: #a2d4f8; color: #111; padding: 10px 15px; margin-top: 0; }
.widgetPresident a.link:hover{background: #91cdf5;}
.widgetPresident .btn{background: #fff;}

.topArticle {margin-bottom: 0; background: #fff;}
.topArticle a{color: #111; display: block; text-align: center; border: 1px solid #ddd;}
.topArticle a span{display:block;padding: 10px 15px 15px 15px; margin-top: 0; border-top: 1px solid #ddd;}
.topArticle a img{height: 91px;max-width: 100%;}
.topArticle a:hover{box-shadow: 0 5px 4px rgba(0,0,0,0.1);}
.topArticle a:hover span{background: #fafafa;}

.widgetStateSymbols{ margin-bottom: 24px;}
.widgetStateSymbols .head{margin-bottom: 0;}
.widgetStateSymbols .body{background: #fff; padding: 10px 0;}
.widgetStateSymbols .anthemBlock{display: block; padding: 8px 10px; width: 100%; border: 0; text-align: center; background: #6f933b; color: #fff; font-size: 16px; font-weight: bold; margin-top: 10px; }
.widgetStateSymbols .anthemBlock i{float: left; margin-top: 1px; font-size: 18px; color: rgba(0,0,0,0.5); }
.widgetStateSymbols .anthemBlock:hover{background: #6a8c38;}
.widgetStateSymbols .anthemBlock:focus {outline:0;}
.widgetStateSymbols img{max-width: 100%; max-height: 100px;}

.widgetFooterLink{}
.widgetFooterLink li{margin-bottom: 5px;}
.widgetFooterLink li a{}

.yBanerSlide .container{ border-top: 1px solid #ddd; }
.yBanerSlide .widgetHtml{ margin-bottom: 0; }
.yBanerSlide a.slideItem{ height: 130px; background-size: 100% auto; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.yBanerSlide a.slideItem:after{content:' '; display: block; position: absolute; border:1px solid rgba(255,255,255,0.2); left:.5rem; right:.5rem; top:.5rem; bottom:.5rem; z-index: 2; }
.yBanerSlide a.slideItem:before{content:' '; display: block; position: absolute; background-color: rgba(42,51,60,0.8); left:0; right:0; top:0; bottom:0; z-index: 1;-webkit-transition: all 0.8s ease 0.1s; -moz-transition: all 0.8s ease 0.1s; -o-transition: all 0.8s ease 0.1s; transition: all 0.8s ease 0.1s; }
.yBanerSlide a.slideItem img.iconImg{width: 40px;}
.yBanerSlide a.slideItem img.bgImg{width: 100%;}
.yBanerSlide a.slideItem .title{ display: block; padding: 15px; padding-left: 70px; text-align: left; position: absolute; color: #fff; text-transform: uppercase; font-weight: 500; z-index: 2;}
.yBanerSlide a.slideItem .title img{position: absolute; left: 23px; width: 35px; top: 50%; margin-top: -18px;  }
.yBanerSlide a.slideItem:hover img.bgImg{transform: scale(1.2);}
.yBanerSlide a.slideItem:hover:before{background-color: rgba(42,51,60,0.5);}

.yMiddleBlock{}
.yMiddleBlock .col-fixed{ width:300px; flex: 0 0 300px;}
.yMiddleBlock .widgetMinister{border:1px solid #94c3e1; padding: 24px 25px; min-height: 460px;background: #fff; }
.yMiddleBlock .widgetMinister .img{margin-bottom: 24px;}
.yMiddleBlock .widgetMinister .img img{width: 100%;}
.yMiddleBlock .widgetMinister .textTitle{color: #5d5d5d;}
.yMiddleBlock .widgetMinister .textTitle a{color: #252525; text-transform: uppercase;}

.yMiddleBlock .widgetHtml{margin-bottom: 0;}
.yMiddleBlock .widgetActualNews{margin-bottom: 18px;}
.yMiddleBlock .widgetActualNews .newsItems{border: 1px solid #ddd; padding: 24px 25px;background: #fff;}
.yMiddleBlock .widgetActualNews .newsItems .newsItem{}
.yMiddleBlock .widgetActualNews .newsItems .newsItem a{display: block; position: relative; }
.yMiddleBlock .widgetActualNews .newsItems .newsItem a .img{display: block; height: 140px; overflow: hidden; background: #f2f2f2; text-align: center;}
.yMiddleBlock .widgetActualNews .newsItems .newsItem a .img img{object-fit: cover; max-width: 100%; max-height: 100%; width: auto; }
.yMiddleBlock .widgetActualNews .newsItems .newsItem a:hover .img img{transform: scale(1.1);}
.yMiddleBlock .widgetActualNews .newsItems .newsItem a .date{display: block; margin: 10px 0 5px;}
.yMiddleBlock .widgetActualNews .newsItems .newsItem a .title{display: block; height: 80px; overflow: hidden; text-overflow: ellipsis; color: #000; }

.widgetBaner .row > div > div,
.widgetBaner .item{display: flex;flex-direction: column;  align-items: center; justify-content: center;flex-wrap: wrap;  background-image:url(../images/bgBaner_default.jpg); background-size: 100% auto; background-position: center center; border:1px solid #353E5A; color: #ccc;  height: 100px; padding: 10px; color: #777; position: relative;}
.widgetBaner .item:before{display: block; position: absolute; content: ' '; left: 0; right: 0; top:0; bottom: 0; background: rgba(53,62,90,0.8);}
.widgetBaner .item a{display: block; text-align: center; color: #fff; z-index: 1;}

.yMediaBlock{}
.yMediaBlock .col-fixed{width:300px; flex: 0 0 300px;}
.yMediaBlock .widgetGallery .head{border-bottom: 0;}
.yBody-rtl .yMediaBlock .widgetGallery .gallery{direction: ltr}
.yMediaBlock .widgetGallery .gallery{padding: 40px 20px; background: #353f5a; position: relative; max-height: 500px; overflow: hidden;}
.yMediaBlock .widgetGallery .gallery .flex-viewport{min-height: 380px!important;}
.yMediaBlock .widgetGallery .gallery .flex-direction-nav a{margin: 0; left: 50%; opacity: 1; margin-left: -20px; top: auto; text-align: center; text-indent: -9999; height: 35px;  }
.yMediaBlock .widgetGallery .gallery .flex-direction-nav a.flex-prev{top:0px;  }
.yMediaBlock .widgetGallery .gallery .flex-direction-nav a.flex-next{bottom:3pxpx;  }
.yMediaBlock .widgetGallery .gallery .flex-direction-nav a:before{content: '\f106'; font: normal normal normal 12px/1 'Font Awesome'; font-size: 35px; color: #fff;}
.yMediaBlock .widgetGallery .gallery .flex-direction-nav a.flex-next:before{content: '\f107';}
.yMediaBlock .widgetGallery .gallery .slides > li{margin : 7.5px 0;}
.yMediaBlock .widgetGallery .gallery .galleryItem .img{display: block;   border: 7px solid #ebecef; overflow: hidden; max-height: 100%; text-align: center; background: #fff; }
.yMediaBlock .widgetGallery .gallery .galleryItem .img img{max-width: 100%; min-height: 100%; width: auto!important; height: auto!important; -webkit-transition: all 0.8s ease 0.1s; -moz-transition: all 0.8s ease 0.1s; -o-transition: all 0.8s ease 0.1s; transition: all 0.8s ease 0.1s; }
.yMediaBlock .widgetGallery .gallery .galleryItem a:hover .img img{transform: scale(1.15);}
.yMediaBlock .widgetGallery .gallery .galleryItem .title{display: block;display: block; margin-top: 8px; color: #fcfffb; height: 40px; overflow: hidden; font-size: 14px;}

.yMediaBlock .widgetVideo{}
.yMediaBlock .widgetVideo .head{border-color:#edbd37; }
.yMediaBlock .widgetVideo .videos {margin-top: 10px;}
.yMediaBlock .widgetVideo .videos a{display: block; position: relative;}
.yBody-rtl .yMediaBlock .widgetVideo .videos a:not(.ltr){text-align: right;}
.yMediaBlock .widgetVideo .videos a .videoItem{margin: 10px 0;}
.yMediaBlock .widgetVideo .videos a .img{display: block; height: 160px; overflow: hidden; position: relative; }
.yMediaBlock .widgetVideo .videos a .img img{ min-height: 100%; max-width: 100%;}
.yMediaBlock .widgetVideo .videos a .img:after{content: '\f04b'; display: block; position: absolute; font: normal normal normal 12px/1 'Font Awesome'; font-size: 35px; color: #fff; z-index: 2; top: 50%; opacity: .5; margin-top: -16px; left:50%; margin-left:-20px; transition: all 0.4s ease-in-out;}
.yMediaBlock .widgetVideo .videos a .title{padding: 8px 0;  margin-bottom: 12px;  display: block; text-overflow: ellipsis; overflow:hidden; -webkit-line-clamp: 2;-webkit-box-orient: vertical;  color: #030303; height: 60px; overflow: hidden; text-overflow: ellipsis; font-size: 14px; font-weight: 500;}
.yMediaBlock .widgetVideo .videos a .time{position: absolute; display: block; padding: 3px 7px; font-size: 12px; background: rgba(0,0,0,0.5); color: #fff; top:0; right: 0; }
.yMediaBlock .widgetVideo .videos a:hover .img:after{opacity: 1; transform: scale(1.2);  text-shadow: 0 0 5px rgba(0,0,0,0.7) }
.yMediaBlock .widgetVideo .videos a:hover .img img{transform: scale(1.15);}


.yMapBlock{}
.yMapBlock .widgetMap{ background: #fff;}
.yMapBlock .widgetMap .countryBlock{width:250px; flex: 0 0 250px; margin-left: .625rem;}
.yMapBlock .widgetMap .countryBlock .countryList{}
.yMapBlock .widgetMap #map_area{height: 400px;}
.yMapBlock .widgetMap .list{max-height:340px;overflow-y: scroll; margin-top: 10px; }
.yMapBlock .widgetMap .list li a{display: block; color: #444; padding: 3px 5px;}
.yMapBlock .widgetMap .list li a:hover{background: #efefef;}

.yBanerBlock{}
.yBanerBlock .widgetHtml{margin-bottom: 0;}
.yBanerBlock .banerItem{margin-bottom: 20px;}
.yBanerBlock .banerItem a{display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: wrap; position: relative; }
.yBanerBlock .banerItem a .img{ display: block; position: relative; height: 130px; overflow: hidden;}
.yBanerBlock .banerItem a .img:after{content:' '; display: block; position: absolute; border:1px solid rgba(255,255,255,0.2); left:.5rem; right:.5rem; top:.5rem; bottom:.5rem; z-index: 2; }
.yBanerBlock .banerItem a .img:before{content:' '; display: block; position: absolute; background-color: rgba(42,51,60,0.8); left:0; right:0; top:0; bottom:0; z-index: 1; -webkit-transition: all 0.8s ease 0.1s; -moz-transition: all 0.8s ease 0.1s; -o-transition: all 0.8s ease 0.1s; transition: all 0.8s ease 0.1s;}
.yBanerBlock .banerItem a .img img{ min-height: 100%;  max-width: 100%;}
.yBanerBlock .banerItem a .title{ display: block; text-align: center; padding: 15px; position: absolute;z-index: 2; font-size: 13px; font-weight: bold; color:#fff; text-transform: uppercase;letter-spacing: 1px; }
.yBanerBlock .banerItem a:hover .img img{transform: scale(1.2);}
.yBanerBlock .banerItem a:hover .img:before{background-color: rgba(42,51,60,0.6);}


.widgetLinkSlide{}
.widgetLinkSlide img{max-height: 60px;}
.widgetLinkSlide .widgetHtml{margin-bottom: 0;}

.yFooterBlock{ padding: 35px 0; background:#31444f; color: #cdcdcd; font-size: 14px; }
.yFooterBlock dt{color: #f2f2f2; }

/*Category*/
.yCategoryView{}
.yBody-rtl .yCategoryView{text-align: right;}
.yCategoryView .head{border-bottom: 5px solid #2A3849;}
.yCategoryView .head h1{font-size: 35px;color: #323A44;}
.yBody-rtl .yCategoryView .head h1{text-align: right;}
.yCategoryView .listItems{background: #fff; padding: 24px 25px 15px 25px;}
.yCategoryView .listItems ul.list li { margin-bottom: 30px; color: #777; }
.yCategoryView .listItems ul.list li a{display: block; margin-bottom: 10px; font-size: 18px; color: #22588a; }
.yCategoryView .listItems ul.list li .text{margin-bottom: 6px;}

.embassyInfo{}
.embassyInfo .listItems{background: none; padding: 10px 0 0 0;}
.tagInfo{}
.tagInfo img{ margin:0 1.5rem 1.5rem 0;}
    /*Content*/
.yContentView{ }
.yContentView .head{border-bottom:0; margin-bottom: 20px;}
.yContentView .head h1{font-size: 25px; color: #323A44; font-weight: 500; line-height: 1.3;}
.yContentView .contentDetails{font-size: 16px; line-height: 1.2; color: #555; padding: 20px; background: #fff;}
.yContentView .contentDetails *{font-family:  "PT Sans", sans-serif!important; }
.yContentView .contentDetails img{max-width: 100%!important; height: auto!important; padding: .5rem;}
.yContentView .contentCountryTag{ background: #f7f7f7; border-top: 1px solid #f0f0f0; padding: 10px 15px;}

.yContentView .contentSlider{background: #f2f2f2; border: 1px solid #ddd; padding: 0; overflow: hidden;}
.yContentView .contentSlider li img{max-height: 490px; width: auto; margin: 0 auto;}
.yContentView .contentSlider .flex-control-thumbs li{width: 100px!important;}
.yContentView .contentSlider .flex-control-thumbs img{width: 100px!important;}


/*breadcrumb*/
.breadcrumb a{font-size: 14px; color: #888;}
.yBody-rtl .breadcrumb-item+.breadcrumb-item::before{padding-left:.625rem; padding-right: .625rem;}

/*pagination*/
.pagination { height: auto; margin-bottom: 10px; margin-top: 50px; text-align: center;  position: relative;}
.pagination p.counter{ font-size: 14px; color: #9e9e9e;  height: 16px; padding: 0 10px; display: inline-block; background: #fff; }
.pagination p.counter:after{content: ' '; display: block; position: absolute; border-bottom: 1px solid #e0e0e0; top:22px; z-index:-1; left:0; right: 0;}
.pagination ul { width: 100%; margin: 0 auto; display: block; text-align: center; overflow: hidden; border-radius: 0.25em; border: 1px solid #e6e6e6;  padding: 0; list-style: none;}
.pagination ul li{display: inline-block; vertical-align: baseline;}
.pagination ul li.pagination-start{float: left;}
.pagination ul li.pagination-end{float: right;}
.pagination ul li.pagination-prev .pagenav,
.pagination ul li.pagination-next .pagenav {text-indent: -9999px; width: 30px; white-space: nowrap; background: url(../images/arow-left.svg) no-repeat center center;  }
.pagination ul li.pagination-next .pagenav { transform: rotate(180deg); }
.pagination ul li.pagination-prev .pagenav:hover,
.pagination ul li.pagination-next .pagenav:hover{ background: url(../images/arow-left.svg) no-repeat center center #f2f2f2;  }
.pagination ul li a:hover{background: #f2f2f2}
.pagination ul li a{ color: #22588a; text-decoration: none;}
.pagination ul li a,
.pagination ul li span { display: block; padding: 8px 12px; font-size: 13px; }
.pagination ul li span { background: #22588a; color: #fff;}

.yMainBlock .container,
.yBanerSlide .container,
.yMiddleBlock .container,
.yMediaBlock .container,
.yMapBlock .container,
.yBanerBlock .container,
.yLinksSlideBlock .container
{padding-top: 24px; padding-bottom: 24px;  background: #fff;}
.yBanerBlock .container { padding-bottom: 0;}

.yBody-rtl .widgetContact,
.yBody-rtl .copyRightBlock{text-align: right;}

/*XS*/
@media (max-width:460px ) {
    body{min-width: 350px;}
    .yHeader .headerLine{ height: 6.5rem;background-size:auto 6.5rem; background-position: -130px 0;}

    .yHeader .logo{ top:30px!important;}
    .yHeader .col-6{flex: 0 0 100%; max-width: 100%;}

    .yHeader .headerLineRight{ left: 5px; right: 5px; top:0; position: absolute; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 6px; padding-top: 0!important;}
    .yHeader .headerLine .socialLinks{float: left; position: static!important; margin-right: 2px; }
    .yHeader .headerLine .languageSwitch{float: left;}

    .yHeader .searchBlock{ position: absolute; bottom: -129px; margin-top: 0; right:10px;}
}
@media (max-width: 575.98px) {

    .container{width: 100%; }
    .tagInfo img{ margin:0 .5rem .5rem 0;}
    .yHeader .headerLine .socialLinks{position: absolute; left:25px;}
    .yHeader .headerLine .socialLinks a{font-size: 10px; width: 18px; height: 20px; line-height: auto; margin:0 2px;}

    .yHeader .headerLine .headerLineRight>div.languageSwitch .langItems{ position: absolute; text-align: left; left: 0; right: 0; top:1px;  z-index: 1; border-radius: 0 0 3px 3px; box-shadow: 0 4px 5px rgba(0,0,0,0.1);}
    .yHeader .headerLine .headerLineRight>div.languageSwitch .langItems a{ display: inline-block; border: 0; color: #fff; font-size: 12px; margin: 0;}

    .yHeader .searchBlock .searchBox{width: 80%; padding: 3px 8px; height: 26px}
    .yHeader .searchBlock .searchBtn{height: 26px;}

    .yHeader .logo{ left: 5px; top:0;}
    .yHeader .logo img{height: 65px!important; margin-right: 15px;}
    .yHeader .logo span{ padding-top: 5px; font-size: 11px!important; letter-spacing: normal!important; height: 60px; display: flex; align-items: center;}

    .yTopNav{height: 40px!important; }
    .yTopNav .topNav{ background-size: auto 40px!important; height: 40px;}
    .yTopNav .topNav.pinned{height: 40px;}
    .yTopNav .buttonNav{display: block; padding-top: 2px; }
    .yTopNav .menuItems{position: absolute;  left:0; right: 0; z-index: 2; background: rgba(39,53,66,.96);box-shadow: 0 4px 5px rgba(0,0,0,.1);}
    .yTopNav .menuItems:not(.show){display: none;}
    .yTopNav ul.nav{display: block; padding: 5px 15px; max-height:500px; overflow: scroll; }
    .yTopNav ul.nav > li{float: none;}
    .yTopNav ul.nav > li > a{line-height:normal!important; font-size: 13px!important;padding: 8px 10px;}
    .yTopNav ul.nav > li ul{position: static; box-shadow: none; background: #364353;}
    .yTopNav ul.nav > li ul li.parent > a:after{content: '\f107'; display: inline-block; position: static;}

    .widgetMainNews ul.slides li .newsPreviewImg{height: 240px!important; background-size: auto 240px!important; background-position: center center; background-repeat: no-repeat; background-color:#fff;}
    .widgetMainNews ul.slides li .newsTitle{right: 0; bottom: 0;}
    .widgetMainNews ul.slides li .newsTitle a{font-size: 12px; height: auto;}
    .widgetMainNews ul.slides li .newsTitle a:after{display: none;}
    .widgetMainNews .flex-control-nav{display: none;}

    .yMainBlock .col-fixed,
    .yMiddleBlock .col-fixed,
    .yMediaBlock .col-fixed{width: 100%!important; flex: 0 0 100%!important;}

    .yMainBlock .menuBlock ul li a{min-height: 48px; margin: 5px 0;}

    .yBanerSlide a.slideItem{height: 85px;}
    .yBanerSlide a.slideItem .title{font-size: 10px; padding-left: 55px;}
    .yBanerSlide a.slideItem .title img{width: 30px; left: 15px;}

    .yMiddleBlock .widgetMinister{padding: 15px; min-height: auto; position: relative;}
    .yMiddleBlock .widgetMinister:after{content: ' '; display: table; clear: left;}
    .yMiddleBlock .widgetMinister .img{ width: 30%; float: left; margin-bottom: 0; margin-right: 5%;}

    .yMiddleBlock .widgetActualNews .newsItems .newsItem a .img{display: none;}
    .yMiddleBlock .widgetActualNews .newsItems .newsItem a .title{height: auto;}

    .yMediaBlock .widgetGallery .gallery .flex-viewport{height: 204px!important;}

    .widgetBaner .row > div > div, .widgetBaner .item{margin-bottom:.625rem; font-size: 14px; }
    .yMediaBlock .widgetVideo .videos a .img{height: 100px;}

    .yBanerBlock .banerItem a .img{height: 110px;}
    .yBanerBlock .banerItem a .title{font-size: 10px;}

    .yMiddleBlock .widgetActualNews .newsItems{padding: 15px;}

    .yCategoryView .head h1{font-size: 25px; line-height: 1.2;}
    .yContentView .head h1{ line-height: 1.2; }
}
@media (min-width:575.98px) and (max-width:991.98px ) {
    body{min-width: 686px;}
    .yHeader .logo{ left: 10px; top:25px!important;}
    .yHeader .logo img{height: 100px; margin-right: 15px;}
    .yHeader .logo span{font-size: 14px!important;}

    .yTopNav{height: auto!important;}
    .yTopNav .topNav{background-repeat: repeat; }

    .yTopNav .topNav.pinned{position: static; height: auto;}

    .yHeader .headerLine{background-size: auto 100%; background-position: -120px 0;}


    .yMiddleBlock .widgetActualNews .newsItems .newsItem a{font-size: 13px;}
    .yMiddleBlock .widgetActualNews .newsItems .newsItem a .img{width: 100%; height: 80px;}
    .yMiddleBlock .col-fixed{width: 200px; flex: 0 0 200px;}

    .yCategoryView .head h1{font-size: 25px; line-height: 1.2;}

    .yMiddleBlock .widgetActualNews .newsItems,
    .yMiddleBlock .widgetMinister{padding: 15px;}
    .yMediaBlock .widgetVideo .videos a .img{ height: 80px;}

    .widgetBaner .row > div > div, .widgetBaner .item{font-size: 12px;}
}
@media (min-width:576px) and (max-width:743px ) {
    .yMediaBlock .col-fixed.col-calendar{width: 100%; flex: 0 0 100%;}
    .yMediaBlock .widgetVideo .videos a .img{ height: 120px;}

    .yCategoryView .head h1{font-size: 25px; line-height: 1.2;}
    .yContentView .head h1{ line-height: 1.2; }
}
@media (min-width:829px) and (max-width:991.98px ) {
    .yMiddleBlock .widgetActualNews .newsItems .newsItem a .img{width: 100%; height: 130px;}
    .yMediaBlock .widgetVideo .videos a .img{ height: 130px;}

}
@media (max-width: 991.98px){
    .yTopNav,
    .yMainBlock .lineNews,
    .yMainBlock .menuBlock,
    .yMiddleBlock .widgetMinister,
    .widgetGallery {
        margin-bottom: .625rem;
    }

    .container{max-width: 100%; width: 100%;}

    .widgetMainNews ul.slides li .newsPreviewImg{height: 420px; background-size: auto 420px; background-position: center center; background-repeat: no-repeat; background-color:#fff;}
    .widgetMainNews ul.slides li .newsTitle{right: 0; bottom: 0;}
    .widgetMainNews ul.slides li .newsTitle a{ height: auto;}
    .widgetMainNews ul.slides li .newsTitle a:after{display: none;}
    .widgetMainNews .flex-control-nav{display: none;}

    .yMediaBlock .col-fixed{width: 230px; flex: 0 0 230px;}

    .yBanerSlide a.slideItem{height: 100px; font-size: 12px;}
    .yBanerBlock .banerItem a .title{font-size: 12px;}
}
@media  (min-width: 1024px) {
    .yContentView .contentDetails { padding: 35px 30px 20px 40px; font-size: 1.05rem!important; line-height: 1.3!important; border:1px solid #e2e2e2;   }
    .widgetMainNews ul.slides{height: 420px; background: #f2f2f2;}
}
@media  (max-width: 1399px) {
    .yHeader .logo img{height: 8em; margin-left: 15px; margin-right: 20px;}
    .yHeader .logo span{ font-size: 16px;}
    .yTopNav{height: 40px;}
    .yTopNav ul.nav > li > a{line-height: 40px;font-size: 10px;}
    .widgetMainNews ul.slides li .newsPreviewImg{height: 420px}
}
@media (min-width: 1440px) {
    .container{width: auto; max-width: 80%; margin: 0 auto; padding-left: 24px; padding-right: 24px }
}
@media (min-width: 1441px){
    .container{width: 80%; max-width: 1280px; margin: 0 auto;}
    .yTopNav ul.nav > li > a{padding: 0 10px; font-size: 14px;}
    .widgetStateSymbols img{max-width: 100%; max-height: 100px;}

}