@font-face { font-family: "Telerik"; src: url('../font/Telerik.eot'); src: url('../font/Telerik.eot?#iefix') format('embedded-opentype'), url('../font/Telerik.svg#Telerik') format('svg'), url('../font/Telerik.woff') format('woff'), url('../font/Telerik.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: "fontawesome"; src: url('../font/fontawesome-webfont.eot'); src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome-webfont.svg#Telerik') format('svg'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: "zamwabold"; src: url("../font/ZAMWABOLD.eot"); /* IE9 Compat Modes */ src: url("../font/ZAMWABOLD.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../font/ZAMWABOLD.otf") format("opentype"), /* Open Type Font */ url("../font/ZAMWABOLD.svg") format("svg"), /* Legacy iOS */ url("../font/ZAMWABOLD.ttf") format("truetype"), /* Safari, Android, iOS */ url("../font/ZAMWABOLD.woff") format("woff"), /* Modern Browsers */ url("../font/ZAMWABOLD.woff2") format("woff2"); /* Modern Browsers */ font-weight: normal; font-style: normal; }

@font-face { font-family: "Rabar_035"; src: url("../font/Rabar_035.eot"); /* IE9 Compat Modes */ src: url("../font/Rabar_035.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../font/Rabar_035.ttf") format("truetype"), /* Safari, Android, iOS */ url("../font/Rabar_035.woff") format("woff"); /* Modern Browsers */ font-weight: normal; font-style: normal; }


body { margin: 0px; padding: 0px; font-family: "Rabar_035"; direction: rtl; font-size: 18px; background-color: #fff; overflow-y: scroll; overflow-x: hidden; }


a { color: #38424c !important; text-decoration: none; }

 a:hover { color: #148490 !important; text-decoration: none; }

 a:active { color: #38424c; text-decoration: none; }

img { border: 0; }


.clearfix { clear: both; height: 0; }
.clearfix2 { clear: none; height: 0; }

ul { margin: 0; padding: 0; }

li { list-style: none; }

.mobile { display: none; }
.mobile2 { visibility: hidden; }

.hide { display: inline; }
/* transition time */
.animateList li a { cursor: pointer; -webkit-transition: padding-right 250ms ease-out; -moz-transition: padding-right 250ms ease-out; }

 .animateList li a:hover { padding-right: 10px; }

.loginpage { width: 448px; margin: 0 auto; }

.loginpage1 { width: 448px; height: 637px; background-image: url("images/login.png"); background-repeat: no-repeat; }

.loginpage2 { width: 213px; height: 133px; padding: 333px 46px 0 0; }

.loginpage3 { width: 203px; height: 35px; margin-bottom: 5px; padding-left: 10px; }

.loginpage4 { width: 203px; height: 35px; margin-bottom: 7px; padding-left: 10px; }

.loginpage5 { width: 213px; height: 32px; }

.loginpage6 { width: 213px; height: 19px; }
.container { width: 1300px !important; padding-left: 0; padding-right: 0; }

.menjsgyay { display: none !important; }

.header { width: 100%; height: 80px; background: url(../images/banner.jpg) repeat-x; display: inherit; }

.nav { width: 100%; height: 53px; background: url(../images/nav.jpg) repeat-x; color: #fff; position: relative; margin-bottom: -60px; z-index: 3; display: inherit; }


.headerdv { width: 100%; height: 207px; background: url(../images/headerbg.jpg) repeat-x }
.headerdvR { width: 433px; float: right }
.headerdvL { width: 390px; float: left }
.headerdvL1 { width: 100%; padding-top: 10px; }
.headerdvL2 { padding-top: 80px; text-align: center !important; margin: 0 auto !important }


.headersoielname { color: #fff !important; font-weight: bold; font-size: 10pt; margin-right: 46px; padding-top: 8px; float: right; }
.headersoielicons { text-align: center !important; margin: 0 auto !important }
a.hhicon { color: #fff !important; width: 34px; height: 34px; display: block; text-align: center; border: thin #A5A6A4 solid; border-radius: 50%; line-height: 38px; margin-top: 10px; float: left; margin-right: 3px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
#hhiconfacebook { color: white; border: thin #44619D solid; background-color: #44619D; }
 #hhiconfacebook:hover { color: white; border: thin #44619D solid; background-color: #44619D; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

#hhicontwitter { color: white; border: thin #2BA8E0 solid; background-color: #2BA8E0; }
 #hhicontwitter:hover { color: white; border: thin #2BA8E0 solid; background-color: #2BA8E0; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

#hhiconyoutube { color: white; border: thin #CC181E solid; background-color: #CC181E; }
 #hhiconyoutube:hover { color: white; border: thin #CC181E solid; background-color: #CC181E; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

#hhiconlinkedin { color: white; border: thin #0177B5 solid; background-color: #0177B5; }
 #hhiconlinkedin:hover { color: white; border: thin #0177B5 solid; background-color: #0177B5; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

#hhiconsoundcloud { color: white; border: thin #FF8601 solid; background-color: #FF8601; }
 #hhiconsoundcloud:hover { color: white; border: thin #FF8601 solid; background-color: #FF8601; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

#hhiconplus { color: white; border: thin #FF8601 solid; background-color: #c60101; }
 #hhiconplus:hover { color: white; border: thin #c60101 solid; background-color: #c60101; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }


#hhicontelegram { color: white; background-color: #259bd7; }
 #hhicontelegram:hover { color: white; background-color: #259bd7; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

#hhiconwhatsapp { color: white; background-color: #268E03; }
 #hhiconwhatsapp:hover { color: white; background-color: #268E03; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

.rightshadow { background-image: url('images/shadow_right.png'); width: 51px; height: 2355px; position: absolute; top: 446px; right: 109px; }
.leftshadow { background-image: url('images/shadow_left.png'); width: 49px; height: 2355px; position: absolute; top: 446px; left: 110px; }


#hhiconviber { border: none; }
 #hhiconviber:hover { color: white; background-color: #7770bb; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }


#hhiconinstagram { color: white; background: #4c65d3; background: -moz-linear-gradient(-45deg, #4c65d3 0%, #d42f8a 46%, #fcd57b 100%); background: -webkit-linear-gradient(-45deg, #4c65d3 0%,#d42f8a 46%,#fcd57b 100%); background: linear-gradient(135deg, #4c65d3 0%,#d42f8a 46%,#fcd57b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c65d3', endColorstr='#fcd57b',GradientType=1 ); }
 #hhiconinstagram:hover { color: white; background-color: #259bd7; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }



.bannertop3 { width: 100%; height: 66px; background-color: #4c2e0e }


nav { display: block; }

.menu { display: block; margin: 0 auto; }

 .menu li { display: inline-block; position: relative; z-index: 100; color: #b0600a }
  .menu li i { font-size: 16px; padding: 0 5px }
  .menu li:first-child { margin-right: 0; }

  .menu li a { font-weight: 600; text-decoration: none; padding: 16px 10px; display: block; color: #fff !important; transition: all 0.2s ease-in-out 0s; }

   .menu li a:hover, .menu li:hover > a { color: #FFFFFF; background: #8a4c0a; }

 .menu ul { visibility: hidden; opacity: 0; margin: 0; padding: 0; width: 200px; position: absolute; right: 0px; background: #000 !important; z-index: 99; transform: translate(0,20px); transition: all 0.2s ease-out; }

  .menu ul:after { bottom: 100%; right: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-right: -6px; }

  .menu ul li { display: block; float: none; background: none; margin: 0; padding: 0; }

   .menu ul li a { font-size: 16px; font-weight: normal; display: block; color: #fff !important; background: #38424c; }

    .menu ul li a:hover, .menu ul li:hover > a { background: #8a4c0a; color: #fff; }

 .menu li:hover > ul { visibility: visible; opacity: 1; transform: translate(0,0); }

 .menu ul ul { right: 200px; top: 0px; visibility: hidden; opacity: 0; transform: translate(20px,20px); transition: all 0.2s ease-out; }

  .menu ul ul:after { left: -6px; top: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 6px; margin-top: -6px; }

 .menu li > ul ul:hover { visibility: visible; opacity: 1; transform: translate(0,0); }

.responsive-menu { display: none; width: 100%; padding: 20px 15px; background: #38424c; color: #fff; text-transform: uppercase; font-weight: 600; }

 .responsive-menu:hover { background: #374147; color: #fff; text-decoration: none; }

a.homer { background: #38424c; color: #fff; }

@media (min-width: 768px) and (max-width: 979px) {
 .mainWrap { width: 768px; }
 .menu { width: 100%; }
  .menu ul { top: 37px; }

  .menu li a { font-size: 12px; }

 a.homer { background: #374147; }
}

@media (max-width: 767px) {
 .mainWrap { width: auto; padding: 50px 20px; }

 .menu { display: none; width: 100%; }
 .responsive-menu { display: block; }
 nav { margin: 0; background: none; }
 .menu li { display: block; margin: 0; }
  .menu li a { background: #fff; color: #fff; }
   .menu li a:hover, .menu li:hover > a { background: #38424c; color: #fff; }
 .menu ul { visibility: hidden; opacity: 0; top: 0; left: 0; width: 100%; transform: initial; }
 .menu li:hover > ul { visibility: visible; opacity: 1; position: relative; transform: initial; }
 .menu ul ul { left: 0; transform: initial; }
 .menu li > ul ul:hover { transform: initial; }
}

@media (max-width: 480px) {
}

@media (max-width: 320px) {
}

.slideshowdv { width: 1300px; height: 452px; margin: 20px auto }

.container123 { width: 1320px; position: relative }

.boxdvsR { width: 421px; height: 515px; float: right; border-top: 5px #326b90 solid; margin-left: 20px; }
 .boxdvsR:last-child { width: 421px; height: 515px; float: right; border-top: 5px #326b90 solid; margin-left: 0; }
.boxdvsRT { width: 421px; height: 71px }
.boxdvsRB { width: 421px; height: 286px; margin: 0 auto; }
.boxdvsRT1 { width: 421px; height: 50px; border-bottom: 1px #326b90 solid; padding: 5px 10px 0 0; font-weight: bold; color: #326b90 }


.boxdvsRBitmR1 { width: 421px; height: 126px; margin-bottom: 20px; }
 .boxdvsRBitmR1 img { width: 189px; height: 126px; float: right; border: 1px #ccc solid; padding: 5px }
 .boxdvsRBitmR1 p { width: 222px; height: 126px; float: right; padding-right: 10px }

.wanekandv { width: 100%; height: 453px; background: url(../images/wanekanbg.jpg) repeat-x }

.wanekandvT { width: 1300px; height: 74px; border-bottom: 4px #8e8a1c solid; padding-top: 20px; font-size: 20px; }
.wanekandvB { width: 1300px; padding-top: 20px; }
.wanekandvItm { width: 310px; height: 360px; float: right; margin-left: 20px; }
 .wanekandvItm img { width: 310px; height: 208px; }
 .wanekandvItm p { width: 310px; height: auto }



@import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,900);

@-webkit-keyframes scaleIn {
 to { transform: scale(1); }
}

@keyframes scaleIn {
 to { transform: scale(1); }
}

@-webkit-keyframes slideIn {
 to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes slideIn {
 to { opacity: 1; transform: translate3d(0, 0, 0); }
}


.play-toggle { position: relative; cursor: pointer; }
 .play-toggle .play-circle, .play-toggle .play-circle:before, .play-toggle .play-circle:after, .play-toggle span { display: inline-block; vertical-align: middle; position: relative; margin-top: -130px; margin-right: 20px; }
 .play-toggle span { color: white; margin-left: 1rem; font-size: 1.2rem; transition: transform 350ms ease; }
  .play-toggle span i, .play-toggle span strong { display: inline-block; opacity: 0; transform: translate3d(-1rem, 0, 0); -webkit-animation: slideIn 400ms ease forwards; animation: slideIn 400ms ease forwards; }
  .play-toggle span i { color: rgba(255, 255, 255, 0.7); -webkit-animation-delay: 700ms; animation-delay: 700ms; }
  .play-toggle span strong { font-size: 1.25em; font-weight: 900; letter-spacing: 1px; -webkit-animation-delay: 750ms; animation-delay: 750ms; }
 .play-toggle .play-circle, .play-toggle .play-circle:before, .play-toggle .play-circle:after { position: relative; height: 4rem; width: 4rem; background: white; border-radius: 50%; transform: scale(0); -webkit-animation: scaleIn 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 500ms forwards; animation: scaleIn 500ms cubic-bezier(0.075, 0.82, 0.165, 1) 500ms forwards; }
  .play-toggle .play-circle:before, .play-toggle .play-circle:after { position: absolute; top: 50%; left: 50%; content: ""; opacity: 0.04; }
  .play-toggle .play-circle:before { height: 8rem; width: 8rem; margin-left: -4rem; margin-top: -4rem; }
  .play-toggle .play-circle:after { height: 12rem; width: 12rem; margin-left: -6rem; margin-top: -6rem; }
 .play-toggle .play-icon { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: white; border-radius: 50%; box-shadow: 0 3px 24px rgba(0, 0, 0, 0.3); transition: transform 350ms ease; }
  .play-toggle .play-icon:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-35%, -50%); width: 0; height: 0; border-top: 10px solid transparent; border-left: 15px solid #9e0000; border-bottom: 10px solid transparent; }
 .play-toggle:hover .play-icon { transform: scale(1.1); }
 .play-toggle:hover span { transform: translateX(0.3rem); }



.boxdvsR2 { width: 640px; height: auto; float: right; margin-top: 20px; border-top: 5px #326b90 solid; margin-left: 20px; }
 .boxdvsR2:last-child { width: 640px; height: auto; float: right; border-top: 5px #326b90 solid; margin-left: 0; }
.boxdvsRT2 { width: 640px; height: 71px }
.boxdvsRB2 { width: 660px; height: 286px; margin: 0 auto; position:relative }
.boxdvsRT12 { width: 640px; height: 50px; border-bottom: 1px #326b90 solid; padding: 5px 10px 0 0; font-weight: bold; color: #326b90 }


.boxdvsRBitmR12 { width: 310px; height: auto; float: right; margin-left: 20px }
 .boxdvsRBitmR12:last-child { width: 310px; height: auto; float: right; margin-left: 0!important }
 .boxdvsRBitmR12 img { width: 310px; height: 208px; border: 1px #ccc solid; padding: 5px }
 .boxdvsRBitmR12 p { width: 310px; height: 60px; }


.main-content { position: relative; }
 .main-content .owl-theme .custom-nav { position: absolute; top: 30%; left: 0; right: 0; }
  .main-content .owl-theme .custom-nav .owl-prev, .main-content .owl-theme .custom-nav .owl-next { position: absolute; height: 100px; color: inherit; background: none; border: none; z-index: 100; }
   .main-content .owl-theme .custom-nav .owl-prev i, .main-content .owl-theme .custom-nav .owl-next i { font-size: 2.5rem; color: #cecece; }
  .main-content .owl-theme .custom-nav .owl-prev { left: 0; }
  .main-content .owl-theme .custom-nav .owl-next { right: 0; }

 .main-content .owl-carousel .item img { height: 325px }

.footerdv { width: 100%; height: 66px; background-color: #e8e8e8 }

.headersoieliconsbody{width: 100%;  float:none!important; margin:0 auto!important; text-align:center!important }


#button { display: inline-block; background-color: #4c2e0e; width: 50px; height: 50px; text-align: center; border-radius: 4px; padding-top: 8px; color: #fff !important; position: fixed; bottom: 30px; right: 20px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
 #button::after { font-weight: normal; font-style: normal; font-size: 1em; line-height: 50px; color: #fff; }
 #button:hover { cursor: pointer; background-color: #333; }
 #button:active { background-color: #555; }
 #button.show { opacity: 1; visibility: visible; }

/* Styles for the content section */
@media (min-width: 500px) {

 #button { margin: 30px; }
}


.navigation { width: 100%; height: 70px; display: table; position: relative; font-family: inherit; background-color: transparent; }

 .navigation * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

.navigation-portrait { height: 48px; }

.navigation-fixed { position: fixed; top: 0; left: 0; z-index: 19998; }

.navigation-hidden { width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; }

.align-to-right { float: right; }

.nav-header { float: left; }

.navigation-hidden .nav-header { display: none; }

.nav-brand { line-height: 70px; padding: 0; color: #343a40; font-size: 24px; text-decoration: none !important; }

 .nav-brand:hover,
 .nav-brand:focus { color: #343a40; }

.navigation-portrait .nav-brand { font-size: 18px; line-height: 48px; }

.nav-logo > img { height: 48px; margin: 11px auto; padding: 0 15px; float: left; }

.nav-logo:focus > img { outline: initial; }

.navigation-portrait .nav-logo > img { height: 36px; margin: 6px auto 6px 15px; padding: 0; }

.nav-toggle { width: 40px; height: 40px; padding: 6px 2px 0; position: absolute; top: 50%; margin-top: -14px; right: 0; display: none; cursor: pointer; font-size:25px }

 .nav-toggle:before { content: ""; position: absolute; width: 24px; height: 2px;border-radius: 10px; }

.navigation-portrait .nav-toggle { display: block; color: #fff !important }

.navigation-portrait .nav-menus-wrapper { width: 320px; height: 100%; top: 0; left: -400px; position: fixed; background-color: #fff; z-index: 20000; overflow-y: auto; -webkit-overflow-scrolling: touch; transition-duration: 0.2s; transition-timing-function: ease; }

 .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right { left: auto; right: -400px; }

 .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open { left: 0; }

 .navigation-portrait
 .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open { left: auto; right: 0; }

.nav-menus-wrapper-close-button { width: 30px; height: 40px; margin: 10px 7px; display: none; float: left; color: #343a40; font-size: 26px; cursor: pointer; }

.navigation-portrait .nav-menus-wrapper-close-button { display: block; }

.nav-menu { margin: 0; padding: 0; list-style: none; line-height: normal; font-size: 0; }

.navigation-portrait .nav-menu { width: 100%; }

.navigation-landscape .nav-menu.nav-menu-centered { float: none; text-align: center; }

 .navigation-landscape .nav-menu.nav-menu-centered > li { float: none; }

.nav-menu > li { display: inline-block; float: left; text-align: right; }

.navigation-portrait .nav-menu > li { width: 100%; position: relative; border-top: solid 1px #f0f0f0; }

 .navigation-portrait .nav-menu > li:last-child { border-bottom: solid 1px #f0f0f0; }

.nav-menu + .nav-menu > li:first-child { border-top: none; }

.nav-menu > li > a { height: 70px; padding: 26px 15px; display: inline-block; text-decoration: none; font-size: 14px; color: #343a40; transition: color 0.3s, background 0.3s; }

.navigation-portrait .nav-menu > li > a { width: 100%; height: auto; padding: 12px 15px 12px 26px; }

.nav-menu > li:hover > a,
.nav-menu > li.active > a,
.nav-menu > li.focus > a { color: #ff6b00; }

.nav-menu > li > a > i,
.nav-menu > li > a > [class*="ion-"] { width: 18px; height: 16px; line-height: 16px; transform: scale(1.4); }

.nav-menu > li > a > [class*="ion-"] { width: 16px; display: inline-block; transform: scale(1.8); }

.navigation-portrait .nav-menu.nav-menu-social { width: 100%; text-align: center; }

.nav-menu.nav-menu-social > li { text-align: center; float: none; border: none !important; }

.navigation-portrait .nav-menu.nav-menu-social > li { width: auto; }

.nav-menu.nav-menu-social > li > a > [class*="ion-"] { font-size: 12px; }

.nav-menu.nav-menu-social > li > a > .fa { font-size: 14px; }

.navigation-portrait .nav-menu.nav-menu-social > li > a { padding: 15px; }

.submenu-indicator { margin-left: 6px; margin-top: 6px; float: right; transition: all 0.2s; }

.navigation-portrait .submenu-indicator { width: 54px; height: 44px; margin-top: 0; position: absolute; top: 0; left: 0; text-align: center; z-index: 20000; }

.submenu-indicator-chevron { height: 6px; width: 6px; display: block; border-style: solid; border-width: 0 1px 1px 0; border-color: transparent #70798b #70798b transparent; transform: rotate(45deg); transition: border 0.2s; }

.navigation-portrait .submenu-indicator-chevron { position: absolute; top: 18px; left: 24px; }

.nav-menu > li:hover > a .submenu-indicator-chevron,
.nav-menu > .active > a .submenu-indicator-chevron,
.nav-menu > .focus > a .submenu-indicator-chevron { border-color: transparent #967adc #967adc transparent; }

.navigation-portrait .submenu-indicator.submenu-indicator-up { transform: rotate(-180deg); }

.nav-overlay-panel { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: none; z-index: 19999; }

.no-scroll { width: 100%; height: 100%; overflow: hidden; }

.nav-search { height: 70px; float: left; z-index: 19998; }

.navigation-portrait .nav-search { height: 48px; padding: 0 10px; margin-right: 52px; }

.navigation-hidden .nav-search { display: none; }

.nav-search-button { width: 70px; height: 70px; line-height: 70px; text-align: center; cursor: pointer; color:#fff }

.navigation-portrait .nav-search-button { width: 50px; height: 48px; line-height: 46px; font-size: 22px; }

.nav-search-icon { width: 14px; height: 14px; margin: 20px 8px 8px 4px; display: inline-block; vertical-align: middle; position: relative; color: #fff; text-align: right; text-indent: -9999px; border: 2px solid; border-radius: 50%; transform: rotate(-45deg); }

 .nav-search-icon:after,
 .nav-search-icon:before { content: ""; pointer-events: none; }

 .nav-search-icon:before { width: 2px; height: 11px; top: 11px; position: absolute; left: 50%; border-radius: 0 0 1px 1px; box-shadow: inset 0 0 0 32px; transform: translateX(-50%); }

.nav-search-button:hover .nav-search-icon { color: #ff6b00; }

.nav-search > .divsd { width: 100%; height: 100%; padding: 0 auto; display: none; position: absolute; left: 0; top: 10px; background-color: #fff; z-index: 99; }

.nav-search-inner { width: 70%; height: 70px; margin: auto; display: table; }

.navigation-portrait .nav-search-inner { height: 48px; }

.nav-search-inner input[type="text"],
.nav-search-inner input[type="search"] { height: 70px; width: 100%; margin: 0; padding: 0 12px; font-size: 26px; text-align: center; color: #343a40; outline: none; line-height: 70px; border: none; background-color: transparent; transition: all 0.3s; }

.navigation-portrait .nav-search-inner input[type="text"],
.navigation-portrait .nav-search-inner input[type="search"] { height: 48px; font-size: 18px; line-height: 48px; }

.nav-search-close-button { width: 28px; height: 28px; display: block; position: absolute; right: 20px; top: 20px; line-height: normal; color: #343a40; font-size: 20px; cursor: pointer; text-align: center; }

.navigation-portrait .nav-search-close-button { top: 10px; right: 14px; }

.nav-button { margin: 18px 15px 0; padding: 8px 14px; display: inline-block; color: #fff; font-size: 14px; text-align: center; text-decoration: none; border-radius: 4px; }

 .nav-button:hover,
 .nav-button:focus { color: #fff; text-decoration: none; }

.navigation-portrait .nav-button { width: calc(100% - 52px); margin: 17px 26px; }

.nav-text { margin: 25px 15px; display: inline-block; color: #343a40; font-size: 14px; }

.navigation-portrait .nav-text { width: calc(100% - 52px); margin: 12px 26px 0; }

 .navigation-portrait .nav-text + ul { margin-top: 15px; }

.nav-dropdown { min-width: 180px; margin: 0; padding: 0; display: none; position: absolute; list-style: none; z-index: 98; white-space: nowrap; }

.navigation-portrait .nav-dropdown { width: 100%; position: static; left: 0; }

.nav-dropdown .nav-dropdown { left: 100%; }

.nav-menu > li > .nav-dropdown { border-top: solid 1px #f0f0f0; }

.nav-dropdown > li { width: 100%; float: left; clear: both; position: relative; text-align: right; }

 .nav-dropdown > li > a { width: 100%; padding: 16px 20px; display: inline-block; text-decoration: none; float: left; font-size: 13px; color: #343a40; background-color: #fdfdfd; }

 .nav-dropdown > li:hover > a,
 .nav-dropdown > li.focus > a { color: #ff6b00; }

.nav-dropdown.nav-dropdown-left { right: 0; }

.nav-dropdown > li > .nav-dropdown-left { left: auto; right: 100%; }

.navigation-landscape .nav-dropdown.nav-dropdown-left > li > a { text-align: right; }

.navigation-portrait .nav-dropdown > li > a { padding: 12px 20px 12px 30px; }

.navigation-portrait .nav-dropdown > li > ul > li > a { padding-left: 50px; }

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > a { padding-left: 70px; }

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a { padding-left: 90px; }

.navigation-portrait
.nav-dropdown > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 110px; }

.nav-dropdown .submenu-indicator { right: 15px; top: 10px; position: absolute; }

.navigation-portrait .nav-dropdown .submenu-indicator { right: 0; top: 0; }

.nav-dropdown .submenu-indicator .submenu-indicator-chevron { transform: rotate(-45deg); }

.navigation-portrait
.nav-dropdown
.submenu-indicator
.submenu-indicator-chevron { transform: rotate(45deg); }

.nav-dropdown > li:hover > a .submenu-indicator-chevron,
.nav-dropdown > .focus > a .submenu-indicator-chevron { border-color: transparent #ff6b00 #ff6b00 transparent; }

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator { left: 10px; }

 .navigation-landscape
 .nav-dropdown.nav-dropdown-left
 .submenu-indicator
 .submenu-indicator-chevron { transform: rotate(135deg); }
.nav-dropdown-horizontal { width: 100%; left: 0; background-color: #fdfdfd; border-top: solid 1px #f0f0f0; }

 .nav-dropdown-horizontal .nav-dropdown-horizontal { width: 100%; top: 100%; left: 0; }

.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal { border-top: none; }

.nav-dropdown-horizontal > li { width: auto; clear: none; position: static; }

.navigation-portrait .nav-dropdown-horizontal > li { width: 100%; }

.nav-dropdown-horizontal > li > a { position: relative; }

.nav-dropdown-horizontal .submenu-indicator { height: 18px; top: 11px; transform: rotate(90deg); }

.navigation-portrait .nav-dropdown-horizontal .submenu-indicator { height: 42px; top: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); }

 .navigation-portrait
 .nav-dropdown-horizontal
 .submenu-indicator.submenu-indicator-up { transform: rotate(-180deg); }

.megamenu-panel { width: 100%; padding: 15px; display: none; position: absolute; font-size: 14px; z-index: 98; text-align: right; color: inherit; border-top: solid 1px #f0f0f0; background-color: #fdfdfd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.075); }

.navigation-portrait .megamenu-panel { padding: 25px; position: static; display: block; }

.megamenu-panel [class*="container"] { width: 100%; }

 .megamenu-panel [class*="container"] [class*="col-"] { padding: 0; }

.megamenu-panel-half { width: 50%; }

.megamenu-panel-quarter { width: 25%; }

.navigation-portrait .megamenu-panel-half,
.navigation-portrait .megamenu-panel-quarter { width: 100%; }

.megamenu-panel-row { width: 100%; }

 .megamenu-panel-row:before,
 .megamenu-panel-row:after { content: ""; display: table; line-height: 0; }

 .megamenu-panel-row:after { clear: both; }

 .megamenu-panel-row [class*="col-"] { display: block; min-height: 20px; float: left; margin-left: 3%; }

  .megamenu-panel-row [class*="col-"]:first-child { margin-left: 0; }

.navigation-portrait .megamenu-panel-row [class*="col-"] { float: none; display: block; width: 100% !important; margin-left: 0; margin-top: 15px; }

.navigation-portrait
.megamenu-panel-row:first-child
[class*="col-"]:first-child { margin-top: 0; }

.megamenu-panel-row .col-1 { width: 5.583333333333%; }

.megamenu-panel-row .col-2 { width: 14.166666666666%; }

.megamenu-panel-row .col-3 { width: 22.75%; }

.megamenu-panel-row .col-4 { width: 31.333333333333%; }

.megamenu-panel-row .col-5 { width: 39.916666666667%; }

.megamenu-panel-row .col-6 { width: 48.5%; }

.megamenu-panel-row .col-7 { width: 57.083333333333%; }

.megamenu-panel-row .col-8 { width: 65.666666666667%; }

.megamenu-panel-row .col-9 { width: 74.25%; }

.megamenu-panel-row .col-10 { width: 82.833333333334%; }

.megamenu-panel-row .col-11 { width: 91.416666666667%; }

.megamenu-panel-row .col-12 { width: 100%; }

.megamenu-tabs { width: 100%; float: left; display: block; }

.megamenu-tabs-nav { width: 20%; margin: 0; padding: 0; float: left; list-style: none; }

.navigation-portrait .megamenu-tabs-nav { width: 100%; }

.megamenu-tabs-nav > li > a { width: 100%; padding: 10px 16px; float: left; font-size: 13px; text-decoration: none; color: #343a40; border: solid 1px #eff0f2; outline: 0; background-color: #fff; }

.megamenu-tabs-nav > li.active a,
.megamenu-tabs-nav > li:hover a { background-color: #f5f5f5; }

.megamenu-tabs-pane { width: 80%; min-height: 30px; padding: 20px; float: right; display: none; font-size: 13px; color: #343a40; border: solid 1px #eff0f2; background-color: #fff; }

 .megamenu-tabs-pane.active { display: block; }

.navigation-portrait .megamenu-tabs-pane { width: 100%; }

.megamenu-lists { width: 100%; display: table; }

.megamenu-list { width: 100%; margin: 0 0 15px; padding: 0; display: inline-block; float: left; list-style: none; }

 .megamenu-list:last-child { margin: 0; border: none; }

.navigation-landscape .megamenu-list { margin: -15px 0; padding: 20px 0; border-right: solid 1px #f0f0f0; }

 .navigation-landscape .megamenu-list:last-child { border: none; }

.megamenu-list > li > a { width: 100%; padding: 10px 15px; display: inline-block; color: #343a40; text-decoration: none; font-size: 13px; }

 .megamenu-list > li > a:hover { background-color: #ff6b00; color: #fff; }

.megamenu-list > li.megamenu-list-title > a { font-size: 12px; font-weight: 600; text-transform: uppercase; color: #343a40; }

 .megamenu-list > li.megamenu-list-title > a:hover { background-color: transparent; }

.navigation-landscape .list-col-2 { width: 50%; }

.navigation-landscape .list-col-3 { width: 33%; }

.navigation-landscape .list-col-4 { width: 25%; }

.navigation-landscape .list-col-5 { width: 20%; }

.nav-menu > li > a { color: #343a40; text-transform: uppercase; }

.nav-dropdown > li > a { color: #343a40; padding: 10px 20px; border-bottom: 1px solid #f6f6f6; }

 .nav-dropdown > li > a:hover,
 .nav-dropdown > li > a:focus { color: #ff6b00; }

.main_header_area.sticky { width: 100%; position: fixed; top: 0; left: 0; background-color: #fff; z-index: 9999; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); }

.transparent-menu { position: absolute; width: 100%; left: 0; top: 0; z-index: 99; }

.navigation-portrait .nav-menu > li > a { width: 100%; height: auto; padding: 10px 10px 10px 30px; }

@media only screen and (min-width: 320px) and (max-width: 767px) {
 .nav-dropdown > li > a,
 .megamenu-list > li > a { width: 65%; }
}



.Masterdv { width: 100%; margin: 20px 0; }
.MasterdvR { width: 910px; float: right }
.MasterdvL { width: 370px; float: left }

.MasterdvRT { width: 100%; height: 50px; border-bottom: 1px #000 solid; }
 .MasterdvRT .row .col-sm-12 { font-size: 25px; font-weight: bold; }
.MasterdvRB { padding: 20px 0; }
.mostreaddv { width: 100%; border-bottom: 1px #ccc solid; padding: 20px 0 }

.HJGaiyubs { width: 1300px; padding: 8px }
 .HJGaiyubs a { color:#000!important}

 .latestnewsdv { width: 100%; background-color: #eaeaea; padding: 20px; }
.latestnewsitm { width: 100%; height: 212px; margin-bottom: 20px; }
 .latestnewsitm img { width: 100%; height: 212px; }
 .latestnewsitm p { width: 100%; height: 80px; background: rgb(0, 0, 0); background: linear-gradient(0deg, rgb(0, 20, 22) 0%, rgba(20,132,144,0) 100%); position: relative; margin-top: -80px; padding: 10px; }
 .latestnewsitm a p { color: #fff; }

.rangdanboxBitmy { width: 310px; height: 300px; float: right; margin-left: 20px; margin-bottom: 20px; }
 .rangdanboxBitmy:last-child { width: 310px; height: 300px; float: right; margin-left: 0; margin-bottom: 0; }
 .rangdanboxBitmy img { width: 310px; height: 200px; }
 .rangdanboxBitmy p { width: 310px; height: 100px; background-color: #fff; padding: 10px; }
 .rangdanboxBitmy:hover p { background-color: #4C2E0E; color: #fff; transition: all 0.2s ease-in-out 0s; }

.newscontent { width: 1300px; margin: 20px auto }
 .newscontent .row .col-sm-2:nth-child(1) { padding: 5px; background-color: #fff; }
 .newscontent .row .col-sm-10 { text-align: left; }
.imgnews { width: 500px; height: auto; float: left; margin: 20px 20px 20px 0; border: 1px #fff solid; padding: 5px }

.kurtewtardv { width: 100% }
 .kurtewtardv .kurtewtardvT h4 { background-color: rgba(164,125,152,0.64); padding: 10px; }


.newcontentdvR { width: 50%; float: right; padding: 8px; background-color: #fff; }
.newcontentdvL { width: 40%; float: left; direction: ltr; }


.morenewsdv { width: 275px; height: 430px; float: right; margin-left: 15px; }
 .morenewsdv img { width: 275px; height: 180px; }
 .morenewsdv p { width: 275px; height: 85px; padding: 10px; text-align: right; background-color: #ececec }



/* Search btn mobile */
.searchoverlay { height: 0%; width: 100%; position: fixed; z-index: 100; top: 0; left: 0; background-color: rgba(0,0,0, 0.8); overflow-y: hidden; transition: 0.5s; display: block; direction: rtl; }
.searchoverlay-content { position: relative; top: 20%; width: 100%; text-align: center; margin-top: 30px; padding: 5%; box-sizing: border-box; }
 .searchoverlay-content img { margin-bottom: 20px; }
 .searchoverlay-content h3 { font-size: 20px; font-weight: 300; text-align: center; padding: 0; color: #ef7b84; font-weight: 600; }
.searchoverlay a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; }
.searchoverlay .closebtn { position: absolute; top: 20px; right: 20px; font-size: 60px; color: #fff!important; }


#custom-search-input { padding: 3px; border: solid 1px #E4E4E4; border-radius: 6px; background-color: #fff; }

 #custom-search-input input { border: 0; box-shadow: none; }

 #custom-search-input button { margin: 2px 0 0 0; background: none; box-shadow: none; border: 0; color: #fff; padding: 5px 12px 0 10px; border-right: solid 1px #ccc; background-color: #009a3e; }

  #custom-search-input button:hover { border: 0; box-shadow: none; border-right: solid 1px #ccc; }

 #custom-search-input .glyphicon-search { font-size: 23px; }



#custom-search-input2 { padding: 3px; border: solid 1px #E4E4E4; border-radius: 6px; background-color: #fff; }

 #custom-search-input2 input { border: 0; box-shadow: none; }

 #custom-search-input2 button { margin: 2px 0 0 0; background: none; box-shadow: none; border: 0; color: #fff; padding: 5px 12px 0 10px; border-right: solid 1px #ccc; background-color: #009a3e; }

  #custom-search-input2 button:hover { border: 0; box-shadow: none; border-right: solid 1px #ccc; }

 #custom-search-input2 .glyphicon-search { font-size: 23px; }



/*Google Search*/
.gsc-control-cse { padding: 0px !important; border-width: 0px !important; direction: rtl; }
form.gsc-search-box, table.gsc-search-box { margin-bottom: 0px !important; direction: rtl; }
.gsc-search-box .gsc-input { padding: 0px 4px 0px 6px !important; direction: rtl; }
#gsc-iw-id1 { height: auto !important; padding: 0px !important; border-width: 0px !important; box-shadow: none !important; }
#gs_tti50 { padding: 0px !important; }
#gsc-i-id1 { height: 33px !important; padding: 0px !important; background: none !important; text-indent: 0px !important; }
.gsib_b { display: none; }
button.gsc-search-button { display: block; width: 13px !important; height: 13px !important; border-width: 0px !important; margin: 0px !important; padding: 10px 13px 10px 13px !important; outline: none; cursor: pointer; box-shadow: none !important; box-sizing: content-box !important; }
.gsc-branding { display: none !important; }
.gsc-control-cse, #gsc-iw-id1 { background-color: transparent !important; }
#search-box { width: 400px; height: 33px; margin: 0 auto; background-color: #FFF; padding: 3px; border: 2px solid #1267a5; border-radius: 4px; }
#gsc-i-id1 { color: #1267a5; }
button.gsc-search-button { padding: 10px !important; background-color: #1267a5 !important; border-radius: 3px !important; }


.CategoryTNewsC img { float:left; margin:0 20px 20px 0; width:400px; height: auto}