@import url(bootstrap/css/bootstrap.css);
@import url(css/Header1.css);
@import url(css/style-rtl.css);
@import url(css/font-awesome.css);
@import url(css/slick.css);
@import url(css/slick.style.css);
@-webkit-viewport {width:device-width;}
@-moz-viewport {width:device-width;}
@-ms-viewport {width:device-width;}
@-o-viewport {width:device-width;}
@viewport {width:device-width;}

/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2014 By BESTDNNSKINS.COM
 */
 @font-face {
    font-family: 'iransansweb-Black';
     src:url('fonts/Iransans/IRANSansXFaNum-Black.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/Iransans/IRANSansXFaNum-Black.woff') format('woff'), /* Pretty Modern Browsers */
		 url('fonts/Iransans/IRANSansXFaNum-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'iransansweb_medium';
     src:url('fonts/Iransans/IRANSansXFaNum-Medium.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/Iransans/IRANSansXFaNum-Medium.woff') format('woff'), /* Pretty Modern Browsers */
		 url('fonts/Iransans/IRANSansXFaNum-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'iransansweb_bold';
     src:url('fonts/Iransans/IRANSansXFaNum-Bold.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/Iransans/IRANSansXFaNum-Bold.woff') format('woff'), /* Pretty Modern Browsers */
		 url('fonts/Iransans/IRANSansXFaNum-Bold.ttf') format('truetype');
}



/*--------- Global CSS Reset & Standards ----------*/
#Body{ background:center top fixed #fff; margin:0;padding:0; color:#000; overflow-x: hidden;}
html,body{ margin:0; padding:0; font:normal 13px/1.5 'iransansweb_medium'; color:#555;}
Body #Form{ height:100%; }
* {font-family:iransansweb_medium; }
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {border:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}a img{border:0;}
img, object, embed { max-width: 100%;}
[class*="map"] img,[id*="map"] img,[class*="Map"] img,[id*="Map"] img, table img{max-width:none!important;}
img{border:0; height:auto;}
p{ margin:0 0 8px 0;font-family: iransansweb_medium;font-size: 13px;direction: rtl;line-height: 24px;color: #555;}

A:link { text-decoration : none; }
A:visited { text-decoration : none; }
A:hover { text-decoration:none; }
A:active { text-decoration : none; }
a, A:link, A:visited, A:hover, A:active  {
    color: #379D69;
}
h1{font-size:25px;line-height:1.5em;text-align:right;letter-spacing:0;font-family:iransansweb_bold;}
h2{font-size:21px;line-height:1.5em;text-align:right;letter-spacing:0;font-family:iransansweb_bold;}
h3{font-size:17px;line-height:1.5em;text-align:right;letter-spacing:0;font-family:iransansweb_bold;}
h4{font-size:15px;line-height:1.5em;text-align:right;letter-spacing:0;font-family:iransansweb_bold;}
h5{font-size:13px;line-height:1.5em;text-align:right;letter-spacing:0;font-family:iransansweb_bold;}
h6{font-size:11px;line-height:1.5em;text-align:right;letter-spacing:0;font-family:iransansweb_bold;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-family:iransansweb_medium;}

/*Bootstrap Reset*/
[id*="ControlPanel"], [id*="ControlPanel"] *, [id*="ControlPanel"] *:after,
.dnn_mact, .dnn_mact *, .dnn_mact *:before, .dnn_mact *:after,
.dnnActionMenu, .dnnActionMenu *, .dnnActionMenu *:before, .dnnActionMenu *:after,
.TB_Wrapper, .TB_Wrapper * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
[class*="RadAjaxPanel"] *,[class*="Digital"] * { font-size:12px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
ul.list-unstyled, ol.list-unstyled, ul.list-unstyled > li, ol.list-unstyled > li {list-style: none; margin:0;}
ul.row {margin-left: -15px; margin-right: -15px;}
ol, ul {list-style: none;}
ul li { list-style-type:disc; }
ul li li { list-style-type:circle; }
ol li { list-style-type: decimal;}
.nav li { list-style:none!important;}
a{outline:none!important;border:0;}
.btn-primary, .btn-warning, .btn-danger, .btn-success, .btn-info{color:#ffffff!important;}
ul#myTab { padding:0; margin:0; } 
.panel-primary > .panel-heading h3 {color: #ffffff;}
.panel-success > .panel-heading h3 {color: #468847;}
.panel-warning > .panel-heading h3 {color: #c09853;}
.panel-danger > .panel-heading h3 {color: #b94a48;}
.panel-info > .panel-heading h3 {color: #3a87ad;}
.popover {z-index:999;}
.no-padding{padding: 0;}
/*spacer styles*/
.pe-spacer { clear: both; display: block; margin: 0; min-height: 0 !important;  padding: 0; width: 100%;}
.pe-spacer.size10 { height: 10px;}
.pe-spacer.size20 { height: 20px;}
.pe-spacer.size30 { height: 30px;}
.pe-spacer.size40 { height: 40px;}
.pe-spacer.size50 { height: 50px;}
.pe-spacer.size60 { height: 60px;}
.pe-spacer.size70 { height: 70px;}
.pe-spacer.size80 { height: 80px;}
.pe-spacer.size90 { height: 90px;}
.pe-spacer.size100 { height: 100px;}

/*border styles*/
.left_border{ border-left:1px solid #e9e9e9;}
.right_border{ border-right:1px solid #e9e9e9;}
.top_border{ border-top:1px solid #e9e9e9;}
.bottom_border{ border-bottom:1px solid #e9e9e9;}

.Head{  font-size:16px; }
.SubHead {  font-size:15px; }
.SubSubHead{ font-size:14px; }
.Normal { font-size:13px; line-height:1.5em; }

.clearafter:after{ clear:both; content:"."; height:0px; font-size:0px; visibility:hidden; display:block; }
.clearafter{ display:inline-block; }
.clearafter{ display:block; }
.clear{ clear:both; }
.clear_float{ clear:both;line-height:0;font-size:0;}
.floatl{ float:left;}
.floatr{ float:right;}
.pc_display { display:block;}
.mobile_display{ display:none;}
#skin_header .dnnpane > [class*="col-md"], #skin_header .dnnpane > [class^="col-md"] {
    padding: 0;
}
/*--------- Admin Settings Reset ----------*/
.FileManager A, .FileManager A:link, .FileManager A:visited, .FileManager A:active{ color:#000000; text-decoration: underline;}
.FileManager A:hover{ color:#000000; text-decoration:none;}
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction, a.dnnPrimaryAction:link { color: #FFFFFF; text-decoration : none;}
.dnnActionMenu span { color:#000000!important;}
.ModuleTitle_SubMenu{ z-index:9999!important; }	
.DnnModule{z-index:inherit;}
.dnnFormPopup .ui-dialog-titlebar { min-height:40px; }
.bs-docs-section .bs-example.bs-example-popover{ z-index:1;}
.DNNAligncenter table { margin: 0 auto;}
.paneOutline { border:1px dashed #ccc;}


/*--------------------------------------------
               All Design Style                
---------------------------------------------*/
#skin_wrapper {width:100%;  position:inherit!important;z-index:1; background: #ffffff; margin:0 auto; -webkit-box-shadow:0 0 2px #000;-moz-box-shadow:0 0 2px #000;box-shadow:0 0 20px #a3a3a3;}
#skin_wrapper.boxed {width:1140px; }
.skin_width { width:100%;max-width:1200px;min-width:767px;margin:0 auto; position:relative;}


.skin_main { min-height:550px; }
 .content_whitebg{ background:#fff;} 
.content_graygradiantbg{ 

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,f6f8f9+0,ffffff+0,d7dee3+100 */
background: #fff;
    
}
.services-grid {
    margin-bottom: 40px;
}
.content_graybg{ background:#E6E6E6;}
.content_graybg .skin_width{position:relative; }
.img_bg{ background:url(images/img_bg.jpg) center center no-repeat ;  }
.content_colorbg{position:relative;}
.skin_top_content { padding:10px;}
.skin_main_padding{ padding:0 20px;}
.address-footer {
    text-align: center;
}
.footer_top {
	background: #f6f6f6;
}
.footerpane_style{ position:relative;}
.footer_bg {background: #379D69;direction: rtl;}
.footer_bg .copyright_bar {
	color: #444;
	text-align: center;
	line-height: 40px;
}
.footerpane_style::before {
	content: ' ';
	background: url(images/content_top_shadow.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10%;
	max-height: 8px;
	z-index: 0;
}
.bottomlink_style { line-height:55px; text-align:center; width:auto;border-top:1px solid #ddd;  }
.bottomlink_style span a{ padding:0 20px; color:#565656;}
.bottomlink_style span a:hover{text-decoration:none;}
.footer_logout{ display:none;}

/*--------- Pane Style ----------*/
.DNNEmptyPane{ display:none!important;}
.dnnpane > [class*="col-md"],.dnnpane > [class^="col-md"] { padding: 10px 15px;}

.headerpane{ display:none; padding:0 10px;}
.content_grid12{}
.topgrid6a{}
.topgrid6b{}
.topgrid4a{}
.topgrid4b{}
.topgrid4c{}
.topgrid3a{}
.topgrid3b{}
.topgrid3c{}
.topgrid3d{}
.topgrid8l{}
.topgrid4r{}
.topgrid4l{}
.topgrid8r{}
.topgrid12{}

.graygrid12{margin:40px 0;}
.fullwidthgrid4a{margin:40px 0;}
.fullwidthgrid4b{margin:40px 0;}
.fullwidthgrid4c{margin:40px 0;}
.fullwidthgrid12{margin:40px 0;}
.middlegrid3a{margin:40px 0;}
.middlegrid3b{margin:40px 0;}
.middlegrid3c{margin:40px 0;}
.middlegrid3d{margin:40px 0;}
.middlegrid6a{margin:40px 0;}
.middlegrid6b{margin:40px 0;}
.middlegrid12{margin:40px 0;}
.imgbg3a{margin:40px 0;}
.imgbg3b{margin:40px 0;}
.imgbg3c{margin:40px 0;}
.imgbg3d{margin:40px 0;}
.imgbg{margin:40px 0;}
.colorgrid4a{}
.colorgrid4b{}
.colorgrid4c{}
.colorgrid12{padding-bottom:0!important;}
.bottomgrid4a{margin:40px 0;}
.bottomgrid4b{margin:40px 0;}
.bottomgrid4c{margin:40px 0;}
.bottomgrid6a{margin:40px 0;}
.bottomgrid6b{margin:40px 0;}
.bottomgrid12a{margin:40px 0 0 0;}
.bottomgrid12b{margin:40px 0;}
.footer_grid3a { margin:20px 0 0 0;}
.footer_grid3b { margin:20px 0 0 0;}
.footer_grid3c { margin:20px 0 0 0;}
.footer_grid3d { margin:20px 0 0 0;}
.footerpane { margin:50px 0 40px 0;}

/*--------- Scroll Top Style ----------*/
#top-link{  bottom:25px; right:30px; text-align:center; display:block; height:40px; padding:0; width:44px; background:#999; background:rgba(0,0,0,0.3); position: fixed; text-decoration: none; z-index: 903; outline:none; color:#FFF; color:rgba(255,255,255,.8);-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#top-link .fa{ text-align:center; line-height:40px; font-size:17px;}
#top-link:hover{ filter:Alpha(Opacity=90);opacity:0.9;transition: all 0.4s ease 0s;  -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;}

/*--------- Footer style ----------*/
.Footer, A.Footer:link, A.Footer:visited, A.Footer:active {
	padding: 0px 8px;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	font-family: iransansweb_medium;
}
A.Footer:hover {  text-decoration: none;}

/*--------- Breadcrumb style ----------*/
.Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active { color:#555; font-size:12px; text-decoration:none; }
A.Breadcrumb:hover{ text-decoration:none; }

/*--------- Footer Links Style ----------*/
.footerpane_style a, .footerpane_style a:link{ color :#6b6b6b; text-decoration : none; }
.footerpane_style a:visited { color :#6b6b6b; text-decoration : none; }
.footerpane_style a:hover { color :#379D69; text-decoration : none; }
.footerpane_style a:active { color :#6b6b6b; text-decoration : none; }

/*--------- Dark Color Area Font Color ----------*/
.footerpane_style, .footerpane_style *{ color:#6b6b6b;}
.img_bg *, .content_colorbg *{ color:#fff;}

/*--------- Footer Content style ----------*/
.footerpane_style, .footerpane_style *{ color:#6b6b6b;direction: rtl;text-align: center;padding:0}

.links-footer ul li {margin: 0;}
.links-footer ul li {
	list-style: none;
	line-height: 40px;
}
.social-box {
	text-align: center;
	margin-top: 20px;
}
.social-box span {
	padding: 0 10px;
}
.footer-logo-box {
	text-align: center;
	margin-bottom: 15px;
}
/*--------- Font Awesome ----------*/
.fa_icon_wrapper { padding:0 15px; margin:20px 0 40px;}
.fontawesome-icon-list [class*="col-md-"] { padding:15px 20px; border:1px solid #E6E6E6;  margin: -1px 0 0 -1px; color:#666; }
.fontawesome-icon-list [class*="col-md-"]:hover { color:#049AD9;}
.fontawesome-icon-list span.fa {font-size:22px;margin-right: 5px; width: 30px; position: relative;top: 2px;}

@media handheld, only screen and (max-width: 1140px){
#skin_wrapper { width:auto!important; margin:0 auto;}
}

/*--------- CSS Reset for Tablet ----------*/
@media handheld, only screen and (max-width: 991px){
#skin_wrapper { width:auto!important; margin:0 auto; max-width:768px;}
.skin_top_content { padding:20px;}
.dnnpane > [class*="col-md"],.dnnpane > [class^="col-md"] { padding: 10px 10px; }
}

/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {
body {-webkit-text-size-adjust:none;}
#skin_wrapper{ width:auto!important;min-width:300px;}
.skin_width,body{width:100%;min-width:0;}
.floatl, .floatr{ float: none;}
.pc_display { display:none;}
.mobile_display{ display:block;}

.language-object .Language {margin:0 1px;}
.skin_main_padding{ padding:0 30px;}
.footer_left{ float:none; width:auto; padding:10px 2%; text-align:center;}
.socialpane_style{ float:none; text-align:center; padding:10px 2%;}
.footer_bg .copyright_bar{ line-height:40px;}

/*leftsidebar layout*/
.LM_position { float:none; width:auto; padding:0;}
.LM_skin_content { float:none; width:auto; padding:0;}
#leftMenu { display:none;}

/*--------- Scroll Top Style ----------*/
#top-link { bottom: 12px; right: 20px; }

/*--------- Pane Style ----------*/
.headerpane{ margin:0;}
.bottomgrid4a{margin:20px 0; }
.bottomgrid4b{margin:20px 0; }
.bottomgrid4c{margin:20px 0; }
.bottomgrid12{margin:20px 0; }
.footer_grid3a { margin:30px 0 20px 0;}
.footer_grid3b { margin:30px 0 20px 0;}
.footer_grid3c { margin:30px 0 20px 0;}
.footer_grid3d { margin:30px 0 20px 0;}
.footer_grid12 { margin:0; padding:0 !important;}
}

/*--------- Retina Set ----------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2) {
.menuclick { background-image:url(images/retina/btn_menu@2x.png); -webkit-background-size:25px 19px; -moz-background-size:25px 19px; background-size:25px 19px; }
#standardMenu .rootMenu a span .navarrow, #standardMenu .rootMenu a span .navarrow2, 
#megaMenu .root a span .navarrow, #megaMenu .root a span .navarrow2
{background-image:url(images/retina/mobile_navarrow@2x.png); -webkit-background-size:17px 80px; -moz-background-size:17px 80px; background-size:17px 80px;}
}

/* ========================= Login box ============================ */
.user_login {
	text-align: left;
	display: inline-block;
	padding-right: 10px;
}
.user_login a {
color:#fff;
}
.user_login::before {
content: "|";
color: #fff;
padding-left: 10px;
}
/* ========================= Search box ============================ */
.icon_search {
	text-align: left;
	direction: rtl;
    display: inline-block;
}
.icon_search span a {
	color: #fff;
}
.searchcss {
	/* background: url(/Portals/0/skins/mgo.1401/images/icon_search2.png);
	background-repeat: no-repeat;
	color: transparent;
	left: 10px;
	position: absolute;
	top: 20px; */
display: none;
}

.search-popup-box-active { overflow: hidden; }
.search-popup-box { position: relative; }

@media only screen and (max-width: 767px) {
    .search-popup-box .popup-reveal { display: none !important; }
}

.search-popup-box .popup-content { position: fixed; top: 0; left: 0; background-color: rgba(255, 255, 255, 1); z-index: 1000; display: table; table-layout: fixed; height: 100%; width: 100%; color: #666; }
    .search-popup-box .popup-content.color-dark { background-color: rgba(30, 30, 30, 1); }
.search-popup-box .icon { font-size: 16px; position: relative; cursor: pointer; display: inline-block; vertical-align: middle; transition: color ease-in 300ms; -moz-transition: color ease-in 300ms; /* Firefox 4 */ -webkit-transition: color ease-in 300ms; /* Safari and Chrome */ -o-transition: color ease-in 300ms; /* Opera */ -ms-transition: color ease-in 300ms; /* IE9? */ }
.search-popup-box .magnifier { width: 22px; height: 22px; display: inline-block; vertical-align: middle; position: relative; }
    .search-popup-box .magnifier:after { content: ""; width: 25px; height: 25px; position: absolute; top: -5px; left: -17px; border: 4px solid; border-radius: 50%; }
    .search-popup-box .magnifier:before { content: ""; width: 14px; position: absolute; bottom: -4px; right: 13px; border-bottom: 5px solid; -webkit-transform: rotate(48deg); transform: rotate(48deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; }
.search-popup-box .icon:hover .magnifier:after { }
.search-popup-box .magnifier i { position: absolute; top: 0; left: 0; width: 20px; height: 20px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform ease-in 300ms; transition: transform ease-in 300ms; display: block; margin: 0; }
    .search-popup-box .magnifier i:after, .search-popup-box .magnifier i:before { position: absolute; content: ""; }
    /*.search-popup-box .magnifier i:after { border-left: 1px solid; height: 7px; width: 0; top: 4px; left: -5px; }
    .search-popup-box .magnifier i:before { border-bottom: 1px solid; height: 0px; width: 7px; top: 7px; left: -8px; }*/
.search-popup-box .magnifier:hover i { -webkit-transform: scale(1); transform: scale(1); }
.search-popup-box .popup-center { text-align: center; display: table-cell; vertical-align: middle; width: 100%; transition: all ease-in 200ms 0ms; -moz-transition: all ease-in 200ms 0ms; /* Firefox 4 */ -webkit-transition: all ease-in 200ms 0ms; /* Safari and Chrome */ -o-transition: all ease-in 200ms 0ms; /* Opera */ -ms-transition: all ease-in 200ms 0ms; /* IE9? */ }
.search-popup-box .icon > span { display: inline-block; vertical-align: middle; }
span[id*="ClassicSearch"] { position: relative; display: inline-block; width: 846px; max-width: 80%; }
.search-popup-box .searchInputContainer { display: inline-block; position: relative; width: 100%; margin: 0; }
.search-popup-box .NormalTextBox { width: 100%; background: none; border: none; border-bottom: 2px solid #666; font-size: 20px; color: #333; padding: 10px 60px; outline: none; text-align: right; }
.search-popup-box ul.searchSkinObjectPreview { width: 100%; text-align: right;z-index: 15; }
.search-popup-box .NormalTextBox::-webkit-input-placeholder { color: #666; }
.searchInputContainer a.dnnSearchBoxClearText{left: 10px;right: auto;}
.search-popup-box .NormalTextBox:-moz-placeholder { color: #666; }
.search-popup-box .NormalTextBox::-moz-placeholder { color: #666; }
.search-popup-box .NormalTextBox:-ms-input-placeholder { color: #666; }
.search-popup-box .NormalTextBox:placeholder { color: #666; }
.search-popup-box .color-dark .NormalTextBox { color: #fff; border-bottom-color: #FFF; }
    .search-popup-box .color-dark .NormalTextBox::-webkit-input-placeholder { color: #ebebeb; }
    .search-popup-box .color-dark .NormalTextBox:-moz-placeholder { color: #ebebeb; }
    .search-popup-box .color-dark .NormalTextBox::-moz-placeholder { color: #ebebeb; }
    .search-popup-box .color-dark .NormalTextBox:-ms-input-placeholder { color: #ebebeb; }
    .search-popup-box .color-dark .NormalTextBox:placeholder { color: #ebebeb; }
.search-popup-box .color-dark .search { color: #FFF; }
.search-popup-box .color-dark .popup-close { color: #FFF; }
.search-popup-box a.search { position: absolute; right: 0px; top: 50%; margin-top: -24px; font-size: 26px; color: #666666; border: none; background: none; outline: none; width: auto; height: auto; transition: color ease-in 200ms; -moz-transition: color ease-in 200ms; /* Firefox 4 */ -webkit-transition: color ease-in 200ms; /* Safari and Chrome */ -o-transition: color ease-in 200ms; /* Opera */ -ms-transition: color ease-in 200ms; /* IE9? */ }
    .search-popup-box a.search:before { font-family: linearicons !important; content: "\e922"; text-decoration: none; }
    .search-popup-box a.search:hover { color: #20a3f0; text-decoration: none; }
.search-popup-box .popup-close { position: absolute; right: 50px; top: 50px; cursor: pointer; font-size: 24px; z-index: 10; }
    .search-popup-box .popup-close:hover { color: #20a3f0; }
.search-popup-box .info { color: #666666; font-size: 15px; }

@media only screen and (max-width: 767px) {
    .search-popup-box .NormalTextBox { padding: 25px 9px; font-size: 13px; }
    .search-popup-box a.search { font-size: 20px; margin-top: -20px; }
    .search-popup-box span[id*="ClassicSearch"] { max-width: 98%; }
}

@-webkit-keyframes anim-popup-top {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    35%, 65% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    100% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}

@keyframes anim-popup-top {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    35%, 65% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    100% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}

@-webkit-keyframes anim-popup-top-content {
    0%, 25% { opacity: 0; -webkit-transform: translate3d(0, -25px, 0); transform: translate3d(0, -25px, 0); }
    65% { opacity: 1; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes anim-popup-top-content {
    0%, 25% { opacity: 0; -webkit-transform: translate3d(0, -25px, 0); transform: translate3d(0, -25px, 0); }
    65% { opacity: 1; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes anim-popup-out {
    0% { top: 0; }
    100% { opacity: 0; top: 0; }
}

@keyframes anim-popup-out {
    0% { top: 0; }
    100% { opacity: 0; top: 0; }
}

@-webkit-keyframes anim-popup-in {
    0%, 25% { opacity: 0; }
    65%, 100% { opacity: 1; }
}

@keyframes anim-popup-in {
    0%, 25% { opacity: 0; }
    65%, 100% { opacity: 1; }
}

.search-popup-box.hide { display: none; }
.search-popup-box .popup-content { -webkit-animation: none; animation: none; top: -100%; }
    .search-popup-box .popup-content.loaded { -webkit-animation: anim-popup-out .3s ease-in; animation: anim-popup-out .3s ease-in; }
    .search-popup-box .popup-content.active { -webkit-animation: anim-popup-top 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; animation: anim-popup-top 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; }
        .search-popup-box .popup-content.active .popup-center { -webkit-animation: anim-popup-top-content 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; animation: anim-popup-top-content 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; }
        .search-popup-box .popup-content.active .popup-close { -webkit-animation: anim-popup-in 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; animation: anim-popup-in 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; }

@media only screen and (max-width: 991px) {
    .search-popup-box .popup-content, .search-popup-box .popup-content.active { top: 0; }
        .search-popup-box .popup-content, .search-popup-box .popup-content.active, .search-popup-box .popup-content .popup-center, .search-popup-box .popup-content.active .popup-center, .search-popup-box .popup-content.active .popup-close { -webkit-animation: none !important; animation: none !important; }
}

.search-text { border-bottom: 1px solid rgba(0, 0, 0, 0.9); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); height: 36px; }
    .search-text .NormalTextBox { background: none; border: none; padding: 5px 5px; font-size: 13px; width: 180px; outline: none; color: #333333; height: 36px; line-height: 26px; }
    .search-text .search { background: none; border: none; padding: 4px 12px; color: inherit; color: #333333; margin-right: -5px; height: 36px; line-height: 28px; }
        .search-text .search span { vertical-align: middle; }
    .search-text.color-light { border-bottom: 1px solid rgba(255, 255, 255, 0.9); }
        .search-text.color-light .NormalTextBox, .search-text.color-light .search { color: #fff; }

@media only screen and (max-width: 992px) { /* search-popup-box */
    .search-popup-box .popup-close { right: 13px; top: 0; height: 64px; line-height: 64px; transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important; -moz-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important; /* Firefox 4 */ -webkit-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important; /* Safari and Chrome */ -o-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important; /* Opera */ -ms-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important; /* IE9? */ z-index: 1; }
        .search-popup-box .popup-close .lnr { line-height: 64px; }
    .search-popup-box .popup-reveal { display: none; }
    .search-popup-box .popup-content { opacity: 0; visibility: hidden; color: #666; transform: translateX(0%); -ms-transform: translateX(0%); /* Internet Explorer */ -moz-transform: translateX(0%); /* Firefox */ -webkit-transform: translateX(0%); /* Safari 和 Chrome */ -o-transform: translateX(0%); /* Opera */ transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; }
        .search-popup-box .popup-content.active { opacity: 1; visibility: visible; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; }
        .search-popup-box .popup-content .popup-center { transform: scale(1.1) !important; -ms-transform: scale(1.1) !important; /* Internet Explorer */ -moz-transform: scale(1.1) !important; /* Firefox */ -webkit-transform: scale(1.1) !important; /* Safari 和 Chrome */ -o-transform: scale(1.1) !important; /* Opera */ transition-delay: 0ms !important; -moz-transition-delay: 0ms !important; /* Firefox 4 */ -webkit-transition-delay: 0ms !important; /* Safari 和 Chrome */ -o-transition-delay: 0ms !important; /* Opera */ -ms-transition-delay: 0ms !important; /* IE9? */ transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); -moz-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); /* Firefox 4 */ -webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); /* Safari 和 Chrome */ -o-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); /* Opera */ -ms-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); /* IE9? */ }
        .search-popup-box .popup-content.active .popup-center { transform: scale(1) !important; }
        .icon_search {
            margin-left: 50px;
        }
}

.lnr { letter-spacing: -0.05em; }



/* ============================= Style slick slider reset =========================== */
ul.slick-dots {
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	bottom: 0;
	text-align: center;
}
.slick-dots li {
	display: inline-block;
	padding: 5px;
	font-size: 0;
}
.slick-dots li button {
    border-radius: 50%;
    border: 2px #fff solid;
    width: 16px;
    height: 16px;
    transition: all 0.3s linear;
    margin: 0 auto;
}
.slick-dots li.slick-active button {
    width: 30px;
    background: #379D69;
    border-radius: 30px;
    transition: all 0.3s linear;
}
#Multimedia-slider2 .vprev.image-wrap img {
    height: 188px;
}
/* ================================== style slick special News ==================================== */
.news-special-box ul.slick-dots {
	position: absolute;
	left: 0;
	margin: auto;
	bottom: 0px;
	text-align: center;
	width: 50%;
	overflow: hidden;
    right: auto;
}

.news-special-box  .slick-dots li button {
    background: #ddd;
}
.news-special-box .slick-dots li.slick-active button {
    background: #00958d;
}

@media only screen and (max-width: 992px) {

#skin_header .col-md-2.col-sm-3.col-6 {
    width: 50%;
}
}
@media only screen and (max-width: 400px) {
#skin_header .col-md-2.col-sm-3.col-6{width:100%}
#skin_header .icons_menu.clearafter {
    padding: 0;
}
.display-item{z-index: 10000;top:75px;}
.col-md-3.col-sm-3.col-6 {

    margin: 0 auto;
}
}